2016网页制作（主编高律-科学出版社）层及应用（DW 2004）.docVIP

第十节 层及应用（DW 2004） 【计划课时】：3课时 【授课班级】：计算机应用一班 【教学目的与要求】 【教学方法与手段】 多媒体教学：借助多媒体手段，进行课堂理论教学； 启发式教学：教学活动关注的重点从结果转向过程。激发思维，师生互动，增强学生学习的主动性、积极性和创造性；? 【教学重点与难点】： 基础知识：。 重点知识： 【教学组织过程】 1．上讲回顾 2．教授新知 【授课内容】 一、层概述 层（Layer）是一种 HTML 页面元素，您可以将它定位在页面上的任意位置。层可以包含文本、图像或其它 HTML 文档。层的出现使网页从二维平面拓展到三维。可以使页面上元素进行重叠和复杂的布局。 二、创建层 方法一：“插入”—“布局对象”—“层” 方法二：“插入”工具栏—“布局”—“ 描绘层”，按住鼠标拖动 方法三：“插入”工具栏—“布局”，拖动“ 描绘层”按钮到文档窗口（按CTRL键，可绘制多层） 三、 通过拖动周围的黑色调整柄控制层的大小 四、 拖动层左上角的选择柄可以移动层的位置。 五、 单击层标记可以选中一个层。（显示层标记的方法：“编辑”—“首选参数”—“分类”—“不可见元素” 六、显示层面板（“窗口”—“层”） 1、层的隐藏与显示 2、层数 3、层重叠 七、层和表格之间的转换（在转换为表格之前，请确保层没有重叠。 ） “修改”—“转换”—“层到表格” 若要将表格转换为层，请选择“修改”—“转换”—“表格到层” 【课程小结】 【作业】 1．5 课后练习 书本课后练习作业 第十一节 行为 【计划课时】：3课时 【授课班级】：计算机应用一班 【教学目的与要求】 【教学方法与手段】 多媒体教学：借助多媒体手段，进行课堂理论教学； 启发式教学：教学活动关注的重点从结果转向过程。激发思维，师生互动，增强学生学习的主动性、积极性和创造性；? 【教学重点与难点】： 基础知识：。 重点知识： 【教学组织过程】 1．上讲回顾 2．教授新知 【授课内容】 一、行为概述 行为是一种利用简单直观的语句设置手段，为网页对象添加一些动态效果和简单的交互功能的技术。行为是事件和由该事件触发的动作的组合。 下面给出一些常见事件的一些解释 　　onClick 单击 　　onDbclick 双击 　　onKeypress按键 　　onMouseDown鼠标按下 　　onMouseOut鼠标移出 　　onMouseOver鼠标移上 　　onMouseUp鼠标抬起。 实例：dreamweaver中网页折叠菜单的制作 第一步：先插入一个一行、两列的表格，方法：单击菜单上的“插入” ，再选取“表格” ，在“行”中输入1，在列中输入2，在单击“确定”。 把宽和高分别设为200px和30px 在两个单元格内分别输入 内容 第二步，在单元格内插入一个层。把宽和高分别设为100px和90px 第三步：在层中插入一个三行、一列的表格，方法同第一步。并把宽和高分别设为100px和90px,以填满这个层。在三个单元格中输入内容 在层的属性栏中将“可视”设为“隐藏”，这样在打开网页时便看不见这个层 在“行为目标”中选择一个合适的浏览器，一般是选择“IE 4.0”。然后单击左边的“+”按钮，来添加行为。在弹出的菜单中选择“显示或隐藏层” ， 在弹出的窗口中选择 “Layer1” ，就是我们刚才添加的那个层了，再单击“显示” 接着单击“事件”下面右边的那个向下箭头按钮，在弹出菜单中选择“当鼠标移上”（OnMouseOver）。 再单击“+”按钮，选取“显示或隐藏层”，还是选取“Layer1”，不过这次我们点击的是“隐藏”（Hide）了，再确定。然后选择“事件”，单击“当鼠标移开”(OnMouseOut)。 【课程小结】 【作业】 1．5 课后练习 书本课后练习作业 第十二节 HTML语言基础 【计划课时】：3课时 【授课班级】：计算机应用一班 【教学目的与要求】 【教学方法与手段】 多媒体教学：借助多媒体手段，进行课堂理论教学； 启发式教学：教学活动关注的重点从结果转向过程。激发思维，师生互动，增强学生学习的主动性、积极性和创造性；? 【教学重点与难点】： 基础知识：。 重点知识： 【教学组织过程】 1．上讲回顾 2．教授新知 【授课内容】 一、HTML语言概述 当我们畅游Internet时，我们透过浏览器所看到的网站，是由HTML (HyperText Markup Language) 语言所构成。HTML ( 超文件标记语言 ) 是一种建立网页文件的语言，透过标记式的指令 (Tag)，将影像、声音、图片、文字等连结显示出来。 HTML标记是由 和 所括住的指令，主要分为 : 单标记指令、双标记指令 ( 由 起始标记 ， / 结束标记 所构成 ) 。H