所谓站点,可以看作是一系列文档的组合,这些文档之间通过各种链接关联起来,可拥有相似的属性。例如:描述相关的主体、采用相似的设计或实现相同的目的等,也可能只是毫无意义的链接。利用浏览器,就可以从一个文档跳转到另一个文档,实现对整个站点的浏览。
使用Dreamweaver 4可以创建单个的网页,但大多数情况下,可以将这些单独的网页组合起来,成为一个站点。拥有自己的站点,可以说是每个网页创作者的梦想。Dreamweaver 不仅提供网页编辑的特性,而且带有强大的站点管理功能。利用Dreamweaver 4可以首先在本地计算机的磁盘上创建本地站点,从全局上控制站点结构,管理站点中的各种文档,以完成对文档的编辑。在完成站点文档的编辑后,可以利用Dreamweaver将本地站点发送到远端的Internet上的服务器中,创建真正的站点。
利用Dreamweaver 4,可以在本地计算机上,创建出站点的框架,从整体上对站点全局进行把握。由于这时没有同Internet连接,因此有充裕的时间完成站点的设计,进行完善的测试。在站点设计完毕后,可以利用各种上传工具,例如FTP程序,将本地站点上载到Internet服务器上,形成远端站点。
在使用Dreamweaver 4开发网页以前,应先建立一个本地站点,用来管理创建的网页及图像等内容。建立本地站点的基本思路如下叙述。
第一步是对站点进行规划。需要了解站点的目的,确定它要提供什么服务,网页中应该出现什么内容等。在这一步里,利用一张纸和一支笔就能很好地解决问题。有时候,一个良好的构思,比实际的技术显得更为重要,因为它直接决定站点质量和将来的访问流量。
第二步是创建站点的基本结构。利用Dreamweaver,可以在本地计算机上构建出整个站点的框架,并在各个文件夹中合理地安置文档。如果已经构建了自己的站点,也可以利用Dreamweaver 4来编辑和更新现有的站点。Dreamweaver 4可以在站点窗口中以两种方式显示站点结构,一种是目录结构,另一种是站点地图。可以使用站点地图方式快速构建和查看站点原型。
第三步,可以开始具体的网页创作过程。一旦创建了本地站点,就可以在其中组织文档和数据。一般来说,文档就是在访问站点时可以浏览的网页。文档中可能包含其他类型的数据,例如文本、图像、声音、动画和超级链接等。
合理的站点结构,能够加快对站点的设计,提高工作效率,节省时间。文档中不仅仅是文字,它还可以包含其他任何类型的对象,例如图像、声音、动画等,这些文档资源通常不能直接存储在HTML文档中,因此需要着意考虑它们的存放位置。如果将一切网页都存储在一个目录下,当站点的规模越来越大时,管理起来就会很不容易。因此,可以利用文件夹来管理文档。可以在站点中创建一个Resource(资源)文件夹,然后将相应的资源保存在该文件夹中。整个站点共用一个Resource文件夹,所有的文档资源都保存在其中,当然,在Resource文件夹中可以再有子文件夹,按照不同的文档,或不同的资源类型,分门别类地对资源进行存储。
2.1.1? 设置本地站点信息
在使用Dreamweaver 4开发网页以前,应该建立一个本地站点,设置本地站点信息,用来管理创建的网页即图像等内容。
设置本地站点的步骤如下:
(1)首先应该建立站点目录,建立站点目录的方法同建立一般目录的方法一样。例如,可以在E盘上建立一个站点目录,打开Windows的资源管理器,在E盘的根目录下建立一个目录,再在该目录下建立一个名为Resource的子目录,用来保存图像、声音、动画等。
(2)启动Dreamweaver 4,选择Site|New Site命令,打开Site Definition对话框,如图2.1所示。

