图片是网页的重要组成元素之一,网页通过图片的修饰展现网页的多彩效果。那么,怎么在网页中插入图片痒滕熘丬呢,还有在图片上还能有其他的什么操作呢,下面我们一起来看一下插入图片的基础知识
工具/原料
Dreamweaver CS6
一、设置背景图片
1、创建一个空白页
2、在‘属性’面板单击‘页面属性’
![Dreamweaver CS6如何应用:[9]使用图片](https://exp-picture.cdn.bcebos.com/8974c38a59de450767a61ac35e413a8ca708853e.jpg)
3、在弹出的对话框面板中选择‘外观CSS’中的‘背景图像’,选择一张图片点击确定,就可以了,
![Dreamweaver CS6如何应用:[9]使用图片](https://exp-picture.cdn.bcebos.com/d400248ca608a50f615b723f10cec7f88b77ff3e.jpg)
4、效果如下:
![Dreamweaver CS6如何应用:[9]使用图片](https://exp-picture.cdn.bcebos.com/51cd85cec7f88a77a77aaaff6e4a2f27e6eff83e.jpg)
二、插入图片
1、创建一个空白页
2、点击‘插入’---‘图像’,如下:
![Dreamweaver CS6如何应用:[9]使用图片](https://exp-picture.cdn.bcebos.com/890dfb4a2f27e7efd7a149b219dd3340b7f3f53e.jpg)
3、在弹出的‘图像标签辅助功能属性’ 中的‘替换文本’可以输入文字,意思是这张图片的说明。
![Dreamweaver CS6如何应用:[9]使用图片](https://exp-picture.cdn.bcebos.com/2947750192dd3340b55bb334881c99c0aefcf13e.jpg)
4、单击图片,选中图片,在‘属性’面板的‘宽’和‘高’可以设置图片的宽度和高度。
![Dreamweaver CS6如何应用:[9]使用图片](https://exp-picture.cdn.bcebos.com/025d87c0affce1862d878ac11f1fbee435daeb3e.jpg)
5、设置后的效果如下:
![Dreamweaver CS6如何应用:[9]使用图片](https://exp-picture.cdn.bcebos.com/e0c73a2fa872941fb24c16697b5e4a237871e63e.jpg)
三、设置图片链接
1、利用上一节的操作和图片,做一个图片链接
2、选中图片,在‘属性’面板中的‘链接’的文本框中输入网址,
![Dreamweaver CS6如何应用:[9]使用图片](https://exp-picture.cdn.bcebos.com/a9338a1fbee434dafef66890f271fe1d97d8e43e.jpg)
3、按F12浏览效果