#12001/3/21 0:45:10
F)这是HomeSite的资源栏,也是非常重要的部分,通过位于下方的标签可以在不同
的资源中间切换,从左至右依次是,1、Local Files,它相当于资源管理器,可以
浏览本地系统中的文件,双击网页则在编辑窗口中打开;2、Remote Files,
HomeSite也有FTP功能,可以直接利用它进行网页的发布,用法和一般的FTP软件大
同小异;3、Project,HomeSite也可以以站点为单位对网页进行管理,但是我认为,
站点管理功能最强的还是FrontPage98,就连FrontPage2000也要略逊一筹,要使用
HomeSite对站点进行管理就要新建一个“项目(Project)”,点击 F部分右上角的
魔术棒就可以使用项目创建向导顺利建立你在HomeSite中的网站,而且最好在编辑
时创建一个网站,否则文件的链接将采用本地的绝对链接而非相当链接;4、是
HomeSite的站点示意图,它可以显示当前编辑文件和其他文件的链接从属状况,
这个功能在FrontPage中也有;5、Snippets,指的是片断,我们在编辑网页中常常
要重复向一个网页中填写许多共同的东西,在HomeSite你可以把这些要插入的东西
编辑到一个片断中,就可以随时向文档中插入,具体方法是先在F窗口内空白处单击
右键,选择“Create Folder”新建一个文件夹,然后在新建的文件夹上再单击右键
选择“Add Snippet”即可;6、Help,是HomeSite的帮助向导,其中不仅有
HomeSite的使用方法还有HTML的百科全书,以及建站指南等等,可惜的是都是E文的,
要不如也不用我在这里罗嗦了;7、Tag Inspector,可以对编辑区域内的HTML标记
进行分析,在上半部分窗口中显示该标记,以及该标记中包含的子标记,并且使用
了类似VB控件属性栏的东西,可以对标记的参数进行编辑并对参数的类型进行分类
处理,如把各个属性按IE、NC、HTML3.2和HTML4.0分开处理,大大方便了用户,
并且可以插入该标记支持的脚本事件。
在HTML中有一些特殊的字符无法用普通方法输入,在HomeSite提供了插入这些特殊
字符的快捷方式。
以上我简要介绍了 HomeSite4的基本功能,由于版面问题我只能有重点的对其特殊
功能进行介绍,普通的功能还是求助于FrontPage为妙。
建立新文件
要在HomeSite中建立新文件,从菜单中选择“ File>New”,HomeSite提供了多种
模板帮助你建立各种网页文档,对于其中列有“XX Wizard”的页面会有一个模板
向导指引你完成整个页面。打开“DHTML”标签是HomeSite为用户提供的现成的动
态超文本页面,其中我介绍一下比较有特色的“Outline”页面,它用来建立包含
子项的菜单,可以动态隐藏或显示子菜单,并建立多层Ouline菜单。双击“Outline
Wizard”项在弹出的第一个窗口中先设定可扩展项和子菜单的项的颜色,并选择是
否使用“只有一层的子菜单”或是“可以显示多层子菜单”,我们选择比较复杂的
第二项,点击“Next”按钮;第二步,制定Outline的形式,不同级别的菜单层使用
“Tab”键跳转到下一个输出位置即可,如一级菜单则按一次“Tab”,二级菜单则按
两次“Tab”,填写完后点击“Finish”按钮即完成了Outline菜单的制作,你可以在
预览窗口中看一下具体的效果。“Custom”标签是为用户制定的,你可以自制模板,
把自己认为有价值的网页或经常用到的格式储存在这里,以便及时调用,其实它们就
是普通的网页,不过是被存成模板的形式罢了,要储存模板请在菜单中选择“File>
Save as template”项。
编辑文档的技巧
在进行网页编辑时,为了保持比较高的效率,请把资源窗口的标签设置为“Tag
inspector”项,这样比较容易对标记的属性进行编辑,它将跟踪编辑窗口中光标的位置
为你显示出当前标记所在的位置和嵌套的格式。要编辑比较复杂的网页,尤其是要调试
脚本时,显示当前的行号是非常有用的,否则如果浏览器报错在第一百多行,要自己数
起来可是太费劲了,要显示行号请点击编辑窗口工具栏的“#”图标,另外还可以对于有
特殊意义的地方加上书签,以便窗口滚动后还能迅速找到要查找的行,添加书签的方法很
简单,只要在编辑窗口显示行号的灰色色带上单击鼠标则会出现紫色的标有“A…”等字
符的书签,要取消该书签再点击一次即可,这样要查找书签的时候可以从菜单中选择
“ Edit>Goto Next Bookmark”。HomeSite也有和Hotdog的软件同样的效果,即即时观看
文档的效果,单击编辑工具条上的放大镜按钮即可。
在编辑网页过程中应该尽量避免直接键入标记,这样容易产生输入错误,而比较好的方法
是使用HomeSite提供的标记按钮,它包含的大部分常用的HTML及其他一些网页用语的标记,
如果还嫌不够有两个办法解决,一是可以请出一位更权威的标记输入伴侣,方法是从菜单
中选择“Tools>Tag Chooser”(图homesite05.gif),它包含了全部的HTML4.0标记还有
许许多多其他的标记。二是如果网页需要你还要向网页中添加一些自定义的标记,请在资
源窗口处打开“Tag Inspector”标签,你会看到一个黄色的齿轮图标,单击它,在弹出的
窗口中你就可以添加自己需要的标记,包括名称,表达法,所带参数等等。(图homesite10.gif)
要对网页进行修改,特别是统一的大范围修改,我建议你最好使用我前面讲到的“强力搜
索”和“强力替换”,它们不仅仅对正在编辑的文件有效,而且可以同时对多个未打开的外
部文件进行查找和替换。这对于一次要对很多个页面进行同样操作的修改尤为重要,比如你
要做镜相站点,而对本地下载的软件不需要再做镜相而直接指向绝对链接即可,那么你就可
以使用“强力替换”,它可以免去你很多的麻烦,再比如你要寻找一篇文章,但是不知道它
的文件名,可以使用“强力搜索”对整个路径下的文件进行全面的搜索。
最后在编辑网页的时候要注意使用鼠标右键的快捷菜单功能,其中有很多实用的设置,如把
选定的部分变成表格或列表,把选定内容的标记拨皮等等。
网页的后期制作――检查和排错及其他
HomeSite的另一个重要功能就是对网页文档的检查,它会报告你网页中所有的错误和无效或有
潜在错误的地方,并且可以设置在对网页进行检查时遵循的规则,这些设置你可以从菜单中选择
“Options=>Setting”打开HomeSite的功能设置窗口的“Validation”标签,这里有很多种语言
标准供你选择。设置完检查的标准后你就可以从菜单中选择“Tools>Validate Document”对网
页进行检查了,这时会在编辑窗口下面出现一个报错的窗口,如果出现错误就会在这里显示,
双击错误的文字,编辑窗口就会自动跳转到错误出现的行。HomeSite还有拼写检查的功能,不过
对于中文用户的作用不是很有用罢了。(图homesite07.gif)
HomeSite还有一个工具可以对网页的内容进行格式化和修正,称为Code Sweeper,先从菜单中选
择“Options>CodeSweeper Settings”,设置要格式化的选项,你甚至可以细化到各个标记的修改,
包括代码书写的格式、缩进、去除多余空格等等,并且可以添加多个代码整理规则。要开始对代码
的整理,按工具栏上的扫把图标就可以按照当前的规则对网页代码进行整理。
制作网页一个很重要的地方就是要保证网页的体积,国内的大多数用户都使用的是窄带宽的拨号上网,
所以网页的显示速度就很重要,HomeSite和其他一些软件一样也可以模拟网速对网页的下载速度进行计
算,从菜单中选择“Tools>Document Weight”,HomeSite就会以14.4、28.8、56KBPS等速率估算网页
下载的速度,记住如果一个网页要10秒或者更长的时间才能显示那就可能引起别人的反感。
CSS速成
HomeSite4还附带了一个小工具“Style Edit”,它是用来设计样式单CSS的,使用也很简单,从它列出
的属性中选择就可以,然后还可以在左下脚的窗口中观察效果或在右下脚的窗口中直接观察原代码。
实际上,这个工具最强大的地方是它可以帮助你把样式单文件.CSS文件链接到HTML文件上,和强力替换
类似,在链接外挂样式单时,它可以同时向多个文件同时完成。样式单有非常重要的意义,为什么这么
说呢?它实质就是你整个网页风格的确定,如果有了外挂样式单,只要你修改一个CSS文件,那么和它链
接的网页中定义的格式都会改变,比如说你想给所有的表格都换一个底色或是改变段落的字体,但是如
果当初你并没有考虑到这点,等到网站的页面有超过100个或者更多的时候,要更改一次风格的工作量是
非常大的,这样这个功能就太酷了,还是赶快试试吧!
良好的集成度
HomeSite是一个在形式上很自由的软件,从上面的介绍也许你已经看到,很多的设置你都可以按照自己
喜欢的模式设置,再举个例子吧,还记得标记输入的工具条吗?如果你嫌它不够怎么办?当然有办法,
自己加呀!从菜单中选择“Options>Customize” ,你就可以对工具栏的部件进行编辑,这里你可以任
意添加或删除工具栏,添加新的按钮,包括基本的语法和图标,除去设置这些外还可自定义HomeSite中
的热键,是不是非常方便?HomeSite还和Dreamweaver有不错的配合,不信你可以试试,它们都是我非
常喜欢的网页编辑器。