网页设计ppt电子课件教案第7章使用模板库和扩展插件提高网页制作效率

《网页设计ppt电子课件教案第7章使用模板库和扩展插件提高网页制作效率》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第7章使用模板、库和扩展插件提高网页制作效率教学内容：模板用于制作风格相同、内容并列的网页，具有统一的外观格式。库则用来将网站中许多重复的内容组织在一起。使用模板和库可以创建具有统一风格的网页，可以很容易地维护网站，可以快速更新网站并修改大量网页。另外使用插件也可以提高网页的制作效率。教学重点掌握模板的创建方法掌握可编辑区的设置掌握模板的应用教学难点掌握库文件的创建和应用掌握插件的安装掌握插件的使用教学目标和基本要求__________________________________________

2、_______________________________________________________________教学时间：本章共分_______课时教学方法案例教学多媒体教学理论面授教学素材课程范例文件：sample第7章练习文件：exercise第7章本章各节课时分配及链接7.1任务24创建模板网页——（）课时7.2任务25创建库项目——（）课时7.3任务26利用扩展插件设计背景音乐网页——（）课时7.4综合实训--使用模板和库创建网站页面——（）课时本章小结思考与练习7.1

3、任务24创建模板网页通常在一个网站中会有大量风格和内容基本相似的页面，如果逐页建立、修改，这样很费时、费力，而且效率不高，整个站点中的网页很难做到有统一的外观及结构，可以借助Dreamweaver的模板功能来简化操作。7.1.1简单讲评模板是由可编辑区域和不可编辑区域两部分组成。不可编辑区域包含了在所有页面中共有的元素，即构成页面的基本框架；而可编辑区域是为添加相应的内容而设置的。在后期维护中通过改变模板的不可编辑区域，即构成页面的框架部分，可以快速地更新整个站点中所有使用了模板的页面布局。7.1.

4、2核心知识可编辑区域是基于模板的文档中的未锁定区域，是模板用户可以编辑的部分。可以将模板的任何区域定义为可编辑的。选择“插入>模板对象>可编辑区域”命令，弹出“新建可编辑区域”对话框，如图7-2所示，在对话框中的“名称”文本框中输入可编辑区域的名称，单击“确定”按钮即可。7.1.3实际操作创建模板网页的具体操作步骤如下。步骤2选择“文件>另存为模板”命令，弹出“另存为模板”对话框，在对话框中设置模板的名称。步骤3单击“保存”按钮，弹出“Dreamweaver”提示框，提示“要更新链接吗？”。步骤4单

5、击“是”按钮，即可保存文档。将光标置于要插入可编辑区的位置，选择“插入>模板对象>可编辑区域”命令，弹出“新建可编辑区域”对话框，在对话框中设置“名称”为“正文内容”。步骤5单击“确定”按钮，即可插入可编辑区。7.2任务25创建库项目在Dreamweaver中，另一种维护文档风格的方法是使用库项目。如果说模板从整体上控制了文档风格的话，库项目则从局部上维护了文档的风格。7.2.1简单讲评在DreamweaverCS4中除了模板外，还有一种网页快速编辑工具，那就是库。库是一种用来存储想要在整个网站上经

6、常重复使用或更新的页面元素（如图像、文本和其他对象）的方法，这些元素称为库项目。在Dreamweaver中，可以将单独的文档内容定义成库项目，也可以将多个文档内容的组合定义成库项目。利用库项目，同样可以实现对文件风格的维护。很多网页带有相同的内容，将这些文档中的共有内容定义为库元素，然后放置到文档中。7.2.2核心知识创建好库项目后，可以将库项目添加到页面中，在添加到页面时，实际内容以及对项目的引用就会被插入到文档。此时，无需提供原项目就可以正常显示。将插入点放置在要插入库的位置，选择“窗口>资源”

7、命令，在打开的“资源”面板中单击“库”按钮，显示创建的库项目。7.2.3实际操作创建库项目的具体操作步骤如下。步骤1选择“文件>新建”命令，弹出“新建文档”对话框，选择“空白页>库项目”选项。步骤3将光标放置在页面中，选择“插入>表格”命令，弹出“表格”对话框，在对话框中将“行数”设置为2，“列数”设置为1，“表格宽度”设置为715像素。步骤5将光标置于表格的第1行单元格中，选择“插入>图像”命令，弹出“选择图像源文件”对话框，在对话框中选择top图像文件。步骤6单击“确定”按钮，插入图像。7.3任

8、务26利用扩展插件设计背景音乐网页带背景音乐的网页可以增加吸引力，利用插件可以实现。7.3.1简单讲评Dreamweaver的真正特殊之处在于它强大的无限扩展性，插件可用于拓展Dreamweaver的功能。利用这些插件可以制作各种复杂的网页特效，大大提高网页的制作效率。7.3.2核心知识第三方插件可以根据功能和保存的位置进行分类，DreamweaverCS4中的插件主要有3种：命令、对象和行为。7.3.3实际操作下面以刚才安装的背景音乐插件的使用为例讲述插件的使用。步