动态网页制作dreamweaver的应用(2)

2，使用dreamweaver3.0建立、发布网站

     我们欣喜地看到，相对于Dreamweaver2.0版本而言，Dreamweaver3.0已大大增强了网站建设功能。网站的编辑和管理不再集合到其它栏目下，而是作为一个单独的栏目列出。我们以网站“追梦”为例讲解一下使用dreamweaver3.0建立网站的过程。

一，新建网站：

     首先把制作好的网页存放在一个文件夹下，选择Dreamweaver3.0的Site下面的New Site或按下F5键，便弹出以下网站定义窗口：

     如上图所示，在Site Name框中填入你的网站名字，在Local Root对话框中填入你所存放网页的文件夹路径，可按右侧的 图标进行路径选择。从图中可以看出“追梦”的网页是存放在我计算机上I盘上的dream的目录下的。然后按下OK键，网站就建立起来了。

     这时我们可以看到网站编辑窗口被分割成两部分，在右边是本地文件夹中的网页，在左边的一大块窗口却是空白。为什么呢？因为左边窗口的默认设置是显示网上服务器的目录，由于现在我们的计算机还没有连接到网上，所以出现空白。你可别先急着上网，我们现在把自己的计算机上把网站完善了再说。点击左上角的Site Map图标 ，便显示出在自己计算机上的网站的网站地图。

     我们这时可以看到网站“追梦”清晰的树形结构，这个结构有点象某个单位的机构设置图。从某种意义上说，网站就是一个以链接的方式聚合网页和数据库的结合体，建网站的工作就是把网页和数据库按层次有机地组合起来。图中处于显示最上层的是导航页index.html，是进入“追梦”网站的首页，下一层是各个栏目的首页。点击网页左侧的符号“+”，可以看到更下一层的目录。必须说明的是：在网站地图中显示的是链接层次。在右边窗口显示的是本地网站的目录层次。在制作网站的过程中，网站的目录层次、网站的链接层次请不要超过5层。目录层次越多，网站维护就越麻烦。链接层次越多，浏览者就越容易迷失在网站迷宫般的结构中。此时在网站地图中显示的是htm文件名称，你要是希望想按网页标题显示的话，那么选择View菜单下的Page Titles就把htm文件转换为网页的标题，然后利用导航地图的输出功能马上就能输出bmp格式的导航地图了，如果把图形格式转换为jpg或gif再加上相关链接就可制作网站导航页以方便浏览者的浏览。以网站“追梦”为例，选择file菜单下的save site map...，得到了以下的直观的网站导航图：

    方便是方便，可惜字体很模糊，希望Dreamweaver今后的版本对这个问题进行改进。

二、编辑网站

    在网站编辑窗口中双击任何一个标志为 的网页都能返回网页编辑窗口对网页进行加工改造。在右边的目录结构窗口中的相应位置点击鼠标右键弹出以下网站编辑菜单：

new file：在当前点击位置新建一个htm文件 new folder：在当前点击位置新建一个文件夹 open：打开所选择的文件，htm文件打开方式是开启网页编辑窗口对网页进行编辑 open with：选择其它的打开方式，如果你想使用frontpage对htm文件进行编辑的话，指明frontpage程序的路径。这个功能对喜欢同时使用两种网页编辑器的网页制作人员很有用。 Preview in Browse：在浏览器里预览网页。 check links：检查链接状况。有两个选择，一个选择是只检查所选择的htm文件的链接状况，另一个选择是检查整个网站的链接状况。 check Target Browsers：观看在其它浏览器的网页浏览效果。 Synchronize：与网上服务器的网页同步。 cut：剪切所选择的文件或文件夹。 copy：拷贝所选择的文件或文件夹。 paste：粘贴所选择的文件或文件夹。 delete：删除所选择的文件或文件夹。

    我们可以看出dreamweaver3.0的直观性，要编辑修改网站的结构只需在相应的位置单击鼠标右键即可。增加新的网页以后只需双击网页图标就可开启网页编辑窗口编辑，简明，快捷。check links的功能可以有效防止链接错误的出现。我检查了“追梦”网站下的ami文件夹中的网页链接情况，得到了以下结果：

    如图所示，可以看出在ami文件夹中有96个死链（broken link）情况的发生。link checker功能把这些发生连接错误的网页列出，我用鼠标双击框中列出发生死链的网页，一个dreamweaver网页编辑窗口弹出。在弹出的编辑窗口中，发生死链的位置已经被自动标识出来，让我的修改的工作更简单快捷，很爽！dreamweaver链接检查功能不仅能检查死链，而且还能检查外部链接（external link），既连接到网络上其它网站的链接。选择左上角show右边的复选框中的external link就可实现对外部链接的检查。在链接检查复选框中的另一个功能是检查孤立文件（orphaned files），这个功能只会检查整个网站中的孤立文件，不检查单一文件夹中的孤立文件。使用这个功能我们可以找出网站中没有被链接到文件，一般这种文件都是没有用的文件，放在网上服务器中会浪费存放空间，所以这个功能便于删除网站中无用的垃圾文件（需要注意的是处于网站结构顶部的首页也被当作孤立文件被列出，不要被误删除）。在网站规模增大，更新速度加快的时候，网站中的垃圾文件数目通常也随着增多，所以应经常检查无用的孤立文件是否存在，以防止网站臃肿，网页存放空间被浪费的情况发生。

