第8章旅游网站模板和库制作.pptxVIP

Dreamweaver CS5 网页制作基础教程; 　　本章将介绍使用库和模板制作网页的基本方法。;8.1　设计思路;8.2 创建模板;;;通过【新建文档】对话框和【资源】面板可直接从空白文档开始创建新模板。在菜单栏中选择【文件】/【新建】命令，打开【新建文档】对话框，选择【空模板】/【HTML模板】/【无】选项。;新建可编辑区域的方法： 在菜单栏中选择【插入】/【模板对象】/【可编辑区域】命令。 用鼠标右键单击，在弹出的快捷菜单中选择【模板】/【新建可编辑区域】。 在【插入】面板的【常用】类别中，单击 按钮。 ;可编辑区域是指可以进行添加、修改和删除网页元素等操作的区域，可编辑区域控制着在基于模板创建的网页中用户可以编辑哪些区域。可编辑区域在模板中由高亮显示的矩形边框围绕，该边框使用在首选参数中设置的高亮颜色。该区域左上角的选项卡显示该区域的名称。如果在文档中插入空白的可编辑区域，则该区域的名称会出现在该区域内部。 修改可编辑区域等模板对象名称的方法是，单击模板对象的名称将其选中，然后在【属性】面板的【名称】文本框中修改模板对象名称即可。 如果已经将模板文件的某个区域设置为可编辑，现在要取消这一设置，使其在基于模板的文档中不再可编辑，可使用【删除模板标记】 命令。方法是，单击可编辑区域左上角的标签以选中它，选择【修改】/【模板】/【删除模板标记】命令，也可单击鼠标右键，然后选择【模板】/【删除模板标记】命令。;插入重复表格的方法：在菜单栏中选择【插入】/【模板对象】/【重复表格】命令，打开【插入重复表格】对话框。;重复表格是指包含重复行的表格格式的可编辑区域，可以定义表格的属性并设置哪些单元格可编辑。重复表格可以被包含在重复区域内，但不能被包含在可编辑区域内。另外，在将现有网页保存为模板时，不能将选定的区域变成重复表格，只能插入重复表格。 如果在【插入重复表格】对话框中不设置【单元格边距】、【单元格间距】和【边框】的值，则大多数浏览器按【单元格边距】为“1”、【单元格间距】为“2”和【边框】为“1”显示表格。【插入重复表格】对话框的上半部分与普通的表格参数没有什么不同，重要的是下半部分的参数。;插入重复区域的方法：选择想要设置为重复区域的文本或内容或将插入点放入文档中要插入重复区域的位置，然后在菜单栏中选择【插入】/【模板对象】/【重复区域】命令，打开【新建重复区域】对话框，在【名称】文本框中输入惟一的重复区域名称，然后加以确认即可。;重复区域是指可以复制任意次数的指定区域。重复区域是模板的一部分，这一部分可以在基于模板的页面中重复多次。重复区域通常与表格一起使用，也可以为其他页面元素定义重复区域。使用重复区域，可以通过重复特定项目来控制页面布局。实际上，重复表格就是重复区域和可编辑区域两种模板对象的综合应用。重复区域不是可编辑区域，若要使重复区域中的内容可编辑，必须在重复区域内插入可编辑区域或重复表格。 ;除了通过【新建文档】对话框来直接创建模板外，实际上也可以使用【资源】面板来直接创建模板文件 。 ;除了直接创建模板外，也可以将现有网页保存为模板。 如果模板文件是通过将现有网页另存为模板来创建的，则新模板在“Templates ”文件夹中，并且模板文件中的所有链接都将更新以保证相应的文档相对路径是正确的。如果以后基于该模板创建文档并保存该文档，则所有文档相对链接将再次更新，从而依然指向正确的文件。;8.3 创建库项目;库是一种特殊的Dreamweaver文件，其中包含可放置到网页中的一组单个资源或资源副本。库中的这些资源称为库项目，也就是要在整个网站范围内反复使用或经常更新的元素。在网页制作实践中，经常遇到要将一些网页元素在多个页面内应用。当修改这些重复使用的页面元素时如果逐页修改相当费时，此时便可以使用库项目来解决这个问题。每当编辑某个库项目时，可以自动更新所有使用该项目的页面。 ;使用库项目时，Dreamweaver CS5将在网页中插入该项目的链接，而不是项目本身。也就是说，Dreamweaver向文档中插入该项目的HTML源代码副本，并添加一个包含对原始外部项目的引用的HTML注释。自动更新过程就是通过这个外部引用来实现的。 在Dreamweaver中，创建的库项目保存在站点的“Library”文件夹内，“Library”文件夹是自动生成的，不能对其名称进行修改。;8.3.2 直接创建库项目;;除了直接创建库项目外，也可以基于选定现有网页内容创建库项目。选择要保存为库项目的对象，选择【修改】/【库】/【增加对象到库】命令，该对象即被添加到库项目列表中，库项目名为系统默认的名称，输入新的库项目名称后按Enter键确认。 基于选定内容创建库项目还可以通过以下方法进行。 选