作业题目： 1-2 预习内容： 课时公配， 字外 ☐复习提问新课讲解课堂讨论☐小节 作业布置 时间分配■3 82 10 3 2 四、使用层排版 除了表格以外，层是另外 一种定位网页元素的方法。本节介绍层的概念和操作，并通过 一个实例说明如何利用层进行页面布局的设计。 1、实例导入：层排版网页 Dreamweaver中的层是一种网页元素定位技术，它可以包含文字、图像、表格、插件甚 至其它层。 一个网页中可以含有多个层，层的特点在于各个层之间可以重叠，并可以决定每 个层是否可见，还可以定义各个层之间的层次关系。层可以转换成表格，通过与“时间轴 及行为的结合，能够实现动态交互效果。 本实例采用了层排版网页，时间轴与行为结合制作了网页动态效果。 在本实例中，主要涉及以下知识点： ●以层作为页面布局的工县，设置层的背层领色、大小及位置 ● 调整层与层间的相对关系，通过“Z 值设置层的叠放 序 问层内添加图像、LASH动圆、文本、表格等网页元系： ·利用时间轴和行为制作网页动态效果。 2、插入层和编辑层 ·插入层 ·层的关系 如果两个层有交叉，它们有两种关系：重叠与嵌套。重叠就是位置上有重叠，但两个层 是独立的， 一个层发生变化时，不影响另外一个层，而嵌套时，子层会随着父层的某些属性 的变化而变化，而父层不随子层发生变化， ·创健嵌套层 层的嵌套和表格的嵌套有些类似，就是在层里面再建立一个层 ·层的属性设置 。设置层的属性时，首先要选中层，通过“属性”面板进行属性设置 ·层的操作 1)层的移动 (2)层的对齐作业题目： 1-2 预习内容： 课时分配： 教学环节 复习提问 新课讲解 课堂讨论 小节 作业布置 时间分配 3 82 10 3 2 四、使用层排版 除了表格以外，层是另外一种定位网页元素的方法。本节介绍层的概念和操作，并通过 一个实例说明如何利用层进行页面布局的设计。 1、实例导入：层排版网页 Dreamweaver 中的层是一种网页元素定位技术，它可以包含文字、图像、表格、插件甚 至其它层。一个网页中可以含有多个层，层的特点在于各个层之间可以重叠，并可以决定每 个层是否可见，还可以定义各个层之间的层次关系。层可以转换成表格，通过与“时间轴” 及行为的结合，能够实现动态交互效果。 本实例采用了层排版网页，时间轴与行为结合制作了网页动态效果。 在本实例中，主要涉及以下知识点： ⚫ 以层作为页面布局的工具，设置层的背景颜色、大小及位置； ⚫ 调整层与层间的相对关系，通过“Z”值设置层的叠放顺序； ⚫ 向层内添加图像、FLASH 动画、文本、表格等网页元素； ⚫ 利用时间轴和行为制作网页动态效果。 2、插入层和编辑层 ⚫ 插入层 ⚫ 层的关系 如果两个层有交叉，它们有两种关系：重叠与嵌套。重叠就是位置上有重叠，但两个层 是独立的，一个层发生变化时，不影响另外一个层，而嵌套时，子层会随着父层的某些属性 的变化而变化，而父层不随子层发生变化。 ⚫ 创建嵌套层 层的嵌套和表格的嵌套有些类似，就是在层里面再建立一个层。 ⚫ 层的属性设置 ⚫ 设置层的属性时，首先要选中层，通过“属性”面板进行属性设置。 ⚫ 层的操作 (1) 层的移动 (2) 层的对齐