网页设计工具简介

7.1网页制作工具7.2网页图形图像处理工具7.3网页动画制作与特效工具7.4网页上传工具7.5网页设计工具的发展动向第7章网页设计工具简介随着互联网的普及，HTML技术的不断发展和完善，随之而产生了众多网页编辑器。网页编辑器基本上可以分为“所见即所得”网页编辑器和“非所见即所得”网页编辑器（即源代码编辑器）两类，二者各有千秋。“所见即所得”网页编辑器的优点就是直观、使用方便、容易上手，在其中进行网页制作与在Word中进行文本编辑一样不会感到有什么区别，但它同时也存在难以精确达到与浏览器完全一致的显示效果的缺点。也就是说，在“所见即所得”网页编辑器中制作的网页放到浏览器中是很难达到真正想要的效果的，这一点在结构复杂一些的网页（如分帧结构、动态网页结构及精确定位）中便可体现出来。“非所见即所得”的网页编辑器就不存在这个问题，因为所有的HTML代码都是在用户的监控下产生的，但是，“非所见即所得”编辑器的先天条件注定了它的工作效率太低。7.1网页制作工具7.1.1FrontPageFrontPage是用来制作网页的最流行的、功能最强大的软件之一。它是Microsoft公司专门开发的网页制作专业工具。目前FrontPage的最高版本是FrontPage2003。FrontPage2003的网页编辑功能非常强大，它可以非常简单而且直观地实现HTML几乎所有的功能，例如，新建和修改一个网页，新建一个Web站点，在网页中插入图片、多媒体、设置动态效果、设置过渡效果，直接调用ODBC数据库等。FrontPage2003还具有强大的网页管理功能，是Web站点发布管理的强有力的工具，可以方便地进行文件夹管理、报表管理、导航管理、超链接管理、任务管理等多项管理功能。而且，FrontPage2003可以实现“所见即所得”的强大功能，方便用户在制作网页过程中，随时观察制作效果。这不仅方便初学者，对专业人员也可大大提高网页的制作效率。7.1网页制作工具7.1.2DreamweaverDreamweaver是Macromedia公司推出的主页编辑工具。它也是所见即所得网页编辑器，支持最新的XHTML和CSS标准。Dreamweaver采用了多种先进技术，能够快速高效地创建极具表现力和动感效果的网页，使网页创作过程变得非常简单。Dreamweaver的最新版本是Dreamweaver8，是一款专业的HTML编辑器，用于对Web站点、Web页和Web应用程序进行设计、编码和开发。利用Dreamweaver的可视化编辑功能，用户可以快速地创建页面而无须编写任何代码。不过，如果用户更喜欢手工直接编码，也可以使用Dreamweaver提供的许多与编码相关的工具和功能。另外，借助Dreamweaver还可以使用服务器语言（例如ASP、ASP.NET、ColdFusion标记语言、JSP和PHP）生成支持动态数据库的Web应用程序。7.1网页制作工具7.2.1FireworksFireworks是Macromedia公司开发的一款优秀的网页图形图像处理应用软件。Fireworks与多种产品集成在一起，包括Macromedia的其他产品（如Dreamweaver、Flash、FreeHand和Director）和其他用户喜欢的图形应用程序及HTML编辑器，从而提供了一个真正集成Web解决方案，可以帮助网页图形设计人员和开发人员解决所面临的特殊问题。Fireworks的最新版本是Fireworks8，利用Fireworks8中的新增功能，可以更方便地在网站上添加图形和交互元素，这使得该应用程序越来越易于使用。对于有经验的Web设计人员，需要与图形打交道的HTML开发人员，以及需要开发包含大量图形图像的交互式网页但对代码编写或JavaScript知之甚少或一无所知的Web开发新手来说，Fireworks8都可以最大限度地提高工作效率。7.2网页图形图像处理工具7.2.2PhotoshopPhotoshop是Adobe公司推出的功能强大的平面图像处理软件，也是迄今为止世界上最畅销的图像编辑软件。AdobePhotoshopCS2（CreativeSuite）是目前Photoshop的最新版本，无论从性能的优越还是使用的方便等方面，AdobePhotoshopCS2都给人以耳目一新的感觉。由于Photoshop在图像编辑、桌面出版、网页图像编辑、广告设计、婚纱摄影等各行各业中广泛应用，它已成为许多涉及图像处理的行业的事实标准。Photoshop中包含的ImageReady是用于网页图片制作的工具，其缺点是体积庞大，操作比较复杂，非专业人士很难熟练掌握。7.2网页图形图像处理工具7.2.3CorelDRAWCorelDRAW是PC平台上历史最悠久的绘图软件之一，现在已经发展到第12个版本。自1989年CorelDRAW第一次对外发布以来，CorelDRAW不断改良、升级，自身越来越成熟．功能也越来越强大。CorelDRAW每次发布的新版本，都包含了很多新的特性。新发布的CorelDRAW12绘图套件包含了用于绘图和排版的CorelDRAW、用于图像编辑的CorelPhoto-Paint及用于制作矢量动画的CorelR.A.V.E。CorelDRAW还不断向新的领域进军，使其成为专业的网页图形图像处理工具。朝着这个目标，Corel公司在CorelDRAW绘图套件中新增了CorelR.A.V.E，还增加了网页图片优化器等基于网页制作的新特性，以及生成波动条的功能。7.2网页图形图像处理工具7.3.1FlashFlash是Macromedia公司开发的一款优秀的网页动画制作软件，从简单的动画到复杂的交互式Web应用程序，它使用户可以创建任何作品。最吸引人的一点还是Flash作品SWF文件“体积”出奇得小，并且可以以插件的形式加入到网页中，通常几分钟的复杂动画才几百KB，是目前网络中最常用的动画格式。Flash的最新版本是Flash8。Flash8是Web设计人员、交互式媒体专业人员或开发多媒体内容的主题专家的理想工具。该版本注重于创建、导入和处理多种类型的媒体（音频、视频、位图、矢量、文本和数据）。Flash8提供了对Web团队（由设计人员和开发人员组成）成员之间的工作流程进行优化的项目管理工具。外部脚本撰写和处理数据库中动态数据的能力及其他功能使得Flash8特别适用于大规模的复杂项目。7.3网页动画制作与特效工具7.3.2UleadGifAnimatorUleadGIFAnimator是Ulead（友立）公司发布的是一个简单、快速、灵活、功能强大的GIF动画编辑软件，使网页设计者可以快速地轻松创建和编辑网页动画文件。同时，UleadGIFAnimator也是一款不错的网页设计辅助工具，还可以作为Photoshop的插件使用。它具有丰富而强大的内置动画选项，让设计者能够更方便地制作出符合要求的GIF动画。UleadGIFAnimator5.0作为UleadGIFAnimator家族的最新成员，使用它制作出的GIF动画再也不是传统观念上的256色了，而是允许设计者在真彩色环境下，制作出色彩斑斓的动画。7.3网页动画制作与特效工具7.3.3Swish虽然网上的动画早已是Flash的天下，但Flash的设计过程太过烦琐。Swish是一款非常方便的Flash特效制作工具，可以实现简单地在网页中加入Flash动画。Swish特效中有许多细节结合使用能得到非常美观的效果，支持直接预览，能直接导出为SWF文档格式，支持中文，而且可以直接修改组件。最新版本的Swish网络版支持FlashMX、视频片段导入等多种新特性，这使得Swish不再是以往定位的字体特效制作工具，而是一款功能强大，操作简单的新款FlashMX制作辅助工具。事实上，如果对于新版Swish操作足够熟悉，单单利用Swish就可以很快制作出复杂的Flash特效。7.3网页动画制作与特效工具7.4.1CuteFTPCuteFTP是最早支持断点续传的FTP客户软件之一，是一个集FTP上传下载、FTP搜索和网页编辑功能于一体的软件包，其功能强大，使用方便，支持拖放。最新的CuteFTP版本，为了更好地适合专业用户的使用，推出不少新的特色功能，例如，目录比较上传、宏处理、远端文件直接比较操作及IE风格的工具栏等。CuteFTP的最新版本是CuteFTP6.0Pro，是一个全新的商业级FTP客户端上传工具，提供了目录同步，自动排程，同时多站点链接、多协议支持（FTP、SFTP、HTTP、HTTPS），智能覆盖，整合的HTML编辑器等功能，以及更加快速的文件传输系统。7.4网页上传工具7.4.2FlashFXPFlashFXP是一个功能强大的上传下载工具，融合了其他优秀FTP软件的优点，例如，像CuteFTP一样可以比较文件夹，支持彩色文字显示；支持子文件夹的文件传送、删除；支持上传、下载及第三方文件续传；可以跳过指定的文件类型，只传送需要的文件；可以自定义不同文件类型的显示颜色；可以缓存远端文件夹列表，支持FTP代理；具有避免空闲功能，防止被站点踢出；可以显示具有“隐藏”属性的文件和文件夹；支持每个站点使用被动模式等。7.4网页上传工具7.4.3LeapFTPLeapFTP是一款功能强大，可以媲美CuteFTP的网页上传工具。LeapFTP的用户界面采用和Netscape相仿的书签形式，连线更加方便；下载与上传文件支持续传；可下载或上传整个目录，亦可直接删除整个目录；浏览网页时，若在文件链接上单击鼠标右键选择“复制捷径”命令，便会自动下载该文件；LeapFTP具有不会因闲置过久而被站点踢出的功能；此外，还可以直接编辑远端Server上的文件，可设定文件传送完毕自动中断网络连接。7.4网页上传工具7.4.4其他上传工具除了上边功能强大的上传工具以外，用户还可以选择一些短小精悍的上传工具。1．UploadNow!上传工具UploadNow!上传工具可以自动上传本地站点中更新过的文件，避免上传没有更新过的文件，节省上网的时间和费用。2．WS-FTP上传工具WS-FTP上传工具速度特别快，支持拖放，对有多个站点要维护的用户比较适用。当然，除了这些专用的上传工具以外，FrontPage和Dreamweaver软件自身也具有上传网页的功能。7.4网页上传工具2005年4月18日，全球知名的应用软件公司Adobe以34亿美元的价格收购了Macromedia公司，这次收购代表着多媒体产业领域的融合。Adobe公司收购Macromedia公司后，无论在图形处理方面，还是在网页制作方面，都会成为未来的垄断者。Adobe与Macromedia两个公司从此将共同迎接更广大的消费者群体，面对更大的市场成长机会，特别是在无线通信和企业级应用两大领域。随着Adobe公司对Macromedia公司进行全新的整合，势必推出更加强大的图形网页应用软件，为图形处理与网页制作开创出新的空间。目前网页制作中的HTML代码与图片都是单独制作的，需要美工人员与网页制作人员共同完成，但是，随着两家公司的合并，极有可能推出新的软件，实现图片与网页的一体化操作，提高网页制作的效率。7.5网页设计工具的发展动向需要注意的是，Adobe公司近年来的开发理念发生了转变，不再只看重于单个软件的功能，而是努力营造一种多软件综合使用的新概念，即以拳头产品Photoshop、Illustrator作为龙头，将原先应用于其他领域的软件与之进行功能上的整合，通过套件方式（CreativeSuite）综合应用到各个领域，甚至那些并不是处于优势地位的领域。综上所述，Adobe公司收购Macromedia公司后，为了配合其套件发售的经营策略，在网页制作工具上很可能力推AdobeGoLive，而非Dreamweaver。因此，Dreamweaver今后的发展趋势目前还很难推测。另外，Fireworks和ImageReady在未来的地位，也很有可能被已经强势的Photoshop和Flash取代。7.5网页设计