手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

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

时间:2024-10-12 00:47:03

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

工具/原料

Dreamweaver CS6

一、设置背景图片

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浏览效果

© 手抄报圈