信息发布与网页设计-Dreamweaver9层

《信息发布与网页设计-Dreamweaver9层》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、信息发布与网页设计DREAMWEAVER第9章层信息学院《信息发布与网页设计》课题组06十月2021返回3.9层的使用层是一种网页元素定位技术层提供了一种对网页的对象进行灵活控制的手段；可以放入BODY中的元素，都可以放入层中；层具有如下优点：可精确定位可随意拖放可控制“显示/隐藏”可重叠属性可继承3.9.1层的分类CSS层DIVSPANNetscape层LAYERILAYER3.9.2创建层3.9.2.1创建普通层方法1:“插入”→“布局对象”→“层”方法2:“布局”子面板→“描绘层”按钮，按下鼠标左键绘制层。3.9.2.2创建嵌套层在层内部

2、点击，然后插入的层即为其子层，子层可继承父层的特性如：显示/隐藏等。子层的物理位置不一定在父层中。3.9.3设置层的参数设置层的默认参数菜单“编辑”→“首选参数”→选择分类中的“层”设置具体参数显示：默认

3、继承

4、可见

5、隐藏宽/高：分别设置层的宽和高背景：颜色

6、图像3.9.4设置层的属性选择一个层三种方法：“窗口”→“层”→“层面板”→选择“层”的名称单击层的选择柄（层左上角回形框），单击层的边框选择多个层按下Shift键，单击层面板中的层名称按下Shift键，单击层边框或层中任意位置3.9.4设置层的属性层属性面板层的浮动面板3.9.5层的基本

7、操作3.9.5.1在层中添加内容添加文字添加图像区别层的大小与插入层中的图像的大小,不一致时会有溢出、填充等。层与插入层中的图像的大小可分别设置3.9.5.2更改层的大小选择层,利用控制点调整大小选择层,利用属性面板设置宽、高。3.9.5.3移动层选择层，通过拖动，移动层。选择层，通过层属性面板精确定位。在拖动层的高级选项中，调用JavaSvrpt:的文本框中输入：JavaSvrpt:alert(‘ok’)，可弹出信息。3.9.5.4对齐层选择多个层，可以：左对齐、右对齐、顶部对齐、底部对齐。3.9.5.5显示和隐藏层使用属性面板的“可见性”在

8、层标志上点击右键，选择“可见性”使用层浮动面板中的“眼睛”按钮，眼睛睁开为可见，眼睛闭合为不可见。3.9.5.6更改层的名称隐含的层名称为：Layer1、Layer2…。更改层名称（与内容相关）方法一双击层浮动面板上的层名称，更新方法二在层的属性面板“层编号”文本框中，输入新的名称。3.9.5.7改变层的堆栈Z-index确定层的垂直位置，即在浏览器中显示的顺序，数值大的在后，小的在前。隐藏前面的才可见后面的。改变层堆栈方法一在层的浮动面板中更改Z列的数值方法二在层的属性面板中，更改Z-index的数值3.9.6表格与层的转换3.9.6.1层转

9、换为表格“修改”→“转换”→“层到表格”3.9.6.2表格转换为层“修改”→“转换”→“表格到层”层的应用练习一利用层制作下拉菜单2021/10/616层练习-下拉菜单-1风景图片名胜古迹东岳泰山蛾眉金顶九华山故宫十三陵颐和园南岳衡山长城西岳华山天坛下拉菜单的制作1插入Layer1层，其中插入1行2列、边框为0、宽度为200的表格,制作主菜单。在两个单元格中分别输入“名胜古迹”、“自然风景”作为菜单项。插入Layer2层，其中插入1个5行1列的表格，5行单元格中分别输入：东岳泰山、蛾眉金顶、九华山、南岳衡山、西岳华山；设置居中显示。在主菜单的上

10、一行位置，插入1个段落

11、隐藏层”；设置onMouseOver事件，Layer2层为“显示”；再次单击“＋”按钮，设置“显示/隐藏层”，Layer2为“隐藏”，并修改事件为onMouseOut。保存并测试，同法设置其它图层。为文字“”添加行为提示浏览者点击2021/10/620层的应用练习二拼图游戏的制作2021/10/621准备工作：选择一幅作为拼图的合适图片；计算图的尺寸、切分块数及切分后每个图的尺寸；如设定：2行X3列，6块图；大图尺寸：300X100；每个小图的尺寸为100X50；确定每个图右上角的位置（距离左边和上边的距离）。使用拖动层创建“拼图游戏”2021

12、/10/622在Fireworks中打开图片，在工具箱中选择“切片工具”中的“矩形”切片工具；在图片左上焦，按下鼠标左键，在切片区域的终点，松开鼠标左