4.1模板的建立.docVIP

章 第章 节 .1 模板的建立 教学目标 教学重点、难点 技能培训 教法 学法 教具使用 教学内容与过程 教学内容 教师活动 学生活动 备注 导入新课 1． 介绍模板和库的概念、介绍模板和库的区别、掌握模板的建立和基础应用技术；掌握库的建立和基础应用技术 教学目的是让网页制作者能快捷地制作网页和提高网页设计的工作效率。 2． 当建立一个网站时，我们会发现站内许多页面的版面和元素都是相同的，因此在设计一个新页面时，还可以复制原来做过的页来减轻工作量。但如果在建成所有页面后，要对所有页面的共同元素进行修改或更新时，会发现工作量实在太大！而使用Dreamweaver软件中的模板功能可以大大减轻工作量，提高网站维护工作效率。 观察、思考 从减轻制作和修改网站的工作量、 讲授新课 1． 2．什么是模板 3．模板的创建 4．模板可编辑区域的建立与取消 5．学生上机操作，复习刚才所学的操作，设计网页 给出本节课题 .1 模板的建立 1．： 2．什么是模板 类似于Word中的模板功能。是以网站中的一个页面为模型制作出一个模板，然后再以这个模板为基础创作其他的页面，这些页面与第一个用来做模板的网页具有统一的结构和风格。但又不完全和Word中的模板相同，通过修改网页模板中锁定部分，可以同时修改所有使用这个模板页面的相同部分。 使用模板的好处： 1. 你可以将网页中的共同元素，如Banner图片、导航栏等做到模板中，那么在修改用模板建立的共同页面时，只要修改与之对应的“模板”就可以收到同样的效果。模板更新时，所有使用该模板的页面也会同时进行更新从而大大减少了页面设计的工作量，方便了网页的更新维护。 2. 利用模板设计网页的版面，可以快速制作出风格一致、结构统一的网站。 模板面板： ：将当前网页创建成模板； ：创建嵌套模板，使用此按钮可以在已经应用了模板的网页中再创建一个模板； ：在模板中插入一个可编辑区域； ：可选区域，使用该项可以控制显示内容在基于模板的显示隐藏。可以在可选区域内编辑。 理解记忆 观察，思考，记忆 观察，学习具体操作过程 上机操作 操作，并记录步骤 教师讲解时，加深学生 与Word中的模板相比较，说明模板的好处和与Word模板的区别，与教学案例网页结合，边讲解边演示。 这里有些内容如：可选区域、重复区域等属于选学内容，老师可让学生课后操作自学，然后通过论坛等辅导学生掌握这些 与提供的教学实例结合进行讲解 教师下台指导学生 也可以采用小组教学的方式，先小组内互帮互学，小组内不能解决的请教老师 小结 作业 1．2．