模板和站点管理.pptVIP

7.3.3 站点地图 返回本节 （7）站点地图打开后可以看到站内文件的结构，窗口左侧是站点地图，右侧是站点内的文件列表。站点地图以siteMap.html为根节点显示文件之间的关系，在这个例子中，siteMap.html内含有指向三个文件的链接，另外还包括一张图片，这些内容都列了出来。fileC.html中又进一步含有文件链接，同样也包含在下方，如图7-34所示。 图7-34 站点地图 专家点拨：站点地图提供了管理链接的直观途径，文件之间的链接关系用箭头表示出来，箭头出发的文件中包含有链接，而箭头指向的文件就是链接所指向的文件。 7.3.3 站点地图 返回本节 2．利用网站地图管理链接 （1）在站点地图的根节点（也就是siteMap.html）上右击，从弹出的快捷菜单中选择【链接到已有文件】命令，这时会弹出【选择HTML文件】对话框，从中选择文件\Samples\siteMap\fileD.html，然后单击【确定】按钮，如图7-35所示。 图7-35 选择链接目标 7.3.3 站点地图 返回本节 （3）在站点地图中，可以看到siteMap.html增加了一个字节点fileD.html，这表明siteMap.html中含有了指向文件fileD.html的链接，如图7-36所示。 图7-36 站点地图中增加了新节点 7.3.3 站点地图 返回本节 （4）在站点地图中双击siteMap.html，可以看到自动生成的链接，链接指向文件fileD.html，连接文本是fileD，如图7-37所示。 图7-37 文件中自动增加的新链接 7.3.3 站点地图 返回本节 （5）在站点地图中fileA.html的图标上单击，选中图标后其右上角将会出现拖放图标 ，单击拖放图标并且拖动，到fileB.html对应的图标上释放鼠标左键，如图7-38所示。 图7-38 在文件之间建立链接 7.3.3 站点地图 返回本节 （6）完成以上设置后，在站点地图中可以看到，fileA.html的图标下方出现了新的链接目标fileB.html，如图7-39所示。 图7-39 链接建立后站点地图的显示效果 Thank you very much ! 本章到此结束， 谢谢您的光临！ 结束放映 返回本章首页 第7章 模板和站点管理 第7章 模板和站点管理 7.1 模板 7.2 资源管理 7.3 站点的管理和维护 开 始 网站设计过程中，如果网站的规模比较大，模板的应用就显得特别重要。模板是一种特殊网页文档，用户可以把它作为创建其他网页文档的基础。创建模板可以提高网站设计的工作效率，快速地修改或更新站点中多个页面的外观。 站点管理是Web开发至关重要的组成部分，它对于站点的持续发展十分重要。Dreamweaver提供了大量的管理工具，可以让用户方便地更新和控制Web站点、维护本地文件夹和远程服务器上的站点文件。 本章主要内容： 7.1.1 新建模板的方法 7.1.2 可编辑区域 7.1.3 创建基于模板的页面 返回本章首页 7.1 模板 Dreamweaver提供了模板这种特殊文档，使用它能批量生成风格类似的网页，还能实现关联网页自动更新，大大简化了网页制作。 7.1.1 新建模板的方法 返回本节 1. 在【资源】面板新建模板 （1）执行【窗口】|【资源】命令打开【资源】面板，单击左侧栏上的【模板】按钮切换到模板，如图7-1所示。 图7-1 【资源】面板中的模板 （2）单击面板下方的【新建模板】按钮 ，也可以在【名称】下方的空白处右击，在弹出的快捷菜单中选择【新建模板】命令。 （3）Dreamweaver会自动建立一个空的模板 ，如图7-2所示，可以修改新模板的名称，并根据提示单击“编辑”按钮进入模板编辑区对模板进行编辑。 图7-2　新建一个空模板 7.1.1 新建模板的方法 返回本节 2．利用菜单或者工具栏上的命令新建模板 （1）执行【插入记录】|【模板对象】|【创建模板】命令，或者单击【常用】工具栏中的【模板】按钮，并在下拉菜单中选择【创建模板】命令。如图7-3所示。 图7-3　执行创建模板命令 图7-4　保存模板对话框 （2）在弹出的“另存模板”对话框中，可以对模板名称等进行编辑。如图7-4所示。最后单击【保存】按钮。 7.1.1 新建模板的方法 返回本节 用以上两种方法创建的新模板文档，此时还没有添加任何的元素，可以像编辑普通网页一样在模板文档中添加表格、图像、文字等。添加完后，选择【文件】|【保存】命令保存模板，此时会弹出一个对话框，如图7-5所示。这是因为模板文档中不含