三，上传网站：

  你购买或申请到服务器空间以后，便得到一个远端服务器上的ftp帐号和ftp登陆信息，请记下帐号和登陆信息。

    我们在dreamweaver中的网站编辑窗口中选择site菜单下的define site，对要上传的网站设置。在弹出的窗口中选择category下的web server info（网络服务器信息），在server Access右侧的复选框中选择服务器访问类型，由于是设置在internet上的远端服务器，那么服务器类型应选择ftp。在ftp host框中输入远端的ftp服务器主机登陆网址。在host driectory选择文件要上传到的文件夹名称，如下图所示，文件将上传到远端服务器上的~seekfor文件夹中。在login框中输入你的ftp帐号，然后在password框中输入相应的帐号密码，勾选save保存密码设置。按下“OK”键设置完成。

    现在我们来看网站编辑窗口左上部的图标，如下图所示：

    我们现在就上网，把劳动成果上传到网络展现出来。上网后用鼠标点击Connect按钮连接到刚才设置的远程计算机，点击Windows下面的Site Ftp Log弹出Ftp连接状况的显示窗口。这是和Cuteftp一样状态显示。Dreamweaver与Cuteftp不同的是：在Cuteftp环境下，左边窗口显示本地网站，右边窗口显示远端网站，而在Dreamweaver环境下恰恰相反，右边窗口显示的是本地网站，左边窗口显示的才是远端网站。你可能要问怎么不见远端网站的目录出现？别着急啊，点击最左边的图形按钮，远端网站目录就现出了。在上图中Refresh按钮是刷新远端服务器的目录。在远端服务器选择文件或文件夹后，我们可以按下get按钮把文件或文件夹下载到在本地计算机上，由于大多数网页上关联到包括页面图形等其它文件，所以弹出以下对话框一个对话问你是否下载关联文件（Include Dependent Files? ），如果要完整保留网页文件就需点击“Yes”确定。put按钮功能相当于Cutftp的Upload按钮，我们在右边窗口中选择本地计算机上的文件然后点击Put按钮即可上传。如果没有选择文件直接点击Put按钮，就会出现对话框问你是否上传整个网站（Are you sure to wish you put the entire site?）。笔者并不提倡使用put功能更新网站，我更倾向使用菜单site下的synchronize功能去使远端网站与本地网站同步化，以下是选择了这个功能后出现的对话框：

在synchronize复选框中选择是同步整个网站（Entire 'seekfor' Site）还是同步所选择的文件（Selected Remotes Files Only）；在direction复选框中有三个选项：1，把新文件放到远端服务器（put newer files to remote）2，从远端服务器下载新文件（get newer fils from remote），这个功能的意思是如果远端网站上存在着本地网站没有的文件，使这个功能就能把远端服务器上的文件下载到本地计算机。3，上传下载新文件（get and put newer files），采用这个功能能使远端网站和本地网站完全一致。选择好之后按下OK键，synchronize功能开始比较远端网站与本地网站的差异，找出本地网站上更新了的和新增的文件，如下图所示：

    在对话框中已经找出36个需要新增和更动的文件，如果有的文件你不想上传只需把前面小方框中的勾去掉。确认是需要更新这些文件后按下OK键确认，文件开始上传。这时你可以看到在窗口右下脚图标，这个图标表示在上传过程中，dreamweavear的其它功能被禁用。如果需要停止上传，点击这个图标即可。我希望各位在上传之前打开window下的site ftp log窗口，这样你就能看到上传过程中的信息，有助于监控、保证上传任务的完成。

   好，我们坐下来喝杯咖啡等待上传结束，网站马上就要建立起来了，我想你的心情一定很激动吧：）

   以上介绍的是dreamweaver3.0的网站建立和编辑的常用功能。dreamweaver3.0的网站功能很强大，功能还有很多，我现在就不在这里罗嗦了，你有兴趣的话可以试试。