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 会更新所有指向更改了名称的文件的链接。在进行更改后更新站点地图显示
单击站点地图中的任意位置,以取消选择任何文件,然后单击“文件”面板工具栏中的“刷新”。

时间: 2024-08-30 20:37:03

Dreamweaver站点地图的使用技巧的相关文章

php生成百度sitemap站点地图类函数实例_php技巧

本文实例讲述了php生成百度sitemap站点地图类函数的方法,分享给大家供大家参考.具体实现方法如下: 问题概述: 公司网站是问答百科的网站.seo工程师提出需求说根据网站的问题来生成xml文件.每个xml文件包含5000条setmap格式数据.现在线上网站大约有70w条问题,所以说基本生成140个xml文件.还有一个索引文件.比如文件的名称以数字开头的.索引文件包含的内容就是每个xml文件的路径还有名称. 为什么要每个文件存储5000条数据呢,因为这是mysql的一个界限值.如果每次取多了以

ASP.NET 站点地图(sitemap)简明教程_实用技巧

还好,现在有这个机会,就权当自己的笔记吧!.以下讲一下最简单的创建形式. 站点地图,在每一个网站都必须用的一种技术.它是用来给用户导航作用的,以便告诉用户现在的位置.特别是对那些目录很深的网页,这种效果就犹为明显. 比如 天涯社区>天涯论坛>海口...这种形式. 1.新建一个站点地图(和新建aspx一样),tour.sitemap.下面是默认情况生成的xml文件. 复制代码 代码如下: <?xml version="1.0" encoding="u

ASP.NET 2.0站点地图搭建网站导航结构

asp.net|导航|站点 二. 使用SiteMap的方式 你可以以三种常见方式来使用在前一节所创建的站点地图文件: · 使用SiteMapPath控件 · 使用SiteMap数据源控件 · 使用SiteMap类 这个SiteMapPath控件允许你生成breadcrumb.图3显示出什么是breadcrumb. 图3:Breadcrumb导航 SiteMapPath控件显示各种层级的导航.例如,你可以点击父或根级别以往回导航或转到顶层.当然,你也可以定制导航层次. ASP.NET 2.0中还带

创建一个Flash站点的十大技巧

创建|技巧|站点 根据Macromedia 顶级Flash设计者,开发者以及可用性专家的建议,我们收集了创建一个具备可用性的Macromedia Flash站点的十大技巧. 1.记住用户的目标 用户往往带着目的访问一个站点,每个链接,每次点击都要合乎他们的经验并且引导他们通向他们的目标.当传输你的页面时,应该让关键的导航链接首先装载--万一用户想转到网站其它的区域.模仿通常的用户图形界面往往可以增加可用性. 2. 记住网站的目的 网站设计应该反应商业或者客户的需求,有效的传播主要信息与促进品牌.

浅谈XML站点地图在大型网站中不可或缺的作用

网站地图是一个不陌生的词语,再通俗一点儿说网站地图就是一个页面,上面记录着网站所有网页的链接,但它不是访问别人网站时所看到的网站地图,它是帮助搜索引擎抓取你的网站的地图,是专门为搜索引擎蜘蛛而生成的. 我们所熟悉的网站地图一般分为两种:XML站点地图和HTML站点地图,很多新站长都以为XML站点地图和HTML站点地图是一样的,应为以前所报道的材料是也都显示XML和HTML是相似的站点地图,对搜索引擎的友好度也是相同的,其实两种站点地图还是有一些区别的,XML站点地图是给搜索引擎看的站点地图,HT

在ASP.NET 2.0开发中实现站点地图的本地化

本文中,我们首先简要地介绍了ASP.NET 2.0提供的新的站点导航机制,并注意到这个新的导航功能的核心是通过XML文件来详细描述网站的导航框架.显然,这种新导航机制的强大功能可以大大节省程序员的编码时间.接下来,我们通过一个简单的例子分析了本地化Web.sitemap的一般思路. 一.基于XML的站点地图 以前在Web应用程序中建立导航的方法是在页面上散布大量的超级链接.但当开发大型Web工程时,这种简单而原始的方法显得极为臃肿而且力不从心.为此,ASP.NET 2.0引入了一个新的导航系统来

ASP.NET 2.0站点地图及开发使用网站导航结构

如果你曾经到过陌生的目的地旅行过,那么你一定知道地图的重要性- 它们能够帮助使你的旅行更舒适些.这个道理对于网站来说是同样的.一个网站 应该呈现给访问者一种简单而灵活的导航结构以便它们能够容易地导航到该网站 的不同部分.ASP.NET 2.0提供了一种称为SiteMap的特征-它帮助你实现 这一功能.本文将解释什么是站点地图并且描述如何开发使用它们的网站导航结构. 一.SiteMap 一个站点地图是一个XML文件(具有一个.sitemap扩展名)-它能够详 细地描述你的网站的整个导航布局.你可以

Dreamweaver站点范围内更改链接

  除了每当移动或重命名文件时让 Dreamweaver 自动更新链接外,您还可以手动更改所有链接(包括电子邮件链接.FTP 链接.空链接和脚本链接),以指向其它位置. 任何时候都可使用此选项(例如,可能已经在整个站点内将"本月电影"这个词链接到了 /movies/july.html,而到了 8 月 1 日,则必须将那些链接更改为指向 /movies/august.html),不过此选项尤其适用于删除其它文件所链接到的某个文件. 若要在整个站点范围内更改链接,请执行以下操作: 1. 在

Dreamweaver中应用CSS的技巧

  Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器.由于DW的功能之强大,所以可以在他里面直接定义css(样式表),而就是这css给我出了个小难题. 事情是这样的, 我用css主要是改变一下我的超级连接的颜色和下划线的有无.在DW里定义css的确很方便,里面的参数他都为你设置好了,只要你点鼠标就行了.正是由于他的简单,而使他带来了一个小问题(就我自己认为): 以下为引用的内容: style type="text/css" !-- a:hover { color