2008网页设计教案.doc

网页设计与制作课程教 案教师姓名 所在系 授课专业 课程代码 总 学 时 54 学分 3 教材名称 网页设计与制作王海军主编授课时间第一周 2个学时 共90分钟授课题目网页设计概述教学目的与要求：1 、对网站及网页有一定的认识，激发学生学习网页设计的兴趣 2 、掌握网页的规划栏目 3 、掌握网页版面设计和色彩搭配教学基本内容：1 、网页设计的基本流程 2 、网站的规划 教学重点和难点：【教学重点】 1 、网页设计的基本流程 2 、网页的版面设计 3 、网页的色彩搭配 【教学难点】 1 、网页的版面设计 2 、网页的色彩搭配教学过程：向学生演示多个项目：成品站点，分阶段演示和分析此网页的设计流程和过程，在每个阶段演示完毕后，让学生对此阶段进行巩固。讲解完毕后学生完成课后作业，教师实施指导。 第一步：讲解网页设计的基本流程。 第二步：讲解规划网站栏目。 第三步：讲解和演示版面设计。 第四步：讲解和演示网页的色彩搭配。第五步：讲解和演示网页中的图像，字体和网页中的动画与广告。 第六步：学生分析网页版面局面的方法，教师实施指导。 第七步：课程小结。 第八步：学生完成课程作业。 思考题、讨论题、作业：1 、了解一个网站的基本元素 2 、练习构思一个网站域名和标志 3 、设计一个网站的框架结构 参考资料（含参考书、文献等）网页设计与制作 重庆大学出版社 Css/Html 网页设计 中国铁道出版社 网页标题制作技巧与实例 清华大学出版社 网页设计与网站开发 -HTML 网页制作网站开发完全实战 航空工业出版社教学后记：授课时间第二周 2个学时 共90分钟授课题目建立一个网站教学目的与要求：1 、熟练掌握建站流程 2 、掌握网站的定位 3 、掌握网站风格的设计 4 、熟练掌握在网页中添加各元素教学基本内容：1 、建站流程 2 、在网页中添加文字等元素 教学重点和难点：【教学重点】 1 、建站流程 2 、网站的定位 3 、熟练掌握在网页中添加文字等元素 【教学难点】 1 、网站的定位 2 、网站风格的设计 教学过程：向学生演示多个项目：成品站点，分阶段演示和分析此网页的设计流程和过程，在每个阶段演示完毕后，让学生对此阶段进行巩固。讲解完毕后学生完成课后作业，教师实施指导。 第一步：讲解建站的流程。第二步：讲解市场调查与分析。第三步：讲解建站内容。第四步：讲解功能框架。第五步：讲解界面设计。 第六步：演示站点框图。 第七步：演示网站截图。 第八步：讲解并演示在网页中添加元素。第九步：学生完成课程作业。思考题、讨论题、作业：1. 观摩公司的一个真实网站规划过程 2. 理解开发团队的脚色组成 3. 理解规划过程规范化的重要性 4. 初步理解团队协作参考资料（含参考书、文献等）同上教学后记：授课时间第三周2个课时 共90分钟授课题目HTML表格与单元格标记的使用教学目的与要求：1 、掌握表格的插入 2 、掌握单元格的相关操作 3 、用表格布局制作一个网页 4 、表格嵌套与叠加教学基本内容：1 、演示并讲解用表格布局制作的网页 2 、插入表格 3 、单元格的相关操作 4 、表格嵌套与叠加教学重点和难点：【教学重点】 1 、表格的插入 2 、单元格的相关操作 【教学难点】 1 、表格的插入 2 、单元格的相关操作 3 、用表格布局制作一个网页教学过程：向学生演示多个项目：成品站点，分阶段演示和分析此网页的设计流程和过程，在每个阶段演示完毕后，让学生对此阶段进行巩固。讲解完毕后学生完成课后作业，教师实施指导。 第一步：演示并讲解用表格布局制作的网页。 第二步：分步演示并讲解、制作网页。 第三步：学生分析并制作网页，教师实施指导。 第四步：课程小结。 第五步：学生完成课程作业。思考题、讨论题、作业：第一步：演示并分析网页中的相关效果。 第二步：分步讲解并完成网页中效果的实现。第三步：分组讨论并修改网页。参考资料（含参考书、文献等）同上 教学后记：授课时间第四周2个课时 共90分钟授课题目使用 HTML语言制作框架页面教学目的与要求：1 、掌握框架的基本结构 2 、掌握框架的各种属性 3 、掌握框架结构之间的链接教学基本内容：1 、演示并讲解用框架制作的网页 2 、框架的基本结构 3 、框架的各种属性 4 、框架结构之间的链接教学重点和难点：【教学重点】 1 、框架的各种属性 2 、框架结构之间的链接 【教学难点】 1 、框架的各种属性 2 、框架结构之间的链接教学过程：向学生演示多个项目：成品站点，分阶段演示和分析此网页的设计流程和过程，在每个阶段演示完毕后，让学生对此阶段进行巩固。讲解完毕后学生完成课后作业，教师实施指导。 第一步：演示并讲解用框架制作的网页。 第二步：分步演示并讲解、制作网页。 第三步：学生分析并制作网页，教师实施指导。 第四步：课程小结。 第五步：学生完成课程作业。 思考题、讨论题、作业：1 、掌握框架的基本结构 2 、掌握框架的各种属性 3 、熟练掌握框架结构之间的链接参考资料（含参考书、文献等）同上 教学后记：授课时间第五周2个课时授课题目在 HTML中表单的设计与制作教学目的与要求：1 、掌握表单标志 2 、掌握输入标志教学基本内容：1 、演示并讲解注册网页 2 、表单标志 3 、输入标志教学重点和难点：【教学重点】 1 、掌握输入标志 2 、掌握表单的应用 【教学难点】 1 、掌握表单元素的各项属性 2 、能独立制作完成常见的各种表单页面教学过程：向学生演示多个项目：成品站点，分阶段演示和分析此网页的设计流程和过程，在每个阶段演示完毕后，让学生对此阶段进行巩固。讲解完毕后学生完成课后作业，教师实施指导。 第一步：演示并讲解注册网页。 第二步：分步演示并讲解、制作表单元素。 第三步：分析并制作网页。 第四步：课程小结。 第五步：学生完成课程作业。 思考题、讨论题、作业：第一步：演示并分析网页中的相关效果。第二步：分步讲解并完成网页中效果的实现。 第三步：分组讨论并修改网页。参考资料（含参考书、文献等）同上教学后记：授课时间第六周 2个课时授课题目CSS样式标记教学目的与要求：1 、掌握 CSS 的基本概念 2 、掌握 CSS 样式定义 3 、掌握 CSS 常用属性与值教学基本内容：1 、演示并讲解 CSS 的应用 2 、 CSS 的基本概念 3 、 CSS 的特点 4 、 CSS 样式定义 5 、 CSS 常用属性与值教学重点和难点：【教学重点】 1 、掌握 CSS 样式定义 2 、掌握 CSS 常用属性与值 【教学难点】 1 、掌握 CSS 样式定义 2 、 CSS 常用属性与值 3 、能独立完成 CSS 样式的应用教学过程：向学生演示多个项目：成品站点，分阶段演示和分析此网页的设计流程和过程，在每个阶段演示完毕后，让学生对此阶段进行巩固。讲解完毕后学生完成课后作业，教师实施指导。 第一步：演示并讲解用 CSS 样式制作的网页。 第二步：分步演示并讲解 CSS 样式的基本概念。 第三步：讲解并分析 CSS 常用属性与值。第四步：结合 CSS 样式的使用制作网页 第四