预览加载中，请您耐心等待几秒...

第5章使用模板和库提高网页制作效率.ppt

预览
1/10
2/10
3/10
4/10
5/10
6/10
7/10
8/10
9/10
10/10

亲，该文档总共21页，到这已经超出免费预览范围，如果喜欢就直接下载吧～

下载提示 文本预览

如果您无法下载资料，请参考说明：

1、部分资料下载需要金币，请确保您的账户上有足够的金币

2、已购买过的文档，再次下载不重复扣费

3、资料包下载后请先用软件解压，在使用对应软件打开

第5章使用模板和库提高网页制作效率学习目标 掌握模板的创建 掌握可编辑区域的创建 掌握使用模板创建网页 掌握库项目的创建与应用 教学目标和基本要求 ___________________________________ ___________________________________ ___________________________________ 教学时间：本章共分_______课时 教学方法 案例教学 多媒体教学 理论面授 教学素材 课程范例文件：sample\第5章\ 练习文件：exercise\第5章\ 5.1创建模板5.1.1新建模板 在Dreamweaver中，模板一般保存在本地站点根文件夹中一个特殊的Templates文件夹中。如果Templates文件夹在站点中没有存在，则将在创建新模板的时候自动创建该文件夹。创建模板有两种方法：一种是从空白文档创建模板；另一种是以现有的文档创建模板。 在Dreamweaver中可以直接创建模板网页。5.1.2从现有文档创建模板 当编辑好一个文档之后，就可以将它作为模板保存到当前站点中。DreamweaverCS6会自动在当前站点建立Templates文件夹，将该模板文件存入该文件夹下。5.2创建可编辑区域5.2.1插入可编辑区域 在插入可编辑区域之前，确保编辑的是模板文件，否则普通网页文档中插入一个可编辑区域，Dreamweaver会提示该文档将自动另存为模板。可编辑区域可以放在页面中的任何位置。5.2.2删除可编辑区域 使用【删除模板标记】命令可以取消可编辑区域的标记，使之成为不可编辑区域。5.3使用模板创建网页 创建了模板以后，就可以应用模板快速、高效地设计出风格一致的网页。5.4管理站点中的模板5.4.1删除模板 将站点中不用的模板删除。5.4.2修改模板 在通过模板创建文档后，文档就同模板密不可分了。以后每次修改模板后，可以利用Dreamweaver的站点管理特性，自动对这些文档进行更新，从而改变文档的风格。5.5创建与应用库项目 库是一种特殊的Dreamweaver文件，其中包含已创建以便放在网页上的单独的“资源”的集合，库里的这些资源被称为库项目。库项目是可以在多个页面中重复使用的存储页面的对象元素，每当更改某个库项目的内容时，都可以同时更新所有使用了该项目的页面。不难发现，在更新这一点上，模板和库都是为了提高工作效率而存在的。在库中，读者可以存储各种各样的页面元素，如图像、表格、声音和Flash影片等。5.5.1创建库项目 库主要包括需要重复使用或经常需要对整个站点进行更新的页面元素，这些元素称为库项目，可以在库项目中储存各种各样的页面元素，每当更改某个库项目的内容时，可以相应地更新所有使用该项目的页面。5.5.2应用库项目 将库项目添加到页面时，实际内容以及对项目的引用就会被插入到文档中。5.5.3修改库项目 当编辑库项目时，可以更新使用该项目的所有文档，也可以选择不更新。5.6综合案例 在一个大型网站中使用模板和库可以节省大量的工作时间，并且对日后升级与维护网站都会带来很大的方便。掌握库和模板的使用可以进一步提高制作网站的水平，因此学会创建与应用模板和库是非常重要的。下面通过两个实例来巩固以上所学到的知识。综合案例1——创建模板 在网页中使用模板可以统一整个站点的页面风格，在制作网页时使用模板可以节省大量的工作时间，并且为日后的更新和维护带来很大的方便。综合案例2——利用模板创建网页 当需要制作大量布局基本一致的网页时，使用模板是最好的方法。本章小结