必备电脑应用清单：盘点那些热门的网页制作工具

常用的网页设计软件有哪些

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式样的网页及图片！

火花的起源非同小可，它的问世引发了Web作图的革命性变革。火花是专门针对网络图像设计开发的，内置了丰富的网络发布支持功能，例如火花能自动切片图像、生成响应鼠标动态的javascript脚本。此外，火花还拥有强大的动画功能以及近乎完美的网络图像生成器（导出功能）。它加强了与Dreamweaver的协同，能够直接生成Dreamweaver的库，甚至能导出配合CSS样式的网页和图片！

③闪亮的Flash让网页生动起来

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

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

HotDog是一款较早基于代码的网页设计工具，其独特之处在于提供了许多向导工具，能够帮助设计者制作页面中的复杂部分。HotDog的高级HTML支持插入marquee，并能在预览模式下以正常速度观看。这一点非常难得，因为即使是首创这种标签的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网页，仅适合高级用户。

目前最常用的静态网站制作工具是Dreamweaver，用户只需在线搜索下载即可。

经过重新设计，Dreamweaver的界面更加人性化。

它支持代码和设计两种模式，方便用户即时查看网页效果。

由于高度集成，使用Dreamweaver编写静态网页非常便捷。

WebStorm是一款优秀的前端开发工具。

它适用于动态网页的开发。

Frontpage是微软早期的一款产品，已停止更新，但因其简单轻便，适用于初学者。

Frontpage同样适用于静态网页制作。

需要注意的是，Frontpage可能不兼容Win10系统。

HBuilder是一款免费的HTML5集成开发环境。

使用它编写JavaScript代码非常流畅。

最重要的是，它是免费的，无需授权。

HBuilder能够自动调节屏幕颜色，保护用户视力。

它支持多种编程语言，包括PHP、JSP、Ruby、Python和Node.js等。

WampServer用于一键启动各种PHP后端服务。

无需重新安装这些软件，也不需要复杂的配置。

如果你需要创建PHP动态网页，WampServer是必不可少的。

Visual Studio是微软开发的一款程序员常用的软件。

它可用于C/C++、C#等软件开发。

如果你需要编写ASP.NET动态网页，也可以使用Visual Studio。

Eclipse是基于Java编写的程序集成开发环境。

安装前需要安装JDK并配置环境变量。

除了Java，Eclipse还支持Python、PHP等脚本语言的开发。

Eclipse同样支持绑定浏览器调试。

Eclipse也是免费使用的。

Amcharts提供了兼容性好的JavaScript、HTML5图表开发工具。

此模板适用于订单购买、登录、图标展示等网页界面设计参考。

Dribbble展示了如何处理多资源多链接，图文结合的网页排版模式。

主页、设计师页面、找工作页面等页面都非常值得学习和参考。

BBC网站设计以信息排版为主。

主页、新闻页面、天气页面、视频页面等页面值得参考。

Shopify展示了电子商务信息布局。

登录页面、主页、销售方法页面、价格页面、博客页面等页面是电子商务类网站必看的模板。

edX提供了教育类网站的设计思路。

主页、课程列表页面、课程详情页面、程序页面、关于页面等页面值得学习。

Pexels提供了高清图片下载服务。

首页采用瀑布流方式排列图片。

Perspective Website Mockup提供了等距角度切换设计。

无论需要一个页面或更多页面，都可以更改模板中的视图数量。

Perspective Website PSD Mockup展示了网页设计模板的多样性和视觉体验。

The Screens提供高分辨率的现代风格视觉效果。

Misocial是一个免费的音乐网站类PSD模板。

它可以帮助创建新网站。

Free Isometric Website Mockup旨在优雅地展示Web截图。

这个模型由等距的Smart objects组成。

Perspective Presentation Web Mockup提供关于网站设计的特写视角。

Perspective Presentation Web Mockup呈现了关于网站设计的细致视角。

其中内置了精心设计的模板，便于用户迅速上手。

Mockplus是一款易于操作且迅速的网页模型设计软件。

最新推出的网格与数据自动填充功能极大地提升了使用便捷性。

Moqups是一款零成本的HTML5应用程序。

它能够帮助用户制作出简洁的线框图、原型模型和UI构思图。

Mockingbird是一款备受欢迎的在线线框应用程序。

它内置了一系列用于链接和分享网页模型的强大功能。