搜索
课题序号10教学班级1016教学课时4教学形式新授课题名称任务九布局技术之四—模板和库使用教具PPT课件学案教学目的能够运用模板技术快速生成风格统一的网站。在同一个网站熟练创建、编辑、修改多种风格的模板文件。教学重点1、理解模板、库和资源在网页制作中的作用。2、快速掌握将已有网页生成模板的操作方法。3、掌握如何编辑模板以及利用模板生成新网页的操作方法。4、掌握库项目的生成与应用方法。教学难点1、快速掌握将已有网页生成模板的操作方法。2、如何编辑模板以及利用模板生成新网页的操作方法。更新补充无课前准备教案、学案、课件课外作业使用模板搭建页面（p104图3-77）板书设计任务九模板和库3.5.1使用框架搭建页面3.5.2问题探究—模板3.5.3知识拓展—库项目的应用3.5.4知识拓展—资源的应用教学感想课堂教学安排教学环节主要教学内容教学手段与方式复习导入新授I、复习导入展示上节课学生的作业，复习知识点II、新授一、出示任务1、针对在使用模板创建页面布局时，运用模板控制较大的设计区域，而重复使用的个别设计元素可以创建库项目，如站点的版权信息或徽标。通过该任务的实施，能够为站点设立多个不同模板，从而实现站点的版面快速切换。2、工作流程（1）、在站点中新建一个页面并保存。（2）、在网页中插入一张表格。（3）、运用表格控制和限制网页元素的位置。（4）、在表格里插入图片和文字。（5）、单击菜单“插入记录/模板对象/可编辑区域”在正文位置插入一个可随时变换内容的指定区域。（6）、单击菜单“文件/另存为模板”命令另存为模板。（7）、运用模板批量生成格式相似而内容不尽相同的网页文件。网页预览效果展示出示任务，初步感知Div+CSS布局网页。教师演示操作学生自主练习完成任务分组讨论自主学习教学环节主要教学内容教学手段与方式二、问题探究1、模板是一种特殊类型的网页文档，只是被加入了特殊的模板信息，一般用来设计“固定的”页面布局并定义可编辑区域，只需从模板创建网页并在可编辑区域中进行编辑即可完成新页面的设计，大大提高了工作效率。简单地说，模板是一种用来批量创建具有相同结构及风格的网页的最重要手段；从模板创建的文档与该模板保持连接状态，修改模板就可以实现基于该模板设计的网页批量更新。2、模板创建模板创建的方法有两种：直接创建模板或者将普通网页另存为模板。创建模板文件和创建一个普通页面的方法完全相同，不需要把页面的所有部分都制作完成，仅需要制作导航条、标题栏等各个页面的共有部分就可以了。3、DreamweaverCS3有四种类型的模板区域：•可编辑区域讲授小组讨论教学环节主要教学内容教学手段与方式基于模板的文档中未锁定的区域就是用户可以编辑的区域。为了避免编辑时因误操作而导致模板中的元素发生变化，模板中的内容默认为不可编辑。模板创作者可以在模板的任何区域指定可编辑的，要使模板生效，至少包含一个可编辑区域，否则该模板没有任何实质意义。•重复区域是模板的一部分，设置该部分可以使模板用户必要时在基于模板的文档中添加或删除重复区域的副本。重复区域通常与表格一起使，但也可以为其他页面元素定义重复区域。使用重复区域，可以通过重复特定项目来控制页面布局，例如目录项、说明布局或重复数据行。可以在模板中插入的重复区域的模板对象有两种：重复区域和重复表格。模板用户可以使用重复区域在模板中重制任意次数的指定区域。要将重复区域中的内容设置为可编辑（如允许用户在基于模板的文档的表格单元格中输入文本），必须在重复区域中插入可编辑区域。•可选区域可选区域是模板中的区域，在基于模板的页面上，模板用户通常控制是否显示内容。当想要为在文档中显示的内容设置条件时，就要使用可选区域。•模板参数及链接学生小组讨论自主练习，总结探讨。教师巡视指导教学环节主要教学内容教学手段与方式模板参数用来控制基于模板的页面中内容的值，可用于可选区域或可编辑标签属性，也可用于设置要传递给附加的文档的值。模板参数作为实例参数传递到文档中，大多数情况下，模板用户可以编辑参数的默认值，能够自定义出现在基于模板的文档内容。4、保存模板•DreamweaverCS3将模板文件以文件扩展名.dwt保存在站点本地根文件夹的Templates文件夹中。如果该文件夹在站点中不存在，DreamweaverCS3中将在你保存新建模板时自动创建该文件夹。•运行菜单命令“文件/保存”，此时将出现提示信息，告诉我们文档还未建立可编辑区域，是否继续。单击“确定”按钮则打开“另存模板”对话框。在“另存为”文本框中输入“Template1”，这时在模板面板中出现新建的模板。•将文档另存为模板后，文档的大部分区域就被锁定。模板创作者在模板中插入可编辑区域或可编辑参数，从而指定在基于模板的文档中哪些区域可以编辑。模板创建时可编辑区域和锁定区域都可以更改，而基于模板创建的文档，只能在可编辑区域中进行更改，不能更改锁定区域。学生操作教师巡视辅导教学环节主要教学内容教学手段与方式5、模板的应用设置了模板之后，就可以在空白文档或已包含内容的文档中应用模板了，也可以基于模板创建新的文档。基于模板创建新的文档有两种方法：使用“资源”面板和在站点模板创建。三、实例制作页面效果如下图Ⅲ、课后作业P115一、（6）、（7）、（8）二、（10）、（11）、（14）学生自主讨论完成任务