图2.1? Site Definition对话框
该面板分为左右两部分:面板左边Category(类别)部分是可以设置的选项分类,右边则是Category中当前被选择的类对应的设置对话框。左边Category共有五个类,其意义如下:
- Local Info:进行本地站点的设置。
- Remote Info:进行远程站点的设置。
- Design Notes:决定设计网页时是否添加“设计注意事项”。
- Site Map Layout:设置站点地图的布局情况。
- File View Columns:站点文件显示的列数。
(3)从这个对话框左边的Category列表框中选择Local Info(本地信息)选项,切换到建立一个本地站点对话框。
(4)在Site Name文本框中输入想要创建的站点,输入一个名字。这是站点的标志,这个名字将会出现在站点窗口中。
(5)在Local Root Folder(本地根目录)文本框中输入该本地站点根目录的位置。也可以单击Local Root文本框旁边的文件夹图标,从打开一个文件夹选择窗口,选择一个文件夹作为站点文件、模板和站点库项目的存放地。Dreamweaver 4在建立和根目录相对的链接时就是以这个文件夹为根目录。
(6)如果选择Refresh Local File List Automatically(自动刷新本地文件列表)复选框,表示每当往本地站点中拷贝文件,或是从本地站点中删除文件时,都会自动刷新站点窗口中的站点文件列表。
(7)在HTTP Address文本框中输入标志站点的URL,否则站点内使用绝对URL的超级链接就不会被验证。
(8)选择最下面的Cache(缓存)复选框,表示创建高速缓存以加速链接的更新速度。如果不选择这个复选框,在创建站点之前系统将再次提示创建高速缓存。
(9)设置完毕,单击OK按钮,进行确认。如果没有选择Cache复选框,还会出现一个提示,允许您再次选择是否创建站点缓存,如图2.2所示。单击OK按钮,则可以创建缓存,单击Cancel按钮,则不创建缓存。无论是否创建缓存,都创建了一个新的本地站点,同时在站点窗口的本地文件列表框中,显示站点的根目录,如图 2.3所示。

图2.2? 提示创建站点缓冲
该窗口分为两部分,左边部分用来管理远程的站点,右边部分用来管理本地站点。如果已经定义了远程站点,则可以通过本地站点同远程站点的连接,然后可以上传文件或下载文件。
本地站点建立完毕,以后为本地站点建立的网页及使用的图像都可以放到该目录下。

