网页设计与制作项目教程（html+css+bootstrap）教学课件作者徐云晴讲义项目七教案1.docVIP

课题序号 1 教学班级 教学课时 2 教学形式 新授 课 题 名 称 任务一 制作模板网页 使用教具 机房、电子教室 教学目的 通过《快乐花店》网站首页模板设计，帮助初学者理解模板的概念和作用； 学会模板网页基本框架的设计，固定元素部分的制作； 模板网页中可编辑区域的设计。 教学重点 模板网页基本框架的设计，可编辑区域的设计 教学难点 可编辑区域的含义 更新、补充、 删节内容 无 课前准备 教案、课件、作业 课外作业 通过网络资源平台，观摩和学习首页模板丰富的样式 板 书 设 计 教 学 感 想 课堂教学安排 教学环节 主 要 教 学 内 容 教学手段方式 导入 讨论 提问 讲授 新授 讲授 认识作用 展示 操作演示 举例介绍 总结与评价 一般小型网站制作中，为保持网站整体风格的统一和协调，通常网站的大多数页面风格、布局、色彩，以及所使用的logo和banner等元素，都是相同或相似的，如果网站中所有这些类似的网页，用手工方式一个个来制作，工作量会很大，效率也很低。利用Dreamweaver CC的模板功能，将网站中所有风格类似的网页，不变化的部分设计成模板网页，利用制作的模板来生成网页，我们只需制作网页中变化的部分，这样就极大的提高网站制作效率。 观察：提供样本网站，请学生观察网站的特征，并进行分析。 任务一 制作模板网页 任务描述 通过两个步骤的操作实践来认识