利用模板与库设计网页.pptVIP

第 8 章 利用模板和库设计网页 8.1 利用模板创建网页 8.2 利用模板更新网页 8.3 利用库项目维护网页 许多网站中有一些网页具有大量相同的元素结构，比如网页顶端的标题、导航条等等，如果在制作相关网页内容时，对于这种重复出现的元素“不厌其烦”地手动编辑，则不仅显得繁琐，而且极易出错。在DreamWeaver中，可以将这些重复元素事先用某种方法在一个特殊文件中一次性地编辑好，然后在要用到这些元素的网页中“引进”这些元素即可，而不是在每个网页中做重复劳动。这有点像一些使用资源文件的应用程序——特殊文件就是资源，而网页则相当于应用程序。应用这种方法除了可以大大降低出错的机会外，还有一个明显的优点：修改这些重复元素时，只需在包含重复元素的“特殊文件”中编辑一次就可以了。　　 DreamWeaver中对于这种重复元素的“一次性定义”有两种方法，定义重复元素库和使用模板。 DreamWeaver中的重复元素可以包括图片、文本、表格、各种插件、Java小程序和ActiveX控件等。 在很大程度上，模板和重复元素库有着相似的功用，比如它们都提供了一个重复元素的使用方案，但两者的侧重点又有所不同。重复元素库适合那些需要使用单一元素的场合，比如一张图片、一个字符串，等等，而模板的使用单位则是网页，如果一个站点有大量的网页有相同的结构，那么这个站点就应该定义一个模板。 8.1 利用模板创建网页 8.1.1 模板原理 Dreamweaver 模板是一种用来制作具有相同风格页面的“模子”，用户利用模板可以在短时间内设计大量风格相同或相近的页面。 8.1.2 创建模板 在Dreamweaver MX中，创建模板的方法有3种。 1．将现有的文档保存为模板 如果想将一个普通网页保存为模板，则 可以选择文件菜单下的另存为模板菜单项。所有的模板文件（dwt文件）都被保存在当前站点根目录下的模板文件夹内。 2．通过“资源”面板创建新模板 资源面板窗口中打开模板窗口，在窗口的空白处单击鼠标右键，弹出快捷菜单，选择新建模板，则DreamWeaver将建立一个空白模板，点击编辑按钮，可以打开空白模板窗口 3．创建嵌套模板 8.1.3 定义可编辑区域 1．定义可编辑区域 定义可编辑区域有两种方法。一种是选择已有的一部分页面内容将它指定为可编辑区域，另一种是在当前光标处插入一个空的可编辑区域。 2．删除可编辑区域 如果已经将模板文件的一个区域定义为可编辑区域，而现在想要再次锁定它，使其为不可编辑区域，可执行“删除模板标记”操作。 8.1.4 使用模板 1．创建基于模板新页面 2．将模板应用到现有文档 8.1.5 管理模板 1．重命名模板 2．删除模板 3．将文档与模板分离 设计者可能会想要解除来自于“模板”的属性设定，将“非编辑区域”调整成一般的网页内容，此时，请选择修改菜单的模板从模板中分离项目。 8.2 利用模板更新网页 如果一个模板的内容改变了，则大多数情况下，我们希望使用该模板的网页也做相应的改变—这就需要对网页做一次刷新工作，如果使用模板的网页处在打开状态，则保存修改后的模板时，DreamWeaver会自动完成刷新工作；如果保存修改后的模板时与该模板有关联的网页没有被装入内存，则DreamWeaver会弹出一个更新模板文档对话框，内中列出了使用该模板的网页，选择要刷新的网页，按更新按钮即可。 8.3 利用库项目维护网页 8.3.1 创建库项目 1．什么是库项目 库是一种特殊的Dreamweaver文件，其中包含已创建的单独的网页“资源”或资源拷贝的集合。 2．创建库项目 可以将文档body部分中的任意元素创建库项目，这些元素包括文本、表格、表单、Java applets、插件、ActiveX元素、导航条和图像。 8.3.2 在文档中插入库项目 单击窗口菜单，选择库菜单项，打开重复元素库窗口，选中一个你需要在网页中插入的元素，单击窗口左下角的插入按钮，或干脆将选中的元素用鼠标拖进网页内，这样就可以把重复元素库中的元素插进网页之中。 8.3.3 库项目的管理 1．编辑库项目 如果一个网页使用了重复元素库中的元素，那么在此网页中，这个元素将以黄色高亮显示，并且是不可编辑的。要想编辑这个元素，则需回到重复元素库窗口，选中这个元素，单击窗口右下角的编辑按钮，DreamWeaver将打开一个包含该元素源文件的窗口，供用户编辑，编辑完成后要将改动保存，此时DreamWeaver会弹出一个更新库项目的窗口，窗口列表中列出了网站中使用当前元素的网页，选定要刷新的网页，单击更新按钮，则选定的网页将自动刷新网