如何进行网页制作？市面上流行的网页设计工具都有哪些？

常见的网页设计工具有哪些

Photoshop：掌握图像处理、编辑、通道、图层、路径的灵活运用；进行图像色彩调整；运用多种特效滤镜；制作特效文字；图像输出与优化等，通过灵活运用图层风格、流体变形及褪底和蒙板，制作出变化多端的图像特效。

Freehand：无论是个人作品设计、公司标志、海报制作，都能轻松完成，适用于广告、印刷等行业

CorelDraw：将CorelDRAW9的全方位设计及网页功能融入现有设计方案中，制作矢量插图、设计及图像，擅长设计公司标志、简报、彩页、手册、产品包装、标识、网页等。

PageMaker：学习排版设计的基本法则、使用方法与技巧，工具箱、快捷键的使用，菜单功能及操作技巧，出版物、书籍、宣传彩页、出片输出注意事项，报纸杂志等高级专业排版制作的方法。

Illustrator：学习图形绘制、包装、宣传页的制作，便于进行LOGO及CI设计，不到一个月，您将成为一名真正的美术大师，结合Photoshop学习它，如虎添翼，效率大幅提升。

网页制作工具包括：

一、入门级网页制作工具

Oeasy教你玩转网页设计浏览的工具建站程序，如果你是网页制作新手，以下几种软件将带你进入五彩缤纷的网页制作世界！

①Microsoft FrontPage：如果你熟悉Word，那么相信你使用FrontPage进行网页设计也会得心应手。使用FrontPage制作网页，能真正感受到“功能强大，简单易用”的含义。页面制作由FrontPage中的Editor完成，其工作窗口由3个标签页组成，分别是“所见即所得”的编辑页，HTML代码编辑页和预览页。FrontPage带有图形和GIF动画编辑器，支持CGI和CSS。向导和模板都能使初学者在编辑网页时感到更加方便。

FrontPage最强大之处是其站点管理功能。在更新服务器上的站点时，不需要创建更改文件的目录。FrontPage会为你跟踪文件并复制那些新版本文件。FrontPage是现有网页制作工具中唯一既能在本地计算机上工作，又能通过Internet直接对远程服务器上的文件进行工作的软件。

②Netscape编辑器Netscape Communicator和Netscape Navigator Gold3.0版本都带有网页编辑器。如果你喜欢用Netscape浏览器上网，使用Netscape编辑器真是简单方便！当你用Netscape浏览器显示网页时，单击编辑按钮，Netscape就会把网页存储在硬盘中，然后就可以开始编辑了。你也可以像使用Word那样编辑文字、字体、颜色，改变主页作者、标题、背景颜色或图像，定义描点，插入链接，定义文档编码，插入图像，创建表格等，是不是与FrontPage 2000还有些像？但是，Netscape编辑器对复杂的网页设计就显得功能有限了，它连表单创建、多框架创建都不支持。

Netscape编辑器是网页制作新手很好的入门工具。如果你的网页主要是由文本和图片组成的，Netscape编辑器将是一个轻松的选择。如果你对HTML语言有所了解的话，能够使用Notepad或Ultra Edit等文本编辑器来编写少量的HTML语句，也可以弥补Netscape编辑器的一些不足。

③Adobe Pagemill

Pagemill功能不算强大，但使用起来很方便，适合初学者制作较为美观、而不是非常复杂的主页。如果你的主页需要很多框架、表单和Image Map图像，那么Adobe Pagemill的确是你的首选。

Pagemill另一大特色是有一个剪贴板，可以将任意多的文本、图形、表格拖放到里面，需要时再打开，很方便。

④Claris Home Page如果使用Claris Home Page软件，你可以在几分钟之内创建一个动态网页。这是因为它有一个很好的创建和编辑Frame(框架)的工具，你不必花费太多的力气就可以增加新的Frame(框架)。而且Claris Home Page 3.0集成了FileMaker数据库，增强的站点管理特性还允许你检测页面的合法连接。不过界面设计过于粗糙，对Image Map图像的处理也不完全。

二、中级网页制作工具

如果你对网页设计已经有了一定的基础，对HTML语言又有一定的了解，那么你可以选择下面的几种工具来设计你的网页，他们一定会为你的网页增色不少。

①DreamWeaver自制动态HTML动画的网页

DreamWeaver是一个很酷的网页设计工具，它包括可视化编辑、HTML代码编辑的软件包，并支持ActiveX、JavaScript、Java、Flash、ShockWave等特性，而且它还能通过拖拽从头到尾制作动态的HTML动画，支持动态HTML(Dynamic HTML)的设计，使得页面没有plug-in也能够在Netscape和IE 4.0浏览器中正确地显示页面的动画。同时它还提供了自动更新页面信息的功能。

DreamWeaver还采用了Roundtrip HTML技术。这项技术使得网页在DreamWeaver和HTML代码编辑器之间进行自由转换，HTML句法及结构不变。这样，专业设计者可以在不改变原有编辑习惯的同时，充分享受到可视化编辑带来的益处。

