如何编写网页设计脚本？市面上流行的网页制作工具盘点

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

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还具备卓越的动画制作能力和近乎完美的网络图像生成器（Export功能）。它强化了与Dreamweaver的协作，可直接生成Dreamweaver的Library，甚至能够导出适配CSS样式的网页及图片！

③Flash赋予网页活力

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

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

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

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

⑤HomeSite助力制作可完全掌控页面进程的网页

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

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

略离主题，让我们回到正题，综合各角度进行对比，天猫首页的用户体验更胜一筹。

整体方面：

以音乐网站为例，对QQ、网易云、酷狗、虾米四家的网站首页进行了比较。

除了满足用户听歌的功能需求外，网站还需将这些访问网页的人引导至APP中，以便为后续的音乐付费服务奠定基础。

此次对比颇具个人色彩，尽管我使用的是网易云，但我仍觉得虾米音乐的官方网站更具设计美感。

值得一提的是，每次搜索这些网站时，它们都有各自的标语

QQ音乐-千万正版音乐海量（字数过多）

酷狗音乐-歌多就是好（言简意赅，富有财气）

虾米音乐-探索音乐新天地（听歌靠发掘）

唯独网易云没有标语，意思一目了然，似乎一无所有，但至少虾米还能凭借发掘音乐的优势，看着歌单里的歌曲一首首变为灰色，真让人忍不住抱怨。