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