网页制作六六顺|第二讲:工欲善其事,必先利其器

网页制作工具

欢迎回到“网页制作六六顺”。上一回我们建立了网页制作的一些基础概念,现在可以试着开始网页制作了。

制作网页首先得有适当的工具吧!所以下面根据我本人和许多网友的经验,向您介绍若干种网页制作工具。这些软件大部分在金蜘蛛软件下载中心(http://www.download.com.cn)都能够找到,少量软件和某些组件可在其他相关地方查找。如果您实在找不到,或者您上网太不方便,您也可以跟我联系哦。

一、网页编辑工具

网页编辑工具主要是HTML编辑器,因为HTML虽然不是一种编程语言,但作为一种功能强大的描述语言,必要的开发工具还是不可或缺的。

HTML文档是一种纯文本文件,因此原则上HTML编辑器可以由任何文本编辑器充当。不过,由于WWW的迅猛发展,专用的HTML编辑工具大量拥现,目前比较成功的软件不下数十种。

专用HTML编辑工具分为所见所得(WYSIWYG)软件和非所见所得软件两类。所见所得编辑器可立即看见HTML文档在浏览器中的效果,比较适当初学者使用,但由于HTML语言的特点,所见所得编辑器具有非常明显的缺点,因此目前大部分所见所得编辑器也带有对HTML源文件进行编辑的功能。非所见所得编辑器对HTML源文件进行直接编辑,对于比较熟悉HTML的使用者来说比较方便,特别是这种软件通常具有非常方便的HTML查询方法和工具栏,因而已经成为HTML编辑器的发展超势。

专用HTML编辑工具的功能越来越强。目前较好的软件通常也能够编辑对JavaScript、CSS进行编辑和处理。另一方面,它们已成为完整的站点设计工具,不仅具有从本地文件出版(Publish)到Web服务器的功能,而且能够对整个Web站点的结构、风格、链接进行全面设计,而不只是编辑单个的HTML文档。

1. UltraEdit

本质上讲,HTML文档可以用任何文本编辑器进行编辑。DOS的Edit、Unix的vi和Windows的Notepad都可以胜任。

我推荐您使用UltraEdit。这是Ian D. Mead研制的一种Shareware,具有16位版本和32位版本,目前的最新版本是6.0。

UltraEdit是一种功能十分强大的文本编辑工具,除不支持字符格式和图文混这类排版功能外,其文本处理功能完全可与著名的Microsoft Word媲美。它可任意打开多个超过64K的文件,可以编辑ASCII文本和十六进制的文本,可以识别DOS/Windows、Unix和MAC等多种文本格式。

对HTML来说,UltraEdit最有意义的地方在于它能够识别HTML标记,并象专业开发环境那样用不同颜色表示(用户还可以扩展它的这种能力)。另外,它能够编辑远程文件。

UltraEdit虽然是英文软件,但可以完全没有影响地进行中文文件的编辑。同时,已有国人将它进行汉化。

2. Netscape Composer

Netscape Composer是Netscape公司随其著名浏览器一起提供的HTML编辑器。它是一种所得所得的HTML写作工具。

对于HTML的熟手和新手来说,Netscape Composer都是一种简便但功能强大的网页编辑和出版工具。它可以创建动态在线HTML文档,并将其出版到本地的文件系统或远程服务器上。

3. Microsoft FrontPage

FrontPage是Microsoft公司的Internet系列产品之一,由于该公司的宣传,FrontPage目前也许是国内使用得最多的HTML编辑工具之一。

FrontPage不只是一个HTML编辑器,它是制作Web网页的集成化工具。它由FrontPage Explorer和FrontPage Editor两个主要部分组成。

FrontPage Explorer用文件夹和图形方式显示各Web网页之间的层次关系和逻辑关系,是Web制作和管理的工具。除Windows风格的菜单和工具按钮外,FrontPage Explorer的显示主要分为Hyperlink View和Folder View两种方式。Hyperlink View用图标和连线方式构成一个Web网页逻辑图,每个网页用一个图标表示,并用带箭头的连线表示超链接关系。Web网页的逻辑关系及链接不仅可以查看,而且可以修改。Folder View显示Web文件的层次结构,非常象Windows 95的资源管理器。二者配合在一起,可以对Web网页进行有效的规划、设计和管理。

FrontPage Editor是FrontPage进行Web网页编辑的主要场地,也是一个WYSIWYG的编辑环境,但也能够直接对HTML源文档进行编辑。除HTML常规功能外,FrontPage Editor还提供IDC数据库接口,支持ODBC数据库的SQL查询。它的WebBot组件,可插入交互式网页内容,甚至可替代一些简单的CGI常规编程。

Microsoft FrontPage也有一些明显的缺点。由于使用了微软专有技术,用它生成的网页具有浏览器相关性,用Netscape浏览器经常看不到应有效果。它本身并不是很大,但耗费资源相当多。它编辑网页受限于其服务器范围,对于非服务器目录的本地其他文档操作和出版较为不便。另外,网页中包括动画(如GIF动画)时,它不能显示其动画效果。

4. HotDog Professional

HotDog是出现较早的HTML编辑工具之一,由Sausage公司开发。它是非所见所得,但非常便于进行预览。它提供了非常强大的功能,便于快速创建Web网页。最新的5.5版提供一套完整的Webmaster Suite,它针对专业网站管理员,提供最全面的网站开发工具组合,几乎涵盖了网站制作和管理所需的所有工具。

HotDog的网页生成器将各组件组合到一起,生成Web网页。HotDog支持Netscape和微软的技术,通过项目(Project)方式管理文档的编辑和制作,非常专业和方便。

HotDog最大的缺点是界面过于复杂和繁琐,不过它的界面完全可以定制。另外,在编辑和浏览时显示速度较慢,而且有时调入中文档时中文显示不正确。

5. NetObject Fusion

NetObjects Fusion是一种Web站点制作程序,它集站点生成、数据库出版和专业质量设计特点于一体,其面向站点的可视化的风格简化了操作、提高了效率。

用NetObjects Fusion来设计和创建Web站点无需HTML知识,它会将所见所得界面中的内容自动转换为HTML代码。还可以用其他工具进行设计,然后导入到它的编辑环境中。

NetObjects Fusion按五种视图来组织网页的设计、创建和管理:站点视图(Site view)用来创建站点总体结构,网页视图(Page view)用于往Web网页中添加内容,风格视图(Style view)可选择整个站点网页的风格,资源视图(Assets view)用来管理文件、链接、数据对象和变量,出版视图(Publish view)可将整个站点正式出版到远程服务器上。这五种视图实际上代表了Web网页制作的步骤。同时,为了满足实际工作中经常跳转的需要,NetObjects Fusion也提供了多种导航手段,可使用控制条、菜单命令和键盘快捷键在网页之间、视图之间进行跳转。其中,最方便的是右上角的三个圆形钮扣状按钮,在网页视图中左下角还有四个箭头按钮可在不同网页间方便地跳转。

NetObjects Fusion最方便和最有趣的地方在于,它提供了为数众多的风格样式,可保证同一站点的网页风格保持一致,并具有专业水准。同时,只要定义各网页的逻辑关系,不需指定就能自动保证其间的超链接关系。不过,这类作法对新用户来说需要熟悉才能明白,有时难免让人摸不着头脑。

6. HomeSite

HomeSite是最好的HTML编辑工具之一,它功能强大,使用简单。它的站点管理和设计功能虽然不及NetObjects Fusion,但它的大小也比后者小得多,而且使用方便性上也要强。

HomeSite极其方便的鼠标右键功能菜单会令您爱不释手,强大的多文件查找替换功能使您可以在整个目录下替换所有文件中指定的一段文字。

HomeSite内置HTML 3.0兼容浏览器,也可以指定Netscape或IE为内置浏览器。

用户定制工具按钮、标尺、缩进以及多文档界面、简单易用的样式表编辑器、JavaScript向导、项目管理、语法检查、所见即所得编辑模式和直接上传到服务器等众多特色,使HomeSite成为您的明智之选。

HomeSite荣获98年度十大最佳软件之一。

7. Macromedia Dreamweaver

这是一个可视化的网页设计和网站管理工具,支持最新的Web技术,包含HTML检查、HTML格式控制、HTML格式化选项、HomeSite/BBEdit捆绑、可视化网页设计、图像编辑、全局查找替换、全FTP功能、处理Flash和Shockwave等富媒体格式和动态HTML、基于团队的Web创作。在编辑上可以选择可视化方式或者您喜欢的源码编辑方式。

8. 网页作坊

网页作坊是国产HTML编辑器,由E-Port软件小组研制。

网页作坊是全中文GB码软件,它采用半WYSIWYG编辑方式(预览需要装有IE 3.0或以上),如同Photoshop中的滤镜一样的外部插件机制能够使您的网页制作如虎添翼。开放式的插件接口允许更优秀的创意直接接驳进网页作坊。

9. DiDa Chinese HTML Editor

DiDa是一个快、小、好用的中文网页速写器,由香港飞高公司研制。DiDa整个程序安装好也不大于1.44MB,即使是储存在一张软盘上也可以运行。而且操作容易,提供即时预览,并同时具有英文、BIG5码及GB码的语言选择。所以它又被称之为“网页速写器”。

10. Anawave CoolCat

这是一个功能强大的HTML编辑器,支持JavaScript、Push、Channels/CDF、Java动画、HTML4以及WebTV等最新技术。可以用它创建自己的动态HTML。

该软件对中文支持不好。

二、文档转换工具

除创建HTML文档外,有时还需要进行HTML格式与其他格式的文件的相互转。这就需要使用文档转换工具。

1. Microsoft Word 97

虽然Microsoft Word 97被宣布可用作HTML创作工具,但它主要适合用作HTML文档转换工具。Word 97可打开HTML文档,也可将Word文档另存为HTML文档,从而以实现Word格式与HTML格式的转换。

2. RTFTOHTML

这是从RTF文档格式转换成HTML文档格式的转换程序。

3. WPTOHTML

这是一组WordPerfect宏指令。它能够把WordPerfect 5.1 for DOS以及WordPerfcet 6.0 for DOS的文档转换成HTML。

4. BBEditHTML

它可以把HTML标记插入到文档中,使得很容易利用Macintosh BBEdit或BBEdit Lite文本编辑程序去编辑超文本文档。

5. HTMLAssistant

它是一种扩展了的Windows文本编辑程序,可帮助创建HTML文档。

三、图形和多媒体辅助工具

您肯定知道,图形图象和多媒体信息是网页的精彩和画龙点睛的地方。因为HTML文档并非真正的纯文本,它通过各种标记插入不同的对象,包括图形图象、音频和视频文件等。

1. Paint Shop Pro

Paint Shop Pro是一个不大的图象制作软件,但功能却相当强。它是一种共享软件(Shareware),由JASC公司开发。

Paint Shop Pro可提供绘图、照片润饰、图象加强与编辑、色彩增强等功能。它还是一种图象浏览器,可进行批量图象格式转换、图象查看和打印。它还能抓获屏幕图象,并可提供扫描仪支持。

Paint Shop Pro附带的Animation Shop可制作动画图象。

2. Ulead GIF Animator和Ulead SmartSaver

人们希望在Web网页中放入动画图象。直接作成GIF动画图形文件是易于实现、节省带宽的方法。Ulead公司开发的Ulead GIF Animator就是制作GIF动画文件的较好工具。

GIF Animator可以说是专门为设计Web网页动画而开发的。用GIF Animator制作动画图象时,除可改变图象大小和形状外,还能调整其透明性、制作自用颜色板。GIF Animator可将文字和形状转换为对象,以创建按钮、工具栏等。它甚至还能基于自然的或计算机生成的纹理创建图象背景,并能调整背景的色彩、明度和对比度。

Ulead SmartSaver是制作网页图片的必备工具,它具有强大的JPEG/GIF/PNG图片优化功能,以及图片分割、HTML图象映射、批量处理、JPEG/GIF/PNG格式间转换和背景透明处理等很多实用的功能。它可以单独工作,也可以配合GIF Animator等图形处理软件工作。

3. Ulead Cool 3D和Xara 3D

Cool3D是Ulead公司推出的又一款动画软件,它的主要功能是将文字制作成带纹理、可旋转的三维动画图象。用COOL3D,您可以制作出很酷的立体字,美化您的网页。它不仅能制作JPEG和GIF图形和动画GIF,还可以用它做有各种效果的标题、对象、标志等等。

Xara3D是与之功能相似的一个3D软件,您甚至不需要学习,就可以创作出用于网页的高品质的3D文字标题,所有的图片全都具有光滑平整的专业品质。它还可以创建高品质的动画GIF和AVI。

4. Macromedia Flash

Flash是交互式矢量图和Web动画的标准。使用Flash,您就可以创建漂亮的、可改变尺寸的、以及极其紧密的导航界面、技术说明以及其他奇特的效果。

5. LiveImage

ImageMap(图象映射)是HTML中使用图象的一种重要方式,它将图象的不同部位映射到不同的URL。Map This是制作图象映射的强劲工具,LiveImage是同一作者的另一杰作,功能更为强大。

在编辑方面,您可以直接从浏览器上将图像拖曳到程序内开始进行编辑,透过编辑向导,您只需选择范围与形状,然后输入链接地址,完成后LiveImage会自动将您的设定转换成HTML格式让您剪贴到文件中。此外,自动检查链接地址功能会将您所指定的范围与链接地址进行测试,若发现所链接的地址是不正确的,LiveImage会立刻给出警告让您修改。

6. GoldWave

在Web网页中,人们越来越多地使用声音文件。声音文件格式很多,Web能够支持的却并不多。因此需要转换和编辑声音文件的工具。ChrisS.Craig开发的GoldWave便是这样的一个优秀软件。

GoldWave是一个声音编辑器、播放器、记录器和转换器。使用前需要配置好Windows的声音驱动程序。

GoldWave启动后,显示三个窗口:主窗口、设备控制窗口和声音窗口。主窗口包含菜单、工具栏和信息/状态栏等,对声音窗口起到组织管理作用。声音窗口一次可打开多个。设备控制窗口主要包括声音控制器和示波器,播放声音时,示波器可显示声音的波形,声音控制器可调节音量、左/右平衡和音速,并能进行录音和放音等。

GoldWave可识别几乎所有能够见到的声音格式,并能按所需的格式存盘。

四、JavaScript编辑器

Java名噪一时,但您制作网页时可能更愿意使用JavaScript。功能强大的网面编辑工具一般都支持JavaScript编辑,不过专用JavaScript编辑器有时更有效。

1.Red Tea

E-Port软件小组开发的Red Tea是一款简易的全中文JavaScript特效生成器,提供一种交互式JavaScript特效生成方法,包括多种有用的网页特效,其生成代码直接复制到剪贴板,所以支持任何一款流行的网页编辑器。

使用Red Tea,您甚至不需要懂JavaScript就能生成特殊效果的网页。

2.Green Tea(网页特效生成器)

又一款国人开发的傻瓜似的JavaScript网页特效制作软件。它汇集了近20个网页特殊效果,并进行了分类,例如将文字特效分成彩虹文字、波浪文字、闪烁的文字等。无需编写程序,用户可以根据要求修改一些参数,源代码自动生成,并且增加了预览功能,使您轻轻松松就能做出网页的特效。您还可以利用“用户扩充”的功能,任意扩充自己的JavaScript代码成为本软件的一部分。

3.JavaScript Editor

这是E-Port软件小组开发的另一款小巧的Javascript编辑器,支持彩色代码。它要求对JavaScript有一定了解,但由于具有独特的变量函数跟踪模式,您可以不必再记您设定的变量和函数,因为它们都在编辑器左面列着呢!

4.Netsacpe Visual JavaScript

JavaScript的开发者Netscape出品的可视化的JavaScript开发工具。功能强大,但软件也很庞大,使用较复杂。

五、CSS编辑器

CSS(Cascading Style Sheet,层叠样式表)是由WWW联盟(W3C)新定的一个网页设定技术,从HTML4.0开始全面支持。有了CSS,您就可以非常容易地改变段落、字体等样式,就好像在字处理软件里一样。

较好的网页编辑工具,如HomeSite、HotDog等,都能支持CSS。不过小巧的专用CSS编辑器有时更方便。

1.StyleMaker

这是一个最新的CSS编辑工具。除一般的样式外,它还能允许您在网页中添加blurs、drop shadows、glows、waves等各种很酷的效果,而无须创建特殊的图像。使用支持新标准的浏览器访问您的网页,将能看到不同的效果。

2.大唐天地卓越样式表编写器

可以帮助用户很方便地编写出比较理想的CSS代码。对于那些想使用样式表、但又碍于语句的复杂而却步的网友们,它能够提供一定的帮助。

3.E-Port Styler

E-Port Styler是由E-Port软件小组开发的一个制作CSS的程序。

六、网站和网页维护工具

NetObjects Fusion、HomeSite、FrontPage和HotDog等强大的网页编辑工具都具有网站和网页维护功能,大部分情况下已够使用。它们都能够出版本地网页文件到Web服务器。有时也可以用FTP将本地文件复制到服务器上。

一些小巧的网站和网页维护工具有时非常好用。

1.文件秤

E-Port软件小组开的“文件秤”是一个聪明的程序,它能自动探测您主页中的连接,包括图片、网页、甚至JavaScript脚本和CSS的连接。它的好处就是能让您更清楚的了解您的这个网页究竟包含了多少内容,需不需要减肥。对于图片,它让您直接调用Ulead SmartSaver。

2.CSE HTML Validator

这是一个非常好的HTML检查工具。您只需要把您的HTML文档拖放到CSE HTML Validator上,它就会为您检查所有HTML标记,并用简单的英语告诉您错误所在。另外,您还可以用它更改所有标签的大小写,去掉多余的HTML标签,为不同的操作系统转换文本文件格式,让您的文档使用模板。

如果您使用HomeSite作为您的HTML编辑器,CSE HTML Validator还可一作为HomeSite的插件使用,使您不离开HomeSite就可以直接检查HTML标签错误。

3.InfoLink Link Checker

这是一个网站管理的实用工具。您给它一个HTML文件的位置,它就会在网上检查这个HTML文件中的所有链接,并且报告您哪些是通的哪些是不通的。您可以用它检查您的站点,也可以检查您的Netscape书签。

4.Linkbot Pro

这个网站管理工具可以帮助您查找您的网站的错误,发现失效的链接、过慢的链接和过期的网页,并且会提交一份报告。

哇,没想到说了这么久!网页制作工具实在是太丰富了,真是让我如数家珍哦!我筛选了半天,实在舍不得漏下任何一个。也许您开始用不着这么多软件,也许我介绍这些软件时所用的某些术语您还不是十分理解,而且后面的内容也不可能用到介绍的所有软件,但是不要着急哦,您的水平会很快提高的,这些优秀的软件您都会用得上的。有了这些利器,您的网页制作一定会“善其事”的。

X

类似文章

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注