一、背景
或许你没听说过Nvu,但你肯定听说过Firefox浏览器,可能听说过Thunderbird电子邮件客户端。和它们一样,Nvu也是Mozilla家族的产品。更准确地说,是从原来的多功能的Mozilla软件中,分立出了这三兄弟。
- 支持所见即所得(WYSIWYG),在我们在制作网页时,更加的直观化,编辑网页就如同打字一样容易。
- 内建一个FTP Client,让我们可以很轻易的把编辑好的文件发布到服务器上。登录FTP Server后,还支持在线实时更改页面。
- 可靠的HTML原始码,让由Nvu所创建出来的网页,可以在当前多数的浏览器上正常运作。制作网页时,可以使用所见即所得模式或HTML原始码编辑模式。
- Tab功能:可以让我们很迅速的在多个页签间切换,并且编辑这些网页。
- 支持表单、表格、layer以及网页模版。
关于下载的建议:
①为了保证最新版,可到 官方下载页,或确认版本后在国内下载站(如华军)下载。②下载时注意选择 windows版,体积约7.6MB。③官方为英文版, http://moztw.org/nvu/ 提供了繁体中文版,简体中文版可参见 此贴,或上面的链接。④我推荐用这个英文的便携版 http://portableapps.com/apps/development/nvu_portable ,下载后无须安装,解压即可。
关于设置的建议:
①安装后,建议设新网页默认编码为UTF-8或GB2312(Tools→Preference→New Page Settings→Internalization→Character Set)。②并且在 每次新建文档后,还要设一下当前的编码(View→Character Encoding)。
前者影响html的编码声明,后者影响实际编码。前者设置一次后即可默认,而后者不能设为默认值,必须每次重新设一次,有些不便。
Nvu的界面如下(点击看大图)所示:
菜单、基本工具栏、按钮与常见软件基本相同,稍做熟悉即可上手。它不仅有通常编辑器的常规、源码、预览视图,还有一个特别的tag视图,在处理一些 html标签或查看源文件时,非常方便。
我制作了一个flash动画,演示了Nvu的基本操作,以及上述设置。你可以到 http://xbeta.ys168.com wink录制的教程目录下载Nvu-show.zip。解压后,双击htm即可观看。(关于录屏,参见 善用wink,制作声画并茂的falsh教程)
在使用过程中,感觉到Nvu的不足有:url不能自动转链接;View菜单下的文件编码不能默认;插入图片默认要输入alt text(感谢Maxwell补充,才知道这是html的规范做法)。
如果想看更多介绍和教程,可见 这篇文章。另,隆重推荐一篇Nvu的正式教程。所谓正式,并非指Nvu官方,而是指成为由台湾某小学制作并作为教材(台湾的免费软件普及比大陆好很多),下载: www.ylm.edu.hk/com/P6_Nvu.pdf(此文件用OOo制作,赞)。另,再补充一些视频教学,也是来自台湾:网上搜到这个 〈Nvu 网页制作软体教学录影〉,很不错吧?站內也有链接到「天上的云彩」(朝阳科技大学资讯管理系)的作者写的 NVU 使用手冊。
从笔者自己的经验来看,尽管编辑网页的机会不多,但作为一个有点求完美的软件用户,还是确定了自己的方案:如果是 写一个比较简单的html,或修改html,当然 用gVIM。而如果要格式化的内容多一些,则我选Nvu。因此,我也非常愿意向向个人用户推荐用免费开源的Nvu代替收费的Frontpage和Dreamweaver。