网页制作清华大学出版社第7章_利用模板与库创建网页.pdfVIP

网页制作案例教程 毋建军 郑宝昆郭锐编著 清华大学出版社 第7章利用模板和库创建网页 本章学习目标（知识要点）  掌握模板和库项目的创建操作  能够应用模板和库设计网页  掌握利用模板和库更新页面的方法 本章学习导航  在进行网站设计时尤其是大型网站，为了统一 网站的设计风格，同一类网页通常会采用相同 的版式设计，它们具有相同布局、版式、导航 条等。如果都一一设计，会产生大量重复的工 作。Dreamweaver提供了模板和库工具，就可 以轻松完成这些工作，同时又能避免重复工作 。  本章内容在全书知识结构中所处位置如图所示 网站发布、测试和维护 提高篇 Web服务器创建 网页中常见Flash制作 JavaScript 网页应用 JavaScript篇 Javascript概述 使用CSS布局规划网页 CSS篇 CSS样式表 利用模板和库创建网页 交互式网页表单的设计与使用 网页布局规划设计 HTML篇 网页基本元素设计 HTML基础 网页设计与开发流程（ AscentSys 医药商务系统） 基础篇 网页制作基础 7.1模板入门  Dreamweaver CS5中的模板是一种特殊类型的文档，用于设计锁 定的页面布局。模板主要用于版式结构相似的页面中，可以提高 网站制作与更新的效率。  制作模板后，在每个文档上都要区分插入更换内容的部分。每个 文档中，将插入其他内容的部分指定为可编辑区域。这样指定以 后，以模板为基础制作新文档的时候，除了可编辑区域以外其他 部分都会自动生成。当然，除了可编辑区域的部分，不可以再进 行修改。  在Dreamweaver CS5中制作模板时，会将模板保存在templates文 件夹，在该文件夹里以.dwt的扩展名保存模板相关文件。如果保 存模板时尚未建立templates文件夹，作为默认值软件会在本地站 点文件夹内自动创建templates文件夹。 7.2创建模板  7.2.1空白模板创建  （1）单击菜单栏中“窗口”| “资源”命令 ，打开“资源”面板。  （2）单击“资源”面板左边的“模板”按 钮 ，显示“模板”类别，如图7-2-1所示。 图7-2-1 “模板”面板图  （3）单击面板底部的“新建”按钮， 面板中出现一个未命名的模板，如图7-2- 2所示。 图7-2-2 “新建模板”面板图  （4 ）输入新的模板名字，则新建一个空 白模板。  7.2.2基于现有网页创建模板  （1）打开己编辑好的要保存为模板的网页 文件。  （2）单击菜单栏中的“文件”| “另存模板 ”命令。  （3）打开“另存模板”对话框，如图7-2-3 所示。 图7