养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

Dreamweaver CS6如何应用:[9]使用图片

时间:2024-10-26 17:23:41

图片是网页的重要组成元素之一,网页通过图片的修饰展现网页的多彩效果。那么,怎么在网页中插入图片痒滕熘丬呢,还有在图片上还能有其他的什么操作呢,下面我们一起来看一下插入图片的基础知识

工具/原料

DreamweaverCS6

一、设置背景图片

1、创建一个空白页

2、在‘属性’面板单击‘页面属性’

Dreamweaver CS6如何应用:[9]使用图片

3、在弹出的对话框面板中选择‘外观CSS’中的‘背景图像’,选择一张图片点击确定,就可以了,

Dreamweaver CS6如何应用:[9]使用图片

4、效果如下:

Dreamweaver CS6如何应用:[9]使用图片

二、插入图片

1、创建一个空白页

2、点击‘插入’---‘图像’,如下:

Dreamweaver CS6如何应用:[9]使用图片

3、在弹出的‘图像标签辅助功能属性’中的‘替换文本’可以输入文字,意思是这张图片的说明。

Dreamweaver CS6如何应用:[9]使用图片

4、单击图片,选中图片,在‘属性’面板的‘宽’和‘高’可以设置图片的宽度和高度。

Dreamweaver CS6如何应用:[9]使用图片

5、设置后的效果如下:

Dreamweaver CS6如何应用:[9]使用图片

三、设置图片链接

1、利用上一节的操作和图片,做一个图片链接

2、选中图片,在‘属性’面板中的‘链接’的文本框中输入网址,

Dreamweaver CS6如何应用:[9]使用图片

3、按F12浏览效果

© 一点知识