Dreamweaver学习:[29]网页中如何编辑AP DIV层

 时间:2024-10-14 11:23:39

1、打开Dreamweaver,新建一个HTML文件。点击绘制层,在窗口内创建一个图层。

Dreamweaver学习:[29]网页中如何编辑AP DIV层

2、在属性面板中更改层的属性,可以通过修改层与窗口的距离来精确层的位置。左、上就是分别跤耧锿葡与左边和上边窗口的距离;宽、高就是层的宽度和高度。

Dreamweaver学习:[29]网页中如何编辑AP DIV层

3、向层内插入一张图片。点击插入\图像,选择要插入的图像,并更改图像的大小。

Dreamweaver学习:[29]网页中如何编辑AP DIV层
Dreamweaver学习:[29]网页中如何编辑AP DIV层
Dreamweaver学习:[29]网页中如何编辑AP DIV层

4、在按照刚才插入层的方法,在页面中创建两个图层。

Dreamweaver学习:[29]网页中如何编辑AP DIV层

5、按住SHIFT键,用腱懒幺冁鼠标挨个选中,可以将三个图层全部选中,然后点击修改菜单\对齐,设成宽度相同和设成高度相同,来更改层的高度和宽度一致。

Dreamweaver学习:[29]网页中如何编辑AP DIV层
Dreamweaver学习:[29]网页中如何编辑AP DIV层
Dreamweaver学习:[29]网页中如何编辑AP DIV层

6、再在其他两个层中分别插入图像,并更改图像的大小。通过移动可以呈现添加状态。

Dreamweaver学习:[29]网页中如何编辑AP DIV层
Dreamweaver学习:[29]网页中如何编辑AP DIV层

7、点击F12预览。

Dreamweaver学习:[29]网页中如何编辑AP DIV层
  • Dreamweaver如何插入日期
  • dw怎么添加搜索框
  • DW设置背景图片的操作方法
  • Dreamweaver文档中如何插入Div标签?
  • 如何在DW中插入音乐
  • 热门搜索
    八一建军节手抄报 关于劳动节手抄报 重阳节手抄报图片大全 科技手抄报内容大全 新学期新计划手抄报 勿忘国耻手抄报内容 父亲节手抄报图片 劳动节的手抄报 爱祖国爱家乡手抄报 安全小知识手抄报