您好,欢迎来到素彩网!

基础(6)Dreamweaver站点地图的使用技巧

来源:sc115.com | 232 次浏览 | 2011-07-29

标签: Dreamweaver cs3 基础Dreamweaver站点地图的使用技巧 基础

使用站点地图
您可以将 Dreamweaver 站点的本地文件夹视作链接的图标的视觉地图,此视觉地图称为站点地图。可以使用站点地图将新文件添加到 Dreamweaver 站点,或者添加、修改或删除链接。

站点地图从主页开始显示两个级别深度的站点结构。站点地图将页面显示为图标,并按在源代码中出现的顺序来显示链接。

必须先定义站点的主页才能显示站点地图。站点的主页是地图的起点,可以是站点中的任何页面。您可以更改主页、显示的列数、图标标签显示文件名还是显示页标题以及是否显示隐藏文件和相关文件。(相关文件是浏览器在加载主页时加载的图像或其它非 HTML 内容。)

当您在站点地图中工作时,可以选择页、打开页进行编辑、向站点添加新页、创建文件之间的链接以及更改页标题。

站点地图是理想的站点结构布局工具。您可以设置整个站点结构,然后创建站点地图的图解图像。

注: 站点地图仅适用于本地站点。若要创建远程站点的地图,请将远程站点的内容复制到本地磁盘上的一个文件夹中,然后使用“管理站点”命令将该站点定义为本地站点。

定义或更改站点的主页
在“文件”面板(“窗口”>“文件”)中,从显示当前站点、服务器或驱动器的弹出菜单中选择一个站点。
右键单击 (Windows) 或按住 Control 键单击 (Macintosh) 要设为主页的文件,然后选择“设成首页”。
注: 还可以在“站点定义”对话框的“站点地图布局”选项中设置主页。
若要更改主页,请重复第 2 步。

查看站点地图
在“文件”面板(“窗口”>“文件”)中,执行下列操作之一:
在折叠的“文件”面板中,选择“站点视图”菜单中的“地图视图”。

在展开的“文件”面板中,单击工具栏中的“站点地图”按钮,然后选择“仅地图”(不包含本地文件结构的站点地图)或“地图和文件”(包含本地文件结构)。

注: 如果尚未定义主页或者 Dreamweaver 在当前站点中找不到要用作主页的 index.html 或 index.htm 页面,Dreamweaver 将提示您选择一个主页。
单击文件名旁的加号 (+) 或减号 (-) 可显示或隐藏链接在第二级之下的页面:
以红色显示的文本指示断开的链接。

以蓝色显示并且标有地球图标的文本表示其它站点上的文件或特殊链接(如电子邮件或脚本链接)。

绿色选中标记指示您已取出的文件。

红色选中标记指示他人取出的文件。

锁形图标指示只读 (Windows) 或锁定 (Macintosh) 的文件。

修改站点地图布局
使用“站点地图布局”选项可自定义站点地图的外观。

通过下列操作之一打开“站点定义”对话框:
选择“站点”>“管理站点”,选择站点,然后单击“编辑”。

在“文件”面板中,从显示当前站点、服务器或驱动器的菜单中选择“管理站点”,然后单击“编辑”。

在“站点定义”对话框中,从左侧的“分类”列表中选择“站点地图布局”并设置各个选项:
列数 设置在站点地图窗口中每行要显示的列数。

列宽 设置站点地图的列宽(以像素为单位)。

图标标签 选择在站点地图中与文档图标一起显示的名称是表示为文件名还是页标题。

显示标记为隐藏的文件 显示站点地图中已标记为隐藏的 HTML 文件。

显示相关文件 在站点层次结构中显示所有相关文件。

单击“确定”,然后单击“完成”。

查看站点地图中的不同分支
通过使某个分支成为站点地图的焦点,可以查看站点特定部分的详细信息。

选择您要查看的页。
请执行下列操作之一:
在站点地图中右键单击 (Windows) 或按住 Control 单击 (Macintosh),然后选择“作为根查看”。

在默认的“文件”面板(“窗口”>“

搜索: Dreamweaver cs3 基础Dreamweaver站点地图的使用技巧 基础 

最热-Dreamweaver CS3

Adobe Dreamweaver CS3 暨Creative Suite 3问世

基础(7)关于输入表单的三种常用布局

体验Adobe Dreamweaver CS3新特性

基础(8)标准的网页一屏到底是多大?

基础(9)Dreamweaver CS3 For ASP开发:认识Access数据库

Dreamweaver CS3 最新功能描述

基础(11)如何用Dreamweaver CS3合理优化您的网页

基础(12)Dreamweaver CS3中如何创建自定义代码片段

基础(13)什么是网页?网页原理解析。

基础(14)将Dreamweaver CS3默认的UTF-8编码改为GB2312

基础(15)学习使用Dreamweaver CS3之前你必须知道的HTML基础知

基础(21)Dreamweaver CS3 中Head元素详解及使用

基础(22)用Dreamweaver CS3打造动态链接的Flash按钮

素材
精美实用的提示框矢量图7精美实用的提示框矢量图7
精美实用的提示框矢量图6精美实用的提示框矢量图6
折纸网站设计矢量图5折纸网站设计矢量图5
精美实用的提示框05—矢量图精美实用的提示框05—矢量图
精美实用的提示框矢量图4精美实用的提示框矢量图4
折纸网站设计矢量图4折纸网站设计矢量图4
精美实用的提示框矢量图3精美实用的提示框矢量图3
精美实用的提示框矢量图2精美实用的提示框矢量图2
精美实用的提示框矢量图精美实用的提示框矢量图