现在做主页的朋友一般都使用FrontPage，水平高一点的用Dreamweaver编辑DHTML，水平再高一点的则使用Visual InterDev，它们的一个普遍好处就是“所见即所得”，而大家往往不知道的另一个并非以所见即所得为长处的HTML编辑器HomeSite同样也有不同寻常的强大功能，呵呵，其实我也不知道，直到……

早就下载过HomeSite4.0，但是因为当时正沉醉于Dreamweaver，所以只是匆匆看了一眼，虽然觉得还不错，但是并没有细看，前些日又把一些以前的东西翻了出来，看到HomeSite，忽然眼前一亮，原来还有这么好的东东！但是你决不要指望它比FrontPage强，它并不是十全十美，不过肯定会符合某些人的口味，并且在一些地方FrontPage等编辑器实现不了的功能，你可以试着求助于HomeSite，也许会有意想不到的效果。

第一次看到HomeSite的界面时你一定会晕倒^_^，这是啥呀？？无数的按钮、无数的标签，还有无数的E文，乖乖了不得！实际上HomeSite的界面是非常高效的，它几乎用上了屏幕的每一个空隙，总的说来可以分为几大部分。

1. 是Homesite的菜单位置，其中包含了HomeSite的几乎所有命令。

2. 不用说一定是工具条了，“新建”、“打开”等功能不必说了，另外HomeSite的工具条上还有一些其他的功能，比如对文档合法性的检查啦，检查文档链接是否有效、全屏显示、检查拼写、整理HTML文档等等功能，HomeSite还设置了强力搜索和替换功能，不同于一般的搜索替换功能的是它可以在多个文件和某个目录下的所有文件进行处理，也就是说你可以给网站内的文件都换一个背景或使用一些统一的标记，HomeSite工具条上的每一项都有实实在在的功能，决不是做摆设之用。

3. 这是网页上标记的快捷输入法，点一下该按钮就会在下面的代码区域里出现该标记，这里包含了大部分的HTML标记，还包括CFML和ASP的一些常用表示法，对于比较复杂的标记输入HomeSite提供了向导帮助用户完成，如对Table和Frame的编辑。

4. HomeSite的网页编辑区域就是这里了，和FrontPage一样它也可以在代码、预览、和所见即所得的状态下进行切换，但是，更加确切的说，HomeSite的所见即所得功能很弱，遇到含有Frame和表格复杂的情况下它就不会显示，而且从使用中看来，它的C中的各种标记输入也显然不是为所见即所得的编辑方式服务的，更多的则是使用代码的编辑方式，也是它最拿手的编辑方式，它的代码格式清晰明了，并且你在进行手工输入的时候也会象VB等编程环境一样对你要输入的标记进行提示。HomeSite使用了IE的控件，所以可以在编辑环境中对页面进行直接预览，另外可以点击编辑窗口下面的标签在已经打开的文件中进行切换。

5. 是编辑窗口的工具栏，主要功能是对代码编辑的格式进行调整，你可以选择一种更有利于你观看的方式编辑代码，如允许代码折行、显示代码行号、缩排等等。

6. 这是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分开处理，大大方便了用户，并且可以插入该标记支持的脚本事件。

7. 在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有不错的配合，不信你可以试试，它们都是我非常喜欢的网页编辑器。

好到此为止，HomeSite我已经介绍完了，但说的都是它的好处，不好的地方呢？也有很多，首先就是所见即所得的功能太弱了，毕竟平时要编辑网页的时候，没有多少人愿意在自己键入代码，二就是站点的管理能力还要增强，到目前为止我还是认为FrontPage98的网站管理功能是最强大的，甚至FrontPage2000都有所不及，第三点不足，也是最大的问题，就是HomeSite对双字节的支持实在太差劲了，它不识别中文，所以把它们全变成了乱码，并且在对网页进行检查的时候这些都成了“错误”，对于这一点我不得不表示最大的遗憾。世界上本来就没有十全十美的东西，所以如果你要想把网页做好的话就得精通多种网页编辑器，它们互有长短，这也很容易理解吧，不过最重要的还是打好基础，从原代码上去理解HTML、CSS、Javascript等等。好，大家如果感兴趣的话还是到飞翔鸟软体驿站（http://joysoft.soim.net）去下载HomeSite4的试用版本，你可以免费使用30天，如果觉得好就可以……