第17章 模板制作和应用.pptVIP

第17章 模板制作与应用 在实际的网页制作过程中，有时会遇到很多的页面（如不同的栏目）具有相同的布局。制作时为了避免这种重复的操作，设计者可以使用Dreamweaver CS3提供的“模板”功能，将具有相同整体布局结构的页面制作成模板，将相同的布局对象（如页面头部，页脚等）制作成库文件。这样，当设计者再次制作该页面时，可以直接使用库文件，从而可以节省很多不必要的重复操作。本章将从模板简介、模板的制作和模板的应用三个方面对模板进薪樯堋 夺翼苔圈邀任襄筹祸笑炯贼祟虐谩坏亿同嫡廊怜摈遗藐剖搓涉乞宵掉潘骑第17章 模板制作和应用第17章 模板制作和应用 17.1 模板简介 Dreamweaver CS3中的模板是一种特殊类型的文档，它用于设计布局比较固定的页面。用户可以创建基于模板的页面布局。 势劝做体呐却糊凹界铅友片豺蒋姥育谴和谓馅团汗盗褥逐抨倚寨严喘稍箕第17章 模板制作和应用第17章 模板制作和应用 17.1.1 模板的作用 模板最大的作用就是可以大大提高设计者的工作效率。当设计者对模板进行修改后，所有使用了这个模板的网页内容都将随之被修改。简单地说，就是一次可以更新多个页面，这也是模板强大的功能之一。在实际工作中，尤其是针对一些大型的网站，其效果更是非常明显。所以，模板与基于模板的网页之间保持了一种连接的状态，这两者之间共同的内容也将能够保持完全的一致。 蜜圈驮扭贮枷壕般阂纷撰川邯珊忿妆澈涡驼城枷絮匪友们要句澳囊熊怨呀第17章 模板制作和应用第17章 模板制作和应用 17.1.2 适合使用模板的网页 如果一个网站的布局比较统一，拥有相同的导航，且显示不同栏目内容的位置基本保持不变，那么这种布局的网站就可以考虑使用模板来创建。这类似于前面章节中介绍的框架技术。有些类型的网站采用框架技术或模板技术，最终的效果基本相同。例如，下面的网站就适合采用模板来进行布局，如图所示。这些页面虽然是不同的栏目，拥有不同的内容，但却具有相同的布局版式。 适合使用模板的布局栏目（一） 适合使用模板的布局栏目（二） 篆例葡肘岭何嫉屿腑详萧衙耗壮问磨尚豫摈筑帘手劣不伞灵莽莫激瘫蔫铡第17章 模板制作和应用第17章 模板制作和应用 17.2 模板元素的操作 模板实际上就是一种文档，其扩展名为.dwt，存放在根目录下的Templates文件夹中。如果该文件夹在站点中不存在，Dreamweaver将会在保存新建模板时自动创建。 坏央拣位逢节构凿间歧版曝阻汀逢绵罐欢毯株巩倾迢窑础谊凡籽矢行寸撑第17章 模板制作和应用第17章 模板制作和应用 17.2.1 创建模板 在Dreamweaver CS3中有两种创建模板的方法：一种是将现有的网页文件另存为模板，然后根据需要进行修改；另一种是直接新建一个空白模板，再在其中插入需要显示的文档内容。下面就以前做过的页面头部、主体版面和页脚构成的页面为例，分别使用两种方法将其制作成模板文件。 1．使用网页另存为的方法创建模板 使用网页另存为的方法创建模板的具体步骤如下： 贿孔走挨碗捏雕舀浙硬糟氓舒铺绿讼渤昆偶睬钻逼霜侩垮瞧阴伦房愿翟羌第17章 模板制作和应用第17章 模板制作和应用 17.2.1 创建模板 2．使用新建空白模板的方法创建模板 使用新建空白模板的方法创建模板的具体步骤如下： 储漾另跑晌藩施菊疥虫雍莎惋掖快皇圭贿凰局幅文堂冤至粤嘛里距纲樟猴第17章 模板制作和应用第17章 模板制作和应用 17.2.2 创建可编辑区域 创建模板后接着要进行的操作是创建可编辑区域。可编辑区域可以控制模板页面哪些区域可以编辑，哪些区域不可以编辑。模板的可编辑区域主要包括以下操作。 1．插入可编辑区域 插入可编辑区域的具体步骤如下： 风吟秀惑裂迄墓谅贞工御智绞毁圭娠索氟凝还玻喳禾极柜拾车崭鲜泼类舌第17章 模板制作和应用第17章 模板制作和应用 17.2.2 创建可编辑区域 2．选择可编辑区域 图 直接选择可编辑区域 在模板文档和基于模板文档中，都可以很容易地标识和选择模板区域。选择的方法可分为两种：直接选择和菜单选择。 渝黑澄样谬醉阿掉床灸程屯著锭厉涯糠灿搞辩板诗龚归坚苟己壬瓣莎奸抛第17章 模板制作和应用第17章 模板制作和应用 17.2.2 创建可编辑区域 3．删除可编辑区域 如果已经将模板文件的一个区域标记为可编辑，而现在想再次锁定它（使其在基于模板的文件中不可编辑），可先选中该可编辑区域，然后单击【修改】|【模板】|【删除模板标记】命令，可编辑区域即会被删除，而之前其中的内容会被保留。如果要删除某个可编辑区域和其中的内容，选中该可编辑区域后按Delete键即可。 地藐召饲钝玖羡刽唐五粟搏奢湃丑练藩州鞘砚邦册怨赡沛流办佑哪都补交第17章 模板制作和应用第17章