网页设计 百分网手机站

Dreamweaver站点地图的使用技巧

时间:2020-07-30 09:21:16 网页设计 我要投稿

Dreamweaver站点地图的使用技巧大全

  使用站点地图

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

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

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

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

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

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

  在“文件”面板(“窗口”>“文件”)中,从显示当前站点、服务器或驱动器的弹出菜单中选择一个站点。

  右键单击 (Windows) 或按住 Control 键单击 (Macintosh) 要设为主页的文件,然后选择“设成首页”。

  注: 还可以在“站点定义”对话框的“站点地图布局”选项中设置主页。

  若要更改主页,请重复第 2 步。查看站点地图

  在“文件”面板(“窗口”>“文件”)中,执行下列操作之一:

  在折叠的“文件”面板中,选择“站点视图”菜单中的“地图视图”。

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

  注: 如果尚未定义主页或者 Dreamweaver 在当前站点中找不到要用作主页的 index.html 或 index.htm 页面,Dreamweaver 将提示您选择一个主页。

  单击文件名旁的加号 (+) 或减号 (-) 可显示或隐藏链接在第二级之下的页面:

  以红色显示的文本指示断开的链接。

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

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

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

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

  修改站点地图布局

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

  通过下列操作之一打开“站点定义”对话框:

  选择“站点”>“管理站点”,选择站点,然后单击“编辑”。

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

  在“站点定义”对话框中,从左侧的“分类”列表中选择“站点地图布局”并设置各个选项:

  列数 设置在站点地图窗口中每行要显示的列数。

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

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

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

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

  单击“确定”,然后单击“完成”。查看站点地图中的不同分支

  通过使某个分支成为站点地图的焦点,可以查看站点特定部分的详细信息。 选择您要查看的.页。

  请执行下列操作之一:

  在站点地图中右键单击 (Windows) 或按住 Control 单击 (Macintosh),然后选择“作为根查看”。

  在默认的“文件”面板(“窗口”>“文件”)中,单击右上角的选项菜单,然后选择“查看”>“站点地图选项”>“作为根查看”。

  站点地图在窗口中重新绘制,就象指定页位于站点的根目录一样。站点地图之上的“站点导航”文本框显示从主页到指定页的路径。通过一次单击选择路径中的任意项,从该级别开始查看站点地图。

  若要展开和收缩站点地图中的分支,请单击分支的加号 (+) 或减号 (-) 按钮。在站点地图中选择若干个页面

  请执行下列操作之一:

  从视图的空白部分开始在一组文件周围拖动,以选择这些文件。

  按住 Ctrl 单击 (Windows) 或按住 Command 单击 (Macintosh),以选择不相邻的页。

  按住 Shift 单击以选择某一范围的相邻页。在站点地图中打开某页进行编辑

  双击文件,或者右键单击 (Windows) 或按住 Control 单击 (Macintosh) 文件,然后选择“打开”。向站点中添加现有文件

  将文件从 Windows 资源管理器或 Macintosh Finder 中拖动到站点地图中的一个文件,或者在站点地图中右键单击 (Windows) 或按住 Control 键单击 (Macintosh) 该文件,然后选择“链接到已有文件”并浏览到该文件。创建新文件并在站点地图中添加链接

  在站点地图中选择一个文件,或者右键单击 (Windows) 或按住 Control 键单击 (Macintosh),然后选择“链接到新文件”。

  输入该链接的名称、标题和文本,然后单击“确定”。

  Dreamweaver 将该文件保存在与选定文件相同的文件夹中。如果向隐藏的分支目录中添加一个新文件,则该新文件也会被设置为隐藏。在站点地图中修改页的标题

  单击折叠的“文件”面板右上角的选项菜单,然后选择“文件”>“重命名视图”>“显示页面标题”,以显示页面标题。

  从站点地图中选择一个文件,然后执行下列操作之一:

  单击标题,然后输入新的标题。

  单击右上角的选项菜单,然后选择“文件”>“重命名”。

  键入新名称,然后按 Enter (Windows) 或 Return (Macintosh)。

  注: 当您在“文件”面板中进行操作时,Dreamweaver 会更新所有指向更改了名称的文件的链接。在进行更改后更新站点地图显示

  单击站点地图中的任意位置,以取消选择任何文件,然后单击“文件”面板工具栏中的“刷新”。选择您要查看的页。

  请执行下列操作之一:

  在站点地图中右键单击 (Windows) 或按住 Control 单击 (Macintosh),然后选择“作为根查看”。

  在默认的“文件”面板(“窗口”>“文件”)中,单击右上角的选项菜单,然后选择“查看”>“站点地图选项”>“作为根查看”。

  站点地图在窗口中重新绘制,就象指定页位于站点的根目录一样。站点地图之上的“站点导航”文本框显示从主页到指定页的路径。通过一次单击选择路径中的任意项,从该级别开始查看站点地图。

  若要展开和收缩站点地图中的分支,请单击分支的加号 (+) 或减号 (-) 按钮。在站点地图中选择若干个页面

  请执行下列操作之一:

  从视图的空白部分开始在一组文件周围拖动,以选择这些文件。

  按住 Ctrl 单击 (Windows) 或按住 Command 单击 (Macintosh),以选择不相邻的页。

  按住 Shift 单击以选择某一范围的相邻页。在站点地图中打开某页进行编辑

  双击文件,或者右键单击 (Windows) 或按住 Control 单击 (Macintosh) 文件,然后选择“打开”。向站点中添加现有文件

  将文件从 Windows 资源管理器或 Macintosh Finder 中拖动到站点地图中的一个文件,或者在站点地图中右键单击 (Windows) 或按住 Control 键单击 (Macintosh) 该文件,然后选择“链接到已有文件”并浏览到该文件。创建新文件并在站点地图中添加链接

  在站点地图中选择一个文件,或者右键单击 (Windows) 或按住 Control 键单击 (Macintosh),然后选择“链接到新文件”。

  输入该链接的名称、标题和文本,然后单击“确定”。

  Dreamweaver 将该文件保存在与选定文件相同的文件夹中。如果向隐藏的分支目录中添加一个新文件,则该新文件也会被设置为隐藏。在站点地图中修改页的标题

  单击折叠的“文件”面板右上角的选项菜单,然后选择“文件”>“重命名视图”>“显示页面标题”,以显示页面标题。

  从站点地图中选择一个文件,然后执行下列操作之一:

  单击标题,然后输入新的标题。

  单击右上角的选项菜单,然后选择“文件”>“重命名”。

  键入新名称,然后按 Enter (Windows) 或 Return (Macintosh)。

  注: 当您在“文件”面板中进行操作时,Dreamweaver 会更新所有指向更改了名称的文件的链接。在进行更改后更新站点地图显示

  单击站点地图中的任意位置,以取消选择任何文件,然后单击“文件”面板工具栏中的“刷新”。

【Dreamweaver站点地图的使用技巧大全】相关文章:

1.Dreamweaver空格使用技巧

2.DreamWeaver技巧大全

3.Dreamweaver怎么定义站点

4.Dreamweaver框架的使用技巧归纳

5.Dreamweaver使用教程

6.WPS使用技巧大全

7.Dreamweaver的使用方法参考

8.Dreamweaver的技巧方法