1、打开Dreamweaver,新建一个HTML文件。点击绘制层,在窗口内创建一个图层。
![Dreamweaver学习:[29]网页中如何编辑AP DIV层](https://exp-picture.cdn.bcebos.com/d2987775f2c4ec99e381d1b2c3fe1e425c6b071a.jpg)
2、在属性面板中更改层的属性,可以通过修改层与窗口的距离来精确层的位置。左、上就是分别跤耧锿葡与左边和上边窗口的距离;宽、高就是层的宽度和高度。
![Dreamweaver学习:[29]网页中如何编辑AP DIV层](https://exp-picture.cdn.bcebos.com/58021a0148fe1e42e3a9d162c2299a883813031a.jpg)
3、向层内插入一张图片。点击插入\图像,选择要插入的图像,并更改图像的大小。
![Dreamweaver学习:[29]网页中如何编辑AP DIV层](https://exp-picture.cdn.bcebos.com/486884883913e8e5282c780f352f477047187d1a.jpg)
![Dreamweaver学习:[29]网页中如何编辑AP DIV层](https://exp-picture.cdn.bcebos.com/acfda02f4770461816183188b08602214e57761a.jpg)
![Dreamweaver学习:[29]网页中如何编辑AP DIV层](https://exp-picture.cdn.bcebos.com/e57a258602214f575d948608732064fb970b731a.jpg)
4、在按照刚才插入层的方法,在页面中创建两个图层。
![Dreamweaver学习:[29]网页中如何编辑AP DIV层](https://exp-picture.cdn.bcebos.com/f9617afb960b3121d1a3d110dee983aee9d76d1a.jpg)
5、按住SHIFT键,用腱懒幺冁鼠标挨个选中,可以将三个图层全部选中,然后点击修改菜单\对齐,设成宽度相同和设成高度相同,来更改层的高度和宽度一致。
![Dreamweaver学习:[29]网页中如何编辑AP DIV层](https://exp-picture.cdn.bcebos.com/54a89daee8d7592a392d35cb9f31dfb6336c671a.jpg)
![Dreamweaver学习:[29]网页中如何编辑AP DIV层](https://exp-picture.cdn.bcebos.com/e1390a31dfb6326c88a44c7c89532f632285601a.jpg)
![Dreamweaver学习:[29]网页中如何编辑AP DIV层](https://exp-picture.cdn.bcebos.com/988e1c532f63238504f43722cce833e038725d1a.jpg)
6、再在其他两个层中分别插入图像,并更改图像的大小。通过移动可以呈现添加状态。
![Dreamweaver学习:[29]网页中如何编辑AP DIV层](https://exp-picture.cdn.bcebos.com/46a92de039723d035128eb35bb486143d6d4571a.jpg)
![Dreamweaver学习:[29]网页中如何编辑AP DIV层](https://exp-picture.cdn.bcebos.com/6002c9d4483104eb07658abc092b74ee1d324e1a.jpg)
7、点击F12预览。
![Dreamweaver学习:[29]网页中如何编辑AP DIV层](https://exp-picture.cdn.bcebos.com/75af02324b18512c74330d14ad334884cce3491a.jpg)