2016网页设计与制作DreamWeaver教案：第四讲 页面的整体控制.docVIP

第四讲　页面的整体控制 授课日期 班级名称 授课地点 教学课题 第四讲页面的整体控制 课时 2学时 教学目的 掌握Dreamweaver CS3的参数、网页页面属性的设置方法 知识目标 （1）了解Dreamweaver CS3的参数设置方法 （2）掌握页面属性的设置方法 （3）掌握设置文件头内容的方法 （4）学习辅助工具的使用 能力目标 （1）掌握Dreamweaver CS3的参数、网页页面属性的设置方法 （2）学习辅助工具的使用 素质目标 培养学生创新能力和独立思考能力，并使其具有分析问题、解决问题的能力 重点 页面属性的设置、辅助工具的使用 难点 辅助工具的使用 课型 讲授型 教学方法 采用启发示的教学方式循序渐进的讲解新课内容 教学手段 多媒体教学 教参 《网页设计与制作》教程人民邮电出版社 教学环节 时间安排 1.复习提问： 创建站点前为何要先建立本地文件夹？ 5 2.新课引入 通过复习上次课内容，引入本次课要学的“页面的整体控” 5 知识技能目标说明：介绍本次课要掌握的知识目标 5 讲解各知识点：具体讲述本次课新课内容 34 课堂实践 15 问题探讨：与学生一起引申问题留作思考 5 疑难解析 8 8.归纳总结： 通过学习设置首选参数、页面属性、文件头内容，辅助工具的使用。掌握从外观上对页面进行有效控制，方便网页的制作和浏览。页面整体控制的方法，除了设置常规的背景颜色、背景图片等属性之外，Dreamweaver CS3还有辅助线、缩放等常用且必备的功能，掌握好这些基本工具的使用，有助于我们更好的制作网页。 5 作业布置 3 总计 90 新授内容 1.参数设置 打开“首选参数”对话框 参数设置方法 参数设置举例 2．设置页面属性 打开“页面属性”对话框 设置外观属性 设置链接属性 设置标题属性 设置标题/编码属性 设置跟踪图像 在浏览器中浏览网页 3．设置文件头内容 在“设计”视图中显示“文件头内容”工具栏 设置文件头内容的方法 4．辅助工具的使用 配置窗口大小 使用标尺、网格、辅助线 课堂实践 操作要求 打开“课堂实践”站点文件夹“01页面控制”下的网页文档“01.html”，然后完成以下各项的操作。 （1）首选参数的设置要求 设置启动Dreamweaver CS3时显示起始页；设置站点属性“总是显示本地文件于左”；创建网页文档时，设置默认文档为“HTML”文档，设置默认扩展名为“.html”；设置“复制/粘贴”属性：使用“编辑粘贴”从其他应用程序粘贴到设计视图时，复制“带结构的文本”，不清理Word段落间距。 （2）页面属性的设置要求 ( 外观属性的设置 “页面字体”采用“默认字体”，“大小”采用“12px”；“背景图像”选用image文件夹下的“bj01.jpg”；“左边距”和“右边距”设置为“100px”，“上边距”和“下边距”设置为“20px”。 ( 链接属性的设置要求 网页中超链接文本默认状态下的字体设置为“宋体”，字体大小设置为14px；网页中超链接文本的颜色设置为“blue”，访问过的超链接的颜色设置为“olive”；当鼠标指针移动到网页中超链接文字上方时超链接的颜色设置为“maroon”，下划线样式设置为“变换图像时隐藏下划线”；网页中已激活的超链接文本颜色设置为“fuchsia”。 ( 标题属性的设置要求 设置网页中标题的字体为“隶书”，标题1的大小为“18px”，颜色为“aqua”。 ( “标题/编码”属性的设置要求 网页的标题设置为“湘江谷”；文档类型设置为“HTML4.0Transitional”，编码设置为“简体中文(GB2312)”。 疑难解析 问题1：本章4.3节设置文件头内容时，还可以插入“刷新”，如何插入呢？ 问题2：本章4.3节设置文件头内容时，也可以插入“基址”，如何插入呢？ 课外拓 展实践 1．在“个人网站设计”站点的文件夹“01页面控制”中创建一个网页文档，命名为“01.html”。 2．对网页01.html设置首选参数、设置页面属性、设置文件头内容。 课后评析