Dreamweaver:[43]网页制作之更改网页属性
1、打开Dreamweaver,设置背景颜色。
![Dreamweaver:[43]网页制作之更改网页属性](https://exp-picture.cdn.bcebos.com/35fa07efa25f0c14bea532310d89a146b6b13876.jpg)
![Dreamweaver:[43]网页制作之更改网页属性](https://exp-picture.cdn.bcebos.com/c33acc828689a146376f0e4af4bd4c7c35b33476.jpg)
2、插入一个两行四列的表格。
![Dreamweaver:[43]网页制作之更改网页属性](https://exp-picture.cdn.bcebos.com/b6f0f0f97fbd4c7cb06ddcf2b8bad341027d3076.jpg)
![Dreamweaver:[43]网页制作之更改网页属性](https://exp-picture.cdn.bcebos.com/4d3d2ab33c4133ba549fe3ce6a37c97623bc2f76.jpg)
3、合并第一行,并输入文本,修改单元格的背景颜色和高度,设置文本的属性。
![Dreamweaver:[43]网页制作之更改网页属性](https://exp-picture.cdn.bcebos.com/32fbcd41037de13743a8c20ff6c5cf672a5f2a76.jpg)
![Dreamweaver:[43]网页制作之更改网页属性](https://exp-picture.cdn.bcebos.com/e076d77622bc7dc542b9cbec5e460596b9142976.jpg)
4、在下面的表格中分别插入已经准备好了的图片。并设置合适的图片大小。
![Dreamweaver:[43]网页制作之更改网页属性](https://exp-picture.cdn.bcebos.com/2a1ecb460596b814660e55b043d246fe464e2276.jpg)
5、选择图片,点击插入\行为,打开行为窗口,点击添加行为中的改变属性。 选择img。
![Dreamweaver:[43]网页制作之更改网页属性](https://exp-picture.cdn.bcebos.com/47bf594ec28333bfa231d5fcdbb8b43ea9db1d76.jpg)
![Dreamweaver:[43]网页制作之更改网页属性](https://exp-picture.cdn.bcebos.com/a99a494afa32939c8d293f015719ce2c5a1b1576.jpg)
6、选择好需要改变属性的图片,在输入内输入宽,在值内输入需要更改的宽的值。调整事件到onmouseover。在同样的设置要改变的高。
![Dreamweaver:[43]网页制作之更改网页属性](https://exp-picture.cdn.bcebos.com/dd58d02c5b1b1ede5302408a981fceecd2d90f76.jpg)
![Dreamweaver:[43]网页制作之更改网页属性](https://exp-picture.cdn.bcebos.com/d2987775f2c4ec99f69de4b2c3fe1e425c6b0776.jpg)
![Dreamweaver:[43]网页制作之更改网页属性](https://exp-picture.cdn.bcebos.com/1f03436b04d149292c56d9a063e5eceeacbc7e76.jpg)
![Dreamweaver:[43]网页制作之更改网页属性](https://exp-picture.cdn.bcebos.com/edafb3bcbe2f4770fbc63f696f3b3b8603217976.jpg)
7、在按照刚才的方法,分别设置两个行为,事件都是onmouseout,也说就是鼠标移开,动作就是恢复原来的高和宽,也就是把高和宽设置为原来的值就好了。
![Dreamweaver:[43]网页制作之更改网页属性](https://exp-picture.cdn.bcebos.com/03605157935653bb3dfe84481d0b312104617176.jpg)
![Dreamweaver:[43]网页制作之更改网页属性](https://exp-picture.cdn.bcebos.com/30601b6104a355e94f700864d22ae3efe1786876.jpg)
![Dreamweaver:[43]网页制作之更改网页属性](https://exp-picture.cdn.bcebos.com/586bfdefe07814310d68d2dfdc6699cf03536276.jpg)
8、这样,这张图片的更改属性的特效就全部做好了,其他三张图片也一样设置就ok了。