Dreamweaver-Flash-Fireworks网页制作培训教程第13课.pptVIP

第13课 模板与库 本课要点 具体要求 本课导读 上机练习 本课要点 用模板统一风格 使用库 具体要求 掌握创建模板的方法 掌握套用模板到页的方法 掌握站点文档的快速更新方法 掌握库项目的创建方法 掌握库项目的使用方法 本课导读 一个成功的网站在网页设计上必须体现其独特的风格，以便访问者能够对其留下较深的印象，要做到这点，必须靠网站中的所有网页来共同实现。要做到网站风格统一，可以通过复制网页来实现，但当要更改风格时就很麻烦了。此时，可用模板及库项目轻松地解决该问题。 13.1 用模板统一风格 利用模板文件中的锁定区域可以控制网站中的共性内容，而个性化的内容则可通过可编辑区域来控制，从而用最短的时间来完成繁重的维护工作。网站中相对固定的元素是网页背景、导航菜单和网站标志等。 13.1 用模板统一风格 13.1.1 知识讲解 13.1.2 典型案例——创建并应用模板 13.1.1 知识讲解 本节中将学习模板的创建、套用模板到页、更新站点及从模板分离文档等知识。 13.1.1 知识讲解 1. 新建模板 2. 套用模板到页 3. 更新站点 4. 从模板中分离文档 1. 新建模板 新建模板的具体操作如下： （1）编辑一个基本体现网站风格的网页。 （2）选择【文件】→【另存为模板】命令，或单击插入栏的【常用】选项卡中的 按钮，打开【另存为模板】对话框。 1. 新建模板 （3）一般只需在【另存为】文本框中输入模板文件名即可。 （4）单击 按钮，如果当前文档中存在图像或添加了一些超链接，则会打开提示是否更新链接的对话框。 （5）单击 按钮，更新文档中的超链接，同时在站点中生成一个Templates文件夹，该文件夹用于放置所保存的模板文件，模板文件以dwt为后缀。 2. 套用模板到页 套用模板到页的具体操作如下： （1）打开要套用模板的文档。 （2）选择【修改】→【模板】→【套用模板到页】命令，打开【选择模板】对话框。 2. 套用模板到页 （3）在【模板】列表框中选择要套用的模板，并选中 复选框。如果不选中该复选框，则更新模板时不会更新当前文档。 （4）单击 按钮，打开【不一致的区域名称】对话框，如图13.5所示。 （5）在【可编辑区域】项下面选择一个选项，在【将内容移到新区域】下拉列表框中选择对应的选项，如“Document head”模板中的某个可编辑区域。 （6）单击 按钮，将模板应用到当前页。 3. 更新站点 更新站点的具体操作如下： （1）当模板文件中非可编辑区域的元素被修改或可编辑区域被添加、删除后，保存模板文件时，将打开【更新模板文件】对话框。 （2）单击 按钮，用此模板生成的所有页面都自动更新，并打开【更新页面】对话框，更新完成后，在【状态】列表框中列出更新日志。 （3）单击 按钮，关闭该对话框。 4. 从模板中分离文档 如果某个文档只需要模板的版式，而不需要与模板有任何关联，那么可将该文档从模板中分离出来，其具体操作如下： （1）打开要从模板中分离出来的文档。 （2）选择【修改】→【模板】→【从模板中分离】命令。分离后的文档是一个普通的HTML文档。 13.1.2 典型案例——创建并应用模板 案例目标 本案例将以snsp站点中的index1.html文件为模板，并将其应用于ups.html文档，主要练习模板的创建、将模板应用到网页和更新模板等，完成后的效果如下图所示。 13.1.2 典型案例——创建并应用模板 操作思路： （1）打开index.html文档，创建名为snsp_normal.dwt的模板，并指定可编辑区域的名称为neirong。 （2）打开ups.html文档，将snsp_normal.dwt模板应用到ups.html文档中。 （3）更新snsp_normal.dwt模板左侧的大表格及背景，同时更新应用了模板的ups.html文档。 （4）将ups.html文档另存为ups1.html，然后将ups.html文档脱离模板，并恢复原始状态。 操作步骤请老师参照软件讲解 13.1.2 典型案例——创建并应用模板 案例小结 本案例通过制作ups1.html文档，主要练习了模板的创建、可编辑区域的指定、将模板应用到页、修改模板和脱离模板等。 在进行大批量的网页制作时，为了使站点风格一致，采用模板是最好的方法，这对后期网站的维护也很有利。 13.2 使用库 在D