///pc/img/blank.gif" width="12" height="8">当前位置:///default.htm" class="under">亿度网络 -> ///pc/index.htm" class="under">网页制作教程 -> Dreamweaver

///pc/homepage/dreamweaver/img/000.gif" width="100" height="20">
///pc/img/title_00.gif" width="13" height="20">  

///pc/homepage/dreamweaver/img/002.gif" width="18" height="16" align="absmiddle">轻松掌握网页制作
///pc/homepage/dreamweaver/img/002.gif" width="18" height="16" align="absmiddle">深入学习和使用
///pc/homepage/dreamweaver/img/003.gif" width="18" height="16" align="absmiddle">高级使用和理解
///pc/homepage/dreamweaver/img/004.gif" width="30" height="17" align="absmiddle">站点管理
///pc/homepage/dreamweaver/img/004.gif" width="30" height="17" align="absmiddle">发布网页
///pc/homepage/dreamweaver/img/004.gif" width="30" height="17" align="absmiddle">样式表编辑
///pc/homepage/dreamweaver/img/004.gif" width="30" height="17" align="absmiddle">Timelines
///pc/homepage/dreamweaver/img/004.gif" width="30" height="17" align="absmiddle">Behaviors
///pc/homepage/dreamweaver/img/004.gif" width="30" height="17" align="absmiddle">Template
///pc/homepage/dreamweaver/img/004.gif" width="30" height="17" align="absmiddle">Library
///pc/homepage/dreamweaver/img/004.gif" width="30" height="17" align="absmiddle">HTML源代码编辑器
///pc/homepage/dreamweaver/img/004.gif" width="30" height="17" align="absmiddle">强大的查找替换功能
///pc/homepage/dreamweaver/img/001.gif" width="30" height="16" align="absmiddle">历史面板的应用
///pc/homepage/dreamweaver/img/002.gif" width="18" height="16" align="absmiddle">附录
///pc/homepage/dreamweaver/img/009.gif" width="30" height="16" align="absmiddle">常见问题汇总
///pc/homepage/dreamweaver/img/009.gif" width="30" height="16" align="absmiddle">快捷键分级介绍
///pc/homepage/dreamweaver/img/009.gif" width="30" height="16" align="absmiddle">一句话技巧集萃
///pc/homepage/dreamweaver/img/010.gif" width="30" height="16" align="absmiddle">功能快速索引


//www.shanghaigongsi.com.cn/pc/bin/softdown/softgsch.pl?key=dreamweaver">///pc/img/download.gif" width="90" height="45" border="0">

/pc/bin/msg.pl?file_id=k_dreamweaver target="_blank">///pc/img/message.gif" width="64" height="54" alt="请您留言" border="0">
谈谈您的看法

 

///pc/img/blank.gif" width="1" height="1">

 

///pc/homepage/dreamweaver/img/logo1.gif" width="194" height="64">
 
  三、高级使用和理解

 站点管理

  (2)站点结构图的使用

  点一下工具栏上的“Site Map”按钮,会显示站点结构图。

  在打开站点结构图时,必须为其指定一个主页,如果没指定,系统会默认为根文件夹下的index.htm为主页。指定主页的方法为:选择“View”菜单下的“Layout”,打开站点定义对话框,在Home Page文本框中可以输入主页文件名。我们就选择D:\myweb\index.htm为主页文件。

///pc/homepage/dreamweaver/img/dwu016.gif" width="495" height="297">


图1 指定一个主页

  站点结构图以树状结构方式显示了网站中文件的链接关系,结构层次。有些项目子文件过多,显示很庞大,可以点一下主要文件前的减号,子文件就不显示了,同时减号变成了加号,这时再单击加号,子文件恢复显示,是不是和资源管理器差不多。

  在站点结构图中可以选择多个网页,打开并编辑网页,建立网页间的链接或改变网页标题。如果要向站点结构图中增加一个已有文件,可以选择“Link to Existing”命令,在弹出的对话框中选择已有文件,按“Select”按钮,文件就加到网站中了。如果想打开这个文件编辑一下,就双击它,这个文件就打开了。

///pc/homepage/dreamweaver/img/dwu015.gif" width="514" height="389">

图2 站点结构图

  在站点结构图中,默认状态下文档图标下显示的是文件名称,这不利于识别文件内容,也不便于管理文档,这时我们可以显示各页面的标题。选择“View”菜单下的“Show Page Titles”,图中显示了各个文件的Title,并且可以很方便地修改标题内容。选择某一网页,单击网页标题,标题变为可编辑状态,直接输入新的标题即可。

  如果想只显示网站中的骨干文件,不显示次要文件,以便突出网站的主要结构时,这个功能就很有用了。比如在当前站点结构图中,想把三级文件隐藏,可以借助CTEL键将其一一选中,然后选择“View”菜单下的“Show/Hide Link”命令,所选文件就在站点结构图中消失了。

///pc/homepage/dreamweaver/img/dwu017.gif" width="250" height="195">

图3 隐藏文件

  别害怕,这些文件并没真的消失,如果想看这些隐藏文件,可以选择“View”菜单下的“Show Files Marked as Hidden”命令,看,隐藏文件以斜体字显示出来了。

///pc/homepage/dreamweaver/img/dwu019.gif" width="296" height="241">

图4 隐藏文件以斜体字显示出来了

  站点结构图还可以作为图形文件保存起来,然后在图形编辑器中编辑,选择“File”菜单下的“Save Site Map”,输入一个文件名,站点结构图就被存为一个Bmp图片了。


上一节 下一节    

 

/pc/bin/msg.pl?file_id=k_dreamweaver target="_blank">///pc/img/message.gif" width="64" height="54" alt="请您留言" border="0">
谈谈您的看法

 

 

 

网页制作 网页设计 网站建设 网站设计 网站制作 做网站 做网页