第二章 网站计划

通过第二部分的简练介绍,你一定已经对Dreamweaver2.0有了初步的了解,再经过这两天的使用,是不是越来越发觉它的可爱了?所以在这儿我想用一个章节的篇幅来介绍Dreamweaver2.0的网站计划功能,因为不论你用Dreamweaver2.0制作个人主页还是大型商业站点,内致的网站管理都能够帮助你达到事半功倍的效果。   

其实早在Dreamweaver的1.0版本中已经具有了Site功能,但当时此功能还非常简单,类似于一个普通的FTP软件。相比之下FrontPage98的同类功能就显得出色得多,其中以树状结构显示整个网站的功能十分有新意。但这些在经过全面更新后的Dreamweaver2.0的Site功能面前都显得黯然失色。   

经过彻底更新的Dreamweaver2.0的Site功能不仅包括了树状结构显示、连接检查、直接FTP上传等普通的功能,而且更加神奇的是允许用户在Site中直接对网页的部分标签进行修改,检查单个页面对各种版本浏览器的支持情况等等,下面我就细细讲来(建立Site的方法是选择“File 〉 Open Site 〉 Define Site”命令,具体的设置十分简单,在这儿就不细说了):

在Site中直接更改HTML文件的名称(即更改〈title〉标签中的内容) 在定义好了一个Site后,打开Site所见到的是一个类似于windows的资源管理器的界面,选中该网站的首页文件,单击右键,选择“Set as Home Page”,将之定义为网站的首页。然后就可以将网站的显示方式改为树状结构了(Shift+F5)。选择“View 〉 Show Page Tilte”,ok网站中所有网页的名字一目了然了,这样在选中网页文件后按“F2”就可以方便的更改名字了。这么一来我想以后在新的窗口的中打开分帧就不会再是Utitled Page了。

在Site中直接锚定网页的连接 用过Dreamweaver1.0的朋友一定会发现在2.0版中属性面板(Properties)的连接框旁多了一个象瞄准器的东东,同样在Site里也多了这一号。一直搞不懂它是做什么用的,直到后来细细地看了Dreamweaver2.0的HELP才晓得,这个锚定按钮能够迅速选定连接,使用方法是在网页编辑的状态下将这个瞄准器直接拖到Site中所要连接的文件上即可。这个方法同样适用于树状结构显示的Site Map。你可以在Sitemap中更改连接对应的文件,Dreamweaver2.0会自动改变相关的HTML语句,甚至是javascript!!

检查网页在不同版本浏览器下的适用情况 如果你用Dreamweaver2.0制作大型或者大访问量的网站,那么这个功能绝对会给你带来福音,减少繁重的工作量。由于各种版本的浏览器支持不同版本的HTML语言,所以要让自己做的网页能够在决大多数浏览器中顺利显示,就不得不舍弃一些HTML的新属性。可毕竟HTML不是由你我来规定的,没有经过系统的学习又怎么能够晓得那些标签不能被低版本浏览器识别呢?这时“Check Target Browser”功能就帮了大忙。这个功能可以自动检测该网页在六中不同版本的浏览器(IE2.0-4.0、NS2.0-4.0)中的支持情况。而且会自动生成一个报告检查详细结果的HTML文件,并且调用默认浏览器浏览。在这儿我强烈建议你去看看有报错的检查报告,因为它实在太详细了,不仅告诉用户每个错误在文件中的详细位置,而且表明的错误的原因!!最绝的是这个检查功能支持对javascrit和DHTML的检查。从此就不会出现由FrontPage作出的网页在Netscape下浏览一团糟的情况了。

将Site Map导出为BMP图象(File 〉 Save Sit Map As) 这是一个十分有趣的功能。一般来浏览国外大公司网页时,我们都能够看到网站地图(SiteMap)这个选项(上海热线的首页好象就有),访客可以在SiteMap中快速找到自己要浏览的页面。而Dreamweaver2.0的这一导出功能为网站地图的制作大开方便之门,我建议将整个导出的Sitmap作为一个Tracing Image(啊!Tracing Image是什么?别急别急,我会在第六章中具体介绍这个十分有用的功能),以这个Tracing Image为蓝本就能方便地做出Sitemap了。   我觉得在Site中最值得一说的就上面这四点,如果你觉得有所遗漏或有疑问,请发MAIL给我arky@263.net。

下面有说的是和“网站计划”有那么一点点瓜葛的另外两个功能——膜板(Templates)和库(Library)。这两个功能都是在网站计划中调用的,不同的Site中使用不同的膜板和库。   

按“Ctrl+F11”和“F5”分别打开这两个面板,或许是空空如也,不过没关系,膜板和库都能新建。先说膜板功能,如果在一个网站中有两个以上的页面布局类似(这个可能性非常非常大),就有必要使用膜板功能了。当第一个页面完成后,只要将其保存为膜板(File 〉 Save as Template),以后就可以在整个建站过程中反复调用了。新用户或许会奇怪为何将膜板应用到新网页中,新网页就不能编辑了。这是因为所建的膜板没有设定可编辑区域,打开已经建好膜板,选定要设为可编辑的区域,选择“Modify 〉 Template 〉 Make Selection as Editable”即将选定区转换为可编辑区。以后再应用此膜板到新的页面上时,就可以对刚才的选定区进行编辑,但其他部分依旧处于锁定状态。   

库和膜板的功能想类似,区别在于库只是整个网页的一部分代码,所以可以在一个页面中使用多个库或者多次使用一个库。同样应用于网页的库也是不可编辑的。但这儿有个小诀窍,按“F10”进入文本编辑状态,查找(Ctrl+F)“〈!-- #BeginLibraryItem”字符串,会找到〈!-- #BeginLibraryItem /Library/xxx.lbi --〉标签。在此标签下应该对应还有一个〈!-- #EndLibraryItem --〉。这一组标签说明其中的内容是从库中调用,不可编辑。所以将这一组标签删去,保留中间的HTML语言,再返回所见即所得的编辑状态,原本不可编辑的库成了普通的网页元素了,你再在此基础上进行编辑。