DreamWeaver最具挑战性和生命力的是它的开放式设计，这项设计使任何人都可以轻易扩展它的功能。

②Fireworks第一款彻底为Web制作者们设计的软件

Fireworks的来头实在不小，它的出现使Web作图发生了革命性的变化。Fireworks是专为网络图像设计而开发，内建丰富的支持网络出版功能，比如Fireworks能够自动切图、生成鼠标动态感应的javascript。而且Fireworks具有十分强大的动画功能和一个几乎完美的网络图像生成器(Export功能)。它增强了与dreamweaver的联系，可以直接生成dreamweaver的Libaray甚至能够导出为配合CSS式样的网页及图片！

Fireworks的渊源颇深，它的问世引发了Web作图的革命性变革。Fireworks是专门针对网络图像开发，内置了丰富的网络发布支持功能，例如Fireworks能自动裁剪图片、生成响应鼠标动态的javascript脚本。此外，Fireworks还具备强大的动画制作能力和近乎完美的网络图像生成器（导出功能）。它加强了与Dreamweaver的协同，能够直接生成Dreamweaver的库，甚至能够导出配合CSS样式的网页和图片！

③Flash让网页活力四射

Flash是一种在互联网上使用的动态、互动的shockwave。其优势在于文件体积小，可以边下载边播放，从而避免了用户长时间的等待。Flash可以用来制作动画，还可以在网页中添加声音。这样，你就能制作出多媒体的图形和界面，而文件体积却很小。尽管Flash不能像一门编程语言那样进行编程，但结合其内置语句和JavaScripe，你也可以制作出互动性极强的网页。有人曾经说过：下一个世纪的网络设计师如果不使用Flash，必将被淘汰！我相信这句话是正确的！

④HotDog Professional打造融入多种复杂技术的网页

HotDog是较早基于代码的网页设计工具，其特色在于提供了许多向导工具，能帮助设计者制作页面中的复杂部分。HotDog的高级HTML支持插入滚动字幕，并能在预览模式中以正常速度观看。这一点非常难得，因为即使是首创这种标签的Microsoft在FrontPage中也未提供这样的功能。HotDog对插件的支持也远超其他产品，它提供的对话框允许你以手动方式为不同格式的文件选择不同的选项。但处理中文不太方便。

HotDog是一款功能强大的软件，对于那些希望在网页中加入CSS、Java、RealVideo等复杂技术的高级设计者来说，是一个很好的选择。

⑤HomeSite打造可完全掌控页面流程的网页

Allaire的HomeSite是一款小巧而全能的HTML代码编辑器，拥有丰富的帮助功能，支持CGI和CSS等，并且可以直接编辑perl程序。HomeSite的工作界面可根据个人习惯设置，可以将其设置成像Notepad那样简单的编辑窗口，也可以在复杂的界面下工作。

HomeSite更适合那些复杂和精彩的页面设计。如果你希望完全掌控你制作的页面的流程，HomeSite是你的最佳选择。不过对于新手来说可能过于复杂。

三、高级网页制作软件

①Microsoft Visual Studio系列包括：2003、2005、2008以及未来的版本；

适合开发动态的aspx网页，同时，还能制作无刷新网站、webservice功能等，仅适合高级用户。

②Jbuilder不论是各种版本，均适合使用其开发出JSP网页，仅适合高级用户。

UI设计所需的软件

UI设计所需的软件众多，以下列举一些UI设计常用的软件：

Photoshop、Adobe Illustrator、Adobe After Effects、Axure RP、Sketch。

（1）Photoshop主要处理以像素构成的数字图像。使用其众多的编辑与绘图工具，可以有效地进行图片编辑工作。Photoshop功能丰富，在图像、图形、文字、视频、出版等各方面都有涉及。

（2）Adobe Illustrator，常被称为“AI”，是一种应用于出版、多媒体和在线图像的工业标准矢量插画的软件。作为一款非常好的矢量图形处理工具，该软件主要应用于印刷出版、海报书籍排版、专业插画、多媒体图像处理和互联网页面的制作等，也可以为线稿提供较高的精度和控制，适合生产任何小型设计到大型的复杂项目。

（3）Adobe After Effects软件可以帮助您高效且精确地创建无数种引人注目的动态图形和震撼人心的视觉效果。利用与其他Adobe软件无与伦比的紧密集成和高度灵活的2D和3D合成，以及数百种预设的效果和动画，为您的电影、视频、DVD和Macromedia Flash作品增添令人耳目一新的效果。

（4）Axure RP是美国Axure Software Solution公司旗舰产品，是一个专业的快速原型设计工具，让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。作为专业的原型设计工具，它能快速、高效地创建原型，同时支持多人协作设计和版本控制管理。

（5）Sketch，即Sketch-A-Etch，是一款素描绘画类的软件，玩家需要旋转左右两个旋钮来控制面板上的画笔描绘出你想要的图像，并且可以给它们上色。