图2.3? 新建站点文件管理窗口
2.1.2? 设置远程站点信息
当在本地机的硬盘上创建了本地站点之后,如果需要将本地站点传输到远程服务器上,就必须在传输站点之前,设置站点的服务器访问类型。本地站点建立的文件可以上传到本地或局域网上的Web服务器,也可以通过FTP协议上传到远程的FTP或Web服务器上。Web服务器与FTP服务器的主要区别是:前者只为用户提供访问功能,不能直接对文件进行增加、删除等操作;后者则可以直接操作文件,主要用于传递文件,两者可以使用同一个计算机目录,本地站点或局域网则可以直接传输文件。
首先要申请一个空间,目前国内有许多服务商提供免费主页存放空间服务。如何从这么多的服务商中选择一个比较理想的免费主页存放空间,这是一个关键的问题。选择免费主页空间站点的原则有以下几点:
- 知名度较高或影响力较大的站点,一般这些站点服务器的稳定性较好。
- 访问速度。
- 服务内容,主要包括:空间大小、维护方式、CGI权限等。
- 广告类型,一般这些服务商要求在您的主页里加入它们的广告图标,有些则会自动在您的首页加上弹出窗口的广告,只有少部分不用任何广告。
下面简单地介绍申请免费主页空间的过程,其具体的操作步骤如下:
(1)登录到一个提供免费主页存放空间服务的网站(如:http://go.163.com/)。
(2)单击页面上的“申请”按钮进入下一页面。
(3)按照提示填写相关内容。
(4)注册完成后,服务器会往你登记的信箱发一封个人主页开通通知的信件,说明您的主页空间已开通。请您务必妥善保管此信,里面是您注册时填写的个人资料。有些站点可能还会要求您回复此确认信,你收到后不要修改直接回复即可。
设置远程站点信息的具体步骤如下:
(1)单击Site|Define Sites命令,打开Define Sites对话框,如图2.4所示。

图2.4? Define Sites对话框
(2)在Define Site站点列表对话框中,当前站点已经被突出显示,在该对话框中选择一个需要设置远程站点信息的站点,然后单击对话框中的Edit按钮。
(3)此时系统会弹出Site Definition对话框。在该对话框左边的Category列表框中选择Remote Info(远程服务器信息)选项,设置远程站点的服务器访问方式。
(4)单击对话框中的Access(服务器访问方式)下拉按钮,选择服务器访问方式,如图2.5所示。

图2.5? Remote Info参数设置对话框
(5)如果选择最常用的FTP方式作为服务器访问方式。在选择以FTP方式连接到服务器上之后,Web服务器信息栏中的选项会突然“膨胀”,如图2.6所示。
在该对话框中设置如下参数:
- 在FTP Host文本框中输入站点文件上传所至的FTP的主机地址。

图2.6? 选择FTP后的Site Definition对话框
- 在Host Directory文本框中输入远程站点所在的主机目录名称。对于不同的站点,该目录可能是公开的可视文档的存放地,也可能是登录目录(在这种情况下,该框保留为空白)。
- 分别在Login文本框和Password文本框中输入登录名称和登录密码,然后选择旁边的Save复选框,这样可以将密码自动保存。
- 如果用户计算机连接到的服务器有防火墙保护,则选择Use Firewall(使用防火墙)复选框。
- 如果选中Enable File Check In and Check Out复选框,可使用Check In和Check Out功能,同时Site Definition对话框会“膨胀”出两个选项。可以在Check Out Name文本框中输入出现在验证文件旁的验证名称,在Email Address文本框中输入邮件地址。这种方式在工作组环境下特别有效,当某一个人在编辑站点中的某一类文件时,验证名称可以帮助工作组中的其他成员迅速找到这个人所编辑的文件。
(6)如果在Access下拉列表中选择Local/Network选项,此时Site Definition对话框如图2.7所示。
- 在Remote Folder文本框内输入站点文件存放的活页夹路径,或单击文本框旁边的
图标,在弹出的活页夹选择窗口中选择一个站点文件存放的活页夹路径。
- 如果选中Refresh Remote File List Automatically复选框,可以自动更新远程站点中的文件列表。
- 如果选中Enable File Check In and Check Out复选框,可使用Check In和Check Out功能设置文件,同时会“膨胀”出两个选项。可以在Check Out Name文本框中输入出现在验证文件旁的验证名称,在Email Address文本框中输入邮件地址。

图2.7? 选择Local/Network选项后Site Definition对话框
(7)单击OK按钮进行确认并关闭该对话框,返回到Definition Site对话框,单击该对话框中的Done按钮,返回到站点窗口。
2.1.3? 文件的上传与下载
在设置本地站点信息和远程站点信息后,就可以进行本地站点与远程站点间文件的上传及下载。其具体的操作步骤如下:
(1)在Dreamweaver中设置本地和远程服务器信息。
(2)将本地计算机连通Internet网。
(3)在站点管理窗口中打开欲做上传或下载文件操作的站点,将Dreamweaver与远程服务器接通,接通后,站点管理窗口左边的Remote Directory(远程目录)窗格中显示远程服务器中的文件目录,如图2.8所示。
(4)与远程服务器连通后,就可以在站点管理窗口上传及下载站点文件。
- 上传站点文件的方法如下:从Local Folder(本地文件夹)窗格中选择文件,然后将它们拖动到Remote Site窗格中的某个文件夹中。或从Local Folder中选择文件,然后单击
按钮。
- 下载站点文件的方法如下:从Remote Site窗格中选择需要的文件,然后将它们拖动到Local Folder窗格的某个文件夹中。或从远程目录中选择文件,然后单击
按钮。
如果在文件的上传与下载时,所选择的文件与其他的文件有依赖关系,则会弹出一个如图2.9所示的对话框,询问是否载拷贝网页时,同时拷贝与这些文件有依赖关系的文件,选择Yes则一起拷贝;选择No则不拷贝;选择Cancel则取消所有文件的拷贝。

图2.8? 与远程服务器连通后的站点管理窗口

图2.9? 确认是否拷贝依赖文件对话框
在上传了整个站点之后,如果在本地站点中丢失了某个文件或者文件夹,可以将它从远程站点中下载到本地站点。在站点窗口的远程站点窗口中,选择需要下载的文件或者文件夹,然后单击窗口顶部向下箭头的按钮,弹出如图2.9所示的提示对话框。在提示对话框中单击Yes按钮,下载文件时将包括它的附属文件。
(5)当在本地站点中重新编辑了站点中的某些文件之后,可以使用站点窗口中的Synchronize(同步)命令,将更新之后的文件上传到远程站点中。在站点窗口中选择Site|Synchronize命令,弹出如图2.10所示的Synchronize Files对话框。

图2.10? Synchronize Files对话框
首先在对话框的Synchronize下拉列表框中选择同步的对象,有两个选项:
- Entire“mysite” Site:表示检查整个站点文件。
- Selected Local Files Only:表示检查本地站点中选择的一部分。
然后在Direction下拉列表框中选择同步的方向。一共有三个选项:
- Put newer Files to remote:表示将本地站点内的新文件上传到远程站点。
- Get newer Files from remote:表示将远程站点内新文件下载到本地站点。
- Get and Put newer Files:表示在远程站点和本地站点之间传输新文件。
设置完成后,单击对话框中的OK按钮,完成远程站点和本地站点之间的同步过程。
(6)在与远程服务器连通后的站点管理窗口中,可以看到站点窗口中出现了登记和验证图标显示成正常的颜色,表示它们可以使用。它们在设计一个站点时有什么作用呢?
当一组设计人员同时开发一个站点时,如果要对一个文件进行修改,可以选择本地站点中的该文件,然后单击站点窗口中登记按钮 ,这时该文件旁边会出现一个锁状的图标 ,如图2.11所示,表明该文件已经被登记。登记了某一个文件之后,该文件在本地站点中将变成只读状态,这样可以防止在他人验证该文件的同时您又对文件作了修改。

图2.11? Check Out/Check In文件效果
验证文件实际上就是表示你正在使用该文件,该文件的旁边有一个勾号,如图2.11所示。这样可以避免同一文件同时被多人修改的情况,绿色的复选标记代表文件正在由你验证,如果文件旁边出现红色的复选标记,表明该文件正在由工作组中的其他人员验证。
2.1.4? 设置站点地图布局
选择Site|Define Site命令,弹出Define Sites对话框,从该对话框中选择一个站点,然后单击Edit按钮,打开Site Definition对话框,在左边的Category列表中选择Site Map Layout(站点地图外观)选项,则面板的右边会显示出其对应的选项,如图2.12所示。
该对话框中各个选项的意义及设置如下:
- Home Page:指定本地站点中的主页。在该对话框中的Home Page文本框中输入主页的路径和名称,也可以单击右方文件夹按钮,从磁盘上选择主页文件。

图2.12? 设置站点地图外观
- Number of:设置站点地图中每一行显示的文件数,一般在这里选择默认值,这个值大到足以显示一般站点中的一级页面。
- Column Width:设置站点地图的列宽,也就是显示的深度,可以根据站点中的具体情况和自己的需要来操作,这个值的取值范围在70~200之间。
- Icon Labels:设置站点地图中显示图标的标签,File Names表示使用文件名作为标签,Page Titles表示使用文件的标题作为标签。
- Options:该选项中可以设置站点地图的其他选项。Display Files Marked as Hidden(显示标记为隐藏的文件)复选框,表示在站点地图中不仅显示正常的文件,还显示隐藏文件。Display Dependent Files(显示依赖文件)复选框,表示在站点地图中显示各个文件之间的链接关系。
2.1.5? 设置设计提示
所谓的“设计提示”,在设计一个文档的过程中,输入一些提示信息,然后随文档文件一起保存。这样以后打开该文件时,会首先显示提示信息,以了解当时的设计思路等信息。可以将不能放置在文档中的内容放置在这个文档的设计注解中。例如,可以在某一个文档的设计提示中添加这个文档的创建过程、本地站点的结构以及注意事项等。
当文档被复制、更名、移动或者删除时,与之相关的设计注解文件也会随之被复制、更名、移动或删除。下面通过一个实例来说明如何在文档中加入提示信息。以下是具体的操作步骤:
(1)选择Site|Define Site命令,打开站点定义管理面板,从弹出的Define Sited对话框中选择一个站点,然后单击Edit按钮,打开Site Definition对话框,在左边的Category列表中选择Site Map Layout(站点地图外观)选项,则面板的右边会显示出其对应的选项,如图2.13所示。
(2)在 Design Notes对话框中选中Maintain Design Notes(保留设计提示)复选框,表示可以给站点中的文档创建设计注解了。再选择对话框中的Upload Design Notes for Sharing(上载设计注解共享)复选框,表示当上传文档时,设计注解也同时上传。

图2.13? 选择Design Notes后的Site Definition对话框
(3)设置好这些选项之后,就可以在文档窗口中为某一个文档创建设计提示了,在站点窗口中双击某一个文档,则会打开该文档,然后选择File|Design Notes命令,打开设计提示对话框,如图2.14所示。

图2.14? 输入设计注解
(4)选择对话框中的Basic Info(基本信息)选项卡,在这里显示了文档的名称和路径。可以在Status下拉列表框中选择文档的状态,有draft,α ,β ,final等多种文档状态。
注意:draft为草稿状态;α和β分别位不完整的状态;final是最终状态。
(5)单击对话框中的 按钮,将编辑文档或者上传文档的日期加入设计注解中。相应的日期会出现在对话框的Notes列表框中。
(6)在Notes列表框中输入其他有关这个文档的信息。
(7)选择Show When File is Open(当文件被打开时显示)复选框,当这个文档在浏览器中被打开时,对应的设计注解就会显示。
(8)单击设计注解对话框中的All Info(所有信息)标签,打开所有信息框,查看有关这个文档的所有信息。
(9)在所有信息中,显示了有关这个文档的所有注释信息。在Info列表框中有Notes、Status和showOnOpen=true(这是一个函数,该函数表示当该文件被打开时,显示该设计提示)三个信息,这些信息都是在基本信息框中编辑的。单击对话框中的“+”按钮,可以再添加有关的信息;也可以单击对话框中的“-”按钮,删除当前选择的信息。比如要加入一条有关设计人的信息,则在Name文本框中输入“设计人”,在Value文本框中输入设计人的名字“刘小东”,输入完成后单击其他编辑框,则该条内容会添加到Info右边的编辑框中,如图2.15所示。

图2.15? 为文档添加设计提示内容
(10)设置完成后,单击OK按钮关闭该对话框,返回到文档窗口中,选择File|Save命令,将文档保存。
这个提示文件将保存在本地站点的根目录下的一个名为_notes的子文件夹中,文件名与文档的文件名相同,扩展名为.mno。例如为index.html文件创建的注解文件的文件名就为index.html.mno。
(11)再一次打开如图2.14所示的站点定义对话框,单击其中的 按钮,弹出如图2.16所示的确认对话框,单击其中的“是”按钮将删除与当前文档无关的注释文件。

图2.16? 确认对话框
2.2? 站点地图
站点地图用树形结构图方式显示站点中文件的链接关系,在站点地图中可以添加文件、修改、删除、增添文件间的链接关系。
2.2.1? 查看站点地图
利用站点地图,可以以图形化的方式查看站点结构,构建网页之间的链接。
要显示站点地图,可以按照如下方法进行操作:
(1)选择Window|Site Map命令,或是单击工具栏上站点地图按钮,即可显示站点地图,如图2.17所示。

图 2.17? 站点地图
(2)如果希望重新显示远端站点文件列表窗格,选择Window|Site File命令即可。
如果希望在整个站点窗口中显示站点地图,可以用鼠标按在“站点地图”按钮上片刻,这时会出现一个下拉菜单,从该菜单中选择Map Only,则可以隐藏文件列表窗格,而以整个站点窗口的空间显示站点地图。如果选择Map and File,则在站点窗口中出现两个窗格,一个显示本地文件列表,一个显示站点地图。
在站点地图中,通常可以显示当前站点中文档之间的链接关系。利用站点地图,也可以构建文档之间的链接。
2.2.2? 在站点地图中管理网页
在站点地图中可以选择多个网页、打开并编辑网页、增加网页、建立网页间链接、改变网页标题栏的标题等多种操作,下面分别进行介绍。
1.选择多个网页
在站点地图中按住Shift键不放,同时用鼠标单击欲选择的网页,这样可以连续选择多个网页,单击过的网页立即涂黑。在站点地图中按住Ctrl键不放,同时用鼠标单击欲选择的网页,这样可以跳跃性选取多个网页。
2.打开网页
先选择欲打开的网页,然后在选择站点地图窗口中选择File|Open命令,或在欲打开的网页文件上右击鼠标,从弹出的菜单中选择Open命令,或双击欲打开网页文件就可以打开网页供查看和编辑了。
3.向站点地图中增加现存网页
向站点地图中增加现存网页有以下两种方法:
- 单击根文件,然后选择Site|Link to Existing file命令,此时系统会弹出选择文件对话框。在选择文件对话框中选择一个文件,然后单击Select按钮,则所选择的文件就加入到站点地图中。
- 单击根文件,该文件旁立即出现链接图标
,按住链接图标并拖拉到站点管理窗口右边的某个文件上,然后释放鼠标,则该文件就增加到站点地图中了。拖拉鼠标过程中,链接图标与目标文件之间有一条直线,帮助你直观地增加文件,如图2.18所示。

图2.18? 通过图标增加现存网页文件
4.向站点地图增加新文件并建立链接
向站点地图增加新文件并建立链接的步骤如下:
(1)首先在站点图中选择一个文件,然后选择Site|Link to New File命令,打开Link to New File对话框,如图2.19所示。

图2.19? Link to New File对话框
(2)在File Name文本框内输入新加网页文件的文件名,在Title文本框输入新加网页标题栏的标题,在Text of Link文本框内输入源文件中的超级文本,这个超级文本准备链接到在站点地图中选择的文件。
(3)设置完成后单击OK按钮,进行确认,并关闭该对话框返回到站点地图窗口,在站点地图窗口中可以看到新的文件就增加到站点地图中了。
5.改变网页标题栏标题
改变网页的标题有以下两种方法:
- 单击View|Show Page Titles命令,然后在站点地图中选择欲改变标题的网页,单击网页的标题,标题立即变为可编辑,这时输入新标题。
- 单击View|Show Page Titles命令,然后在站点地图中选择欲改变标题的网页,再单击File|Rename命令,标题立即变为可编辑,这时输入新标题。
6.改变主页
主页是站点中的首页,改变主页的方法如下:
单击Site|New Home Page命令,打开New Home Page对话框,如图2.20所示。在File Name文本框中输入新主页名,在Title文本框中输入新主页标题栏标题,即可完成改变主页。

图2.20?? New Home Page对话框
2.2.3? 操作站点文件
无论是创建空白的文档,还是利用已有的文档构建站点,都可能会需要对站点中的文件夹或文件进行操作。利用站点窗口,可以对本地站点的文件夹和文件进行创建、删除、移动和复制等操作。
1.创建文件夹
要在本地站点中创建文件夹,其具体的操作步骤如下:
(1)从站点窗口的本地站点文件列表窗格中,选择要新建文件夹的父级文件夹。
(2)单击File|New Folder命令,即可创建一个新的文件夹。
(3)文件夹被刚创建时,其名称区域处于编辑状态,可以随即输入其名称。输入名称后,单击输入区外任意位置,即可完成文件夹的命名。
2.创建文件
文件的创建方法同文件夹类似,其具体的操作步骤如下:
(1)从站点窗口的本地站点文件列表窗格中,选择要保存新建文件的文件夹。
(2)单击File|New File命令,即可创建一个新的文件。
(3)文件被刚创建时,其名称区域处于编辑状态,可以随即输入其名称。输入名称后,单击输入区外任意位置,即可完成对文件的命名。
3.文件的移动和复制
如同大多数的文件管理器一样,可以利用剪切、复制和粘贴操作来实现文件或文件夹的移动和复制。其具体的操作步骤如下:
(1)从站点窗口的本地站点文件列表窗格中,选择要移动或复制的文件。
(2)如果要进行移动操作,单击Edit|Cut命令;如果要进行复制操作,则单击Edit|Copy命令。
(3)选择目的文件夹,单击Edit|Paste命令,文件就被移动或复制到相应的文件夹中。
使用鼠标拖动的方法,也可以实现文件或文件夹的移动,可以按照如下的步骤进行操作:从站点窗口的本地站点文件列表窗格中,选择要移动或复制的文件(或文件夹),拖动选择的文件或文件夹,然后移动到目标文件夹中,再释放鼠标。
如果移动或复制的是文件,由于文件的位置发生了变化,其中的链接信息(特别是相对链接)也相应发生变化。Dreamweaver 4会打开如图2.21所示的对话框,提示是否要更新被移动或复制文件中的链接信息。从列表中选择要更新的文件,单击Update按钮,则更新文件中的链接信息;单击Don't Update按钮,则不对被文件中的链接进行更新。

图2.21? 移动文件时提示更新链接
4.删除文件
要从本地文件列表窗格中删除文件,其具体的操作步骤如下::
(1)选择要删除的文件或文件夹。
(2)单击File|Delete命令,或是按下Delete键。
(3)这时系统会出现一个提示对话框,询问是否要真正删除文件或文件夹,确定操作后,即可将文件或文件夹从本地站点中删除。
注意:同站点的删除操作不同,这种对文件或文件夹的删除操作,会从磁盘上真正删除相应的文件或文件夹。
5.编辑站点文件
要编辑站点文件,可以在本地站点文件列表中,双击相应的文件图标,即可启动Dreamweaver的文档窗口,并载入相应的文件等待编辑。文件编辑完毕,从文档窗口中保存文档,即可对本地站点中的文件进行更新。
一般来说,可以首先构建整个站点,同时在各个文件夹中创建好需要编辑的文件。然后再在文档窗口中分别对这些文件进行编辑,最终构建完整的网站内容。
6.刷新本地站点文件列表
如果在Dreamweaver之外对站点中的文件夹或文件进行了修改,则需要对本地站点文件列表进行刷新,才可以看到修改后的结果。
可以在定义站点时的对话框上选择Refresh Local File List Automatically复选框,则文件列表的刷新操作会自动完成。如果没有选择该复选框,则需要手工刷新文件列表,单击Window|Refresh Local命令,即可对本地站点的文件列表进行刷新。
注意:单击Window|Refresh Remote命令,可以对远端站点文件列表窗格中的内容进行刷新。单击工具栏上的Refresh按钮,可以同时刷新本地站点文件列表和远端站点文件列表。
2.2.4? 在站点地图中管理链接
当创建好了一个站点之后,向服务器上传站点之前,必须检查站点中的所有链接。如果发现站点中存在中断的链接,必须将它们修复好之后才能上传到服务器。
1.检查链接
Dreamweaver的链接检查器(Link Checker)可以检查出网站中网页的链接错误和孤立文件,可以检查单个页面、一个文件夹、甚至整个站点。请注意链接检查器不能检查与网站以外网页的链接情况。
如果想检查当前网页的链接,可以按照如下操作步骤进行操作:
(1)在文档窗口中选择File|Save命令,将文件保存在本地网站中。
(2)在文档窗口中选择File|Check Links命令。
如果检查本地网站中一部分网页的链接,您可以按照如下操作步骤进行操作:
(1)在文档窗口中,选择Window|Site Files命令,打开网站管理窗口。
(2)在站点管理窗口中选择一个站点。
(3)选择欲检查的多个文件或文件夹。
(4)选择File|Check Links命令。
如果检查整个网站的链接,您可以在站点管理窗口中选择File|Check Links命令。
链接检查器运行结束时,显示链接检查器对话框,如图2.22所示,对话框中显示错误链接、孤立文件和有哪些外部链接,若在Show下拉列表中选择Broken Links,则对话框中显示错误链接情况;若在Show下拉列表中选择External Links,则对话框中显示网站中包含外部链接有哪些,但不能检查是否正确;若在Show下拉列表中选择Orphaned Files,则对话框中显示孤立文件。若单击Save按钮,则保存对话框中的内容。

图2.22 ?检查链接对话框
在发布站点之前,为了保证页面的外观及效果与您所希望的相同,有必要做一下页面的兼容性测试。在站点窗口中选中整个根目录,然后选择站点窗口中File|Check Target Browser命令,打开如图2.23所示的检查目标浏览器对话框。检查目标浏览器只能在本地文件上执行。

图2.23? 检查目标浏览器
在对话框中选择“Microsoft Internet Explorer 4.0”选项,然后单击对话框中的“检查”按钮,以IE 4.0为目标浏览器检查页面的兼容性。这时将启动选择的浏览器对页面或者整个站点进行兼容性检查,同时在浏览器中打开浏览器目标报告,如图2.24所示。

图2.24? 检查页面兼容性的结果
在图2.24所示的页面兼容性报告中,列出了本地站点中文件的错误,并且指出了错误的原因。这份报告是本地站点中的一个临时文件,可以在浏览器窗口中选择“保存”,将这份检查报告保存起来。
2.修改链接
站点地图简单的说就是网页超链接的树状结构表,这个超链接设定功能需要使用Site浮动视窗。在Site 视窗中单击网站地图图标 ,接着在左方视窗中会出现超链接的树状结构图,也就是站点地图。在视窗的右边是网站的文件列表,网站地图可以执行超链接功能、快速取消超链接项目、查看超链接指向的文件是否被移动或是更名等操作。下面以一个实例来说明如何修该链接。
(1)选择Site Map命令,或单击文挡窗口右下角状态栏上的站点图标 ,打开本地站点地图文件,用鼠标在欲创建链接的文件“dw3.html”上单击,使其处于选中状态,这时,文件的右上角会出现一个 图标。然后用鼠标点击这个图标,拖拉到右边文件列表窗口中的“dw4.html”文件图标上,这样就创建了一个超链接。
(2)在网站地图左边树状结构图上显示的超链接状况,可以快速取消超链接项目。在站点地图的树状结构图上,用鼠标单击欲删除超链接的文件的图标,使其处于选中状态。然后按一下键盘上的Delete键,或在选定的网页上右击鼠标,在弹出菜单中选择Remove Link,即可删除链接。
(3)为了某种需要,必须改变站点中某个文件的文件名。当文件被更名后,被链接的网页名称也必须一并改动,如果用手工去改动,非常麻烦。利用站点地图则非常简单。在网站地图上更改文件的名称,与Windows视窗操作系统的基本操作一样。先单击欲更名的文件,然后再次单击该文件的文件名,最后输入新的名称后,按一下Enter键。如把文件“dw6.html”改名为“dreamweaver6.html”,当文件被更名后,此时系统会弹出如图2.25所示的对话框,询问是否被链接的网页名称也一并做改变,在该对话框中单击Update按钮即可。

图2.25? Update Files对话框
(4)选择站点窗口中的Site|Check Links Site wide命令,系统会自动检查整个站点中的链接情况。并在检查完毕后弹出检查链接对话框,在这个对话框中显示了整个站点中被中断的链接、外部链接、孤立文件列表,如图2.26所示。

图2.26? 检查链接对话框
在检查链接对话框中,单击Show后面的下拉按钮,选择External links选项,则可以显示整个站点中的外部链接情况。在检查链接对话框,单击Show后面的下拉按钮,选择Orphaned Files选项,则可以显示整个站点中的孤立文件的情况。
(5)单击对话框中的Save按钮,系统会弹出保存文件对话框,可以将这个中断链接以一个文本文件的方式保存起来。
(6)单击检查链接对话框中的中断链接区域的第一个文件名,使其变为可编辑区域,然后直接输入新的链接的文件名,如图2.27所示。

图2.27? 修复中断链接
(7)也可以通过另一种方式来修复断点链接。在站点窗口中选择Site|Change Link Sitewide命令,弹出如图2.28所示的对话框,在这个对话框中,修复文件的中断链接。

图2.28?? 改变链接目标对话框
(8)在改变链接对话框中的Change All Links To文本框中显示了中断链接的文件,在Into Links To文本框中输入和站点根目录相对的路径指向其他文件的文件名,也可以单击旁边的文件夹图标,在本地站点中浏览并选择一个文件。
(9)单击OK按钮后,会弹出更新文件中的链接列表。在列表中显示了所有需要更新链接的文件,单击Update按钮,更新这些文件中的链接。
2.2.5? 使站点地图中的文件显示或隐藏
网站图中的文件可以设为显示的或隐藏的,当你想显示那些主要文件,不显示次要文件,以便突出网站主干结构时这个功能很有用。在使用这一功能之前要先设置文件为隐藏,下面介绍该功能的用法。
1.设置文件为隐藏
在站点地图中按住Shift键不放,同时用鼠标单击欲选择的网页,这样可以连续选择多个网页,单击过的网页立即涂黑,在站点地图中按住Ctrl键不放,同时用鼠标单击欲选择的网页,这样可以跳跃性选取多个网页。选定一个或多个文件,然后单击View|Show/Hide Link命令,被选定的文件就会立即在网站图中消失。
2.显示隐藏文件
当需要显示隐藏的文件时,可以把隐藏的文件设置为显示,把隐藏的文件设置为显示可执行以下操作之一:
- 单击View|Show Files Marked as Hidden命令,隐藏文件就会以斜体字显示出来。
- 单击View|Layout命令,打开Site Definition对话框,在对话框中选择Display Files Marked as Hidden复选框,即可显示隐藏的文件。
3.取消文件的隐藏属性
选定隐藏文件,即选定以斜体字显示的文件,然后单击View|Show/Hide Link命令,斜体字将立即变为正体字,表示已经取消文件的隐藏属性。
2.2.6? 查看站点地图中的一个分支
站点地图实际上是一个网站架构图,将站点地图中所有的链接都展开之后,整个网站的结构就一目了然了。将站点地图保存可以随时查阅网站的整体结构。为了更清楚地查看网站图中的一个分支,可以将分支放大。
如果要放大查看某一个文件的分支,则单击站点地图中该文档旁边的加号图标,展开这个文档的链接页面(默认情况下,显示本地站点中的两级链接页面)。若单击该文件旁边的减号图标,则不显示该文件的子文件,同时减号变为加号。
注意:在默认情况下,隐藏文件和从属文件不会显示在站点地图中,要显示它们必须在站点地图外观对话框中选择对应的复选框才行。隐藏文件是标记为隐藏的HTML文件,从属文件则是非HTML页面,其内容多为图像、模板、Shockwave电影或者Flash文件。
2.2.7? 保存站点地图
在站点窗口中,单击File|Save Site Map命令,在弹出的对话框中选择保存文件的路径和文件名,然后单击“保存”按钮将站点地图文件保存,保存的格式为 .bmp。
将站点地图保存在本地硬盘上之后,就可以随时利用一些比较普通的看图软件来查阅它了。
|