《第7章网页设计工具简介课件》由会员分享，可在线阅读，更多相关《第7章网页设计工具简介课件（22页珍藏版）》请在金锄头文库上搜索。
1、网站规划与网页设计,电子工业出版社同名教材 配套电子教案 2006.4,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
3、 2003的网页编辑功能非常强大，它可以非常简单而且直观地实现HTML几乎所有的功能，例如，新建和修改一个网页，新建一个Web站点，在网页中插入图片、多媒体、设置动态效果、设置过渡效果，直接调用ODBC数据库等。 FrontPage 2003还具有强大的网页管理功能，是Web站点发布管理的强有力的工具，可以方便地进行文件夹管理、报表管理、导航管理、超链接管理、任务管理等多项管理功能。而且，FrontPage 2003可以实现“所见即所得”的强大功能，方便用户在制作网页过程中，随时观察制作效果。这不仅方便初学者，对于专业人员也可大大提高网页的制作效率。,7.1 网页制作工具,7.1.2 Drea
4、mweaver Dreamweaver是Macromedia公司推出的主页编辑工具。它也是所见即所得网页编辑器，支持最新的XHTML和CSS标准。Dreamweaver采用了多种先进技术，能够快速高效地创建极具表现力和动感效果的网页，使网页创作过程变得非常简单。 Dreamweaver的最新版本是Dreamweaver 8，是一款专业的HTML编辑器，用于对Web站点、Web页和Web应用程序进行设计、编码和开发。 利用Dreamweaver的可视化编辑功能，用户可以快速地创建页面而无须编写任何代码。不过，如果用户更喜欢手工直接编码，也可以使用Dreamweaver提供的许多与编码相关的工具和
5、功能。另外，借助Dreamweaver还可以使用服务器语言（例如ASP、ASP.NET、ColdFusion标记语言、JSP和PHP）生成支持动态数据库的Web应用程序。,7.1 网页制作工具,7.1.3 Adobe Pagemill Pagemill功能不算强大，但使用起来很方便，适合初学者制作较为美观，但不是非常复杂的主页。如果用户的主页需要很多框架、表单和Image Map图像，那么Adobe Pagemill 3.0的确是首选。 Pagemill创建多框架页十分方便，可以同时编辑各个框架中的内容。Pagemill在服务器端或客户端都可创建和处理Image Map图像，它也支持表单的创建
6、。Pagemill允许在HTML代码上编写和修改，支持大部分常见的HTML扩展，还提供拼写检错、搜索替换等文档处理工具。Pagemill另一大特色是提供一个剪贴板，可以将任意多的文本、图形、表格拖放到里面，需要时再打开，很方便。,7.1 网页制作工具,7.1.4 HomeSite HomeSite是一个小巧而全能的HTML代码编辑器，有丰富的帮助功能，支持CGI和CSS等，并且可以直接编辑Perl程序。HomeSite工作界面繁简由人。根据个人习惯，可以将其设置成像记事本那样简单的编辑窗口，也可以在复杂的界面下工作。 HomeSite具有良好的站点管理功能，链接确认向导可以检查一个或多个文档的
7、链接状况。HomeSite更适合进行比较复杂和精美页面的设计。如果用户希望能完全控制页面制作的进程，那么HomeSite是最佳选择。,7.1 网页制作工具,7.1.5 Visual Studio.Net 程序编辑器应当支持相应程序的自动语法检查，最好还应当支持程序的调试与编译。Visual Studio.Net无疑是非常强大的编辑器。 Visual Studio.Net内置有VB.Net、VC+.Net、C#等程序开发工具，集程序的调试、编译等功能于一身，并且还提供了详细的帮助，这是任何一款其他软件都不能比拟的。但是，由于Visual Studio.Net本身带有的部件太多，需要计算机有比较高
8、的配置，否则运行速度会非常缓慢。,7.1 网页制作工具,7.1.6 EditPlus 任意文本编辑器都可以用于编写动态网站应用程序，最常见的文本编辑器就是Windows自带的记事本。但是毕竟记事本的功能太少，远远不能满足程序编写的要求。一个好的文件编辑器将会起到事半功倍的作用。 EditPlus是目前非常流行的一款功能强大的文本编辑器，该软件功能强大、易于使用、兼容性强，支持几乎所有程序语言的代码色彩显示。它的缺点就是不支持程序的调试。,7.1 网页制作工具,7.2.1 Fireworks Fireworks是Macromedia公司开发的一款优秀的网页图形图像处理应用软件。Fireworks
9、与多种产品集成在一起，包括Macromedia的其他产品（如Dreamweaver、Flash、FreeHand和Director）和其他用户喜欢的图形应用程序及HTML编辑器，从而提供了一个真正集成Web解决方案，可以帮助网页图形设计人员和开发人员解决所面临的特殊问题。 Fireworks的最新版本是Fireworks 8，利用Fireworks 8中的新增功能，可以更方便地在网站上添加图形和交互元素，这使得该应用程序越来越易于使用。对于有经验的Web设计人员，需要与图形打交道的HTML开发人员，以及需要开发包含大量图形图像的交互式网页但对代码编写或JavaScript知之甚少或一无所知的W
10、eb开发新手来说，Fireworks 8都可以最大限度地提高工作效率。,7.2 网页图形图像处理工具,7.2.2 Photoshop Photoshop是Adobe公司推出的功能强大的平面图像处理软件，也是迄今为止世界上最畅销的图像编辑软件。Adobe Photoshop CS2（Creative Suite）是目前Photoshop的最新版本，无论从性能的优越还是使用的方便等方面，Adobe Photoshop CS2都给人以耳目一新的感觉。由于Photoshop在图像编辑、桌面出版、网页图像编辑、广告设计、婚纱摄影等各行各业中广泛应用，它已成为许多涉及图像处理的行业的事实标准。 Photo
11、shop中包含的ImageReady是用于网页图片制作的工具，其缺点是体积庞大，操作比较复杂，非专业人士很难熟练掌握。,7.2 网页图形图像处理工具,7.2.3 CorelDRAW CorelDRAW是PC平台上历史最悠久的绘图软件之一，现在已经发展到第12个版本。自1989年CorelDRAW第一次对外发布以来，CorelDRAW不断改良、升级，自身越来越成熟功能也越来越强大。CorelDRAW每次发布的新版本，都包含了很多新的特性。 新发布的CorelDRAW 12绘图套件包含了用于绘图和排版的CorelDRAW、用于图像编辑的CorelPhoto-Paint及用于制作矢量动画的Corel
12、R.A.V.E。CorelDRAW还不断向新的领域进军，使其成为专业的网页图形图像处理工具。朝着这个目标，Corel公司在CorelDRAW绘图套件中新增了 CorelR.A.V.E，还增加了网页图片优化器等基于网页制作的新特性，以及生成波动条的功能。,7.2 网页图形图像处理工具,7.3.1 Flash Flash是Macromedia公司开发的一款优秀的网页动画制作软件，从简单的动画到复杂的交互式Web应用程序，它使用户可以创建任何作品。最吸引人的一点还是Flash作品SWF文件“体积”出奇得小，并且可以以插件的形式加入到网页中，通常几分钟的复杂动画才几百KB，是目前网络中最常用的动画格式
13、。Flash的最新版本是Flash 8。 Flash 8是Web设计人员、交互式媒体专业人员或开发多媒体内容的主题专家的理想工具。该版本注重于创建、导入和处理多种类型的媒体（音频、视频、位图、矢量、文本和数据）。Flash 8提供了对Web团队（由设计人员和开发人员组成）成员之间的工作流程进行优化的项目管理工具。外部脚本撰写和处理数据库中动态数据的能力及其他功能使得Flash 8特别适用于大规模的复杂项目。,7.3 网页动画制作与特效工具,7.3.2 Ulead Gif Animator Ulead GIF Animator是Ulead（友立）公司发布的是一个简单、快速、灵活、功能强大的GIF
14、动画编辑软件，使网页设计者可以快速地轻松创建和编辑网页动画文件。同时，Ulead GIF Animator也是一款不错的网页设计辅助工具，还可以作为Photoshop的插件使用。它具有丰富而强大的内置动画选项，让设计者能够更方便地制作出符合要求的GIF动画。 Ulead GIF Animator 5.0作为Ulead GIF Animator家族的最新成员，使用它制作出的GIF动画再也不是传统观念上的256色了，而是允许设计者在真彩色环境下，制作出色彩斑斓的动画。,7.3 网页动画制作与特效工具,7.3.3 Swish 虽然网上的动画早已是Flash的天下，但Flash的设计过程太过烦琐。Sw
15、ish是一款非常方便的Flash特效制作工具，可以实现简单地在网页中加入Flash动画。Swish特效中有许多细节结合使用能得到非常美观的效果，支持直接预览，能直接导出为SWF文档格式，支持中文，而且可以直接修改组件。 最新版本的Swish网络版支持Flash MX、视频片段导入等多种新特性，这使得Swish不再是以往定位的字体特效制作工具，而是一款功能强大，操作简单的新款Flash MX制作辅助工具。事实上，如果对于新版Swish操作足够熟悉，单单利用Swish就可以很快制作出复杂的Flash特效。,7.3 网页动画制作与特效工具,7.4.1 CuteFTP CuteFTP是最早支持断点续传
16、的FTP客户软件之一，是一个集FTP上传下载、FTP搜索和网页编辑功能于一体的软件包，其功能强大，使用方便，支持拖放。最新的CuteFTP版本，为了更好地适合专业用户的使用，推出不少新的特色功能，例如，目录比较上传、宏处理、远端文件直接比较操作及IE风格的工具栏等。 CuteFTP的最新版本是CuteFTP 6.0 Pro，是一个全新的商业级FTP客户端上传工具，提供了目录同步，自动排程，同时多站点链接、多协议支持（FTP、SFTP、HTTP、HTTPS），智能覆盖，整合的HTML编辑器等功能，以及更加快速的文件传输系统。,7.4 网页上传工具,7.4.2 FlashFXP FlashFXP是一个功能强大的上传下载工具，融合了其他优秀FTP软件的优点，例如，像CuteFTP一样可以比较文件夹，支持彩色文字显示；支持子文件夹的文件传送、删除；支持上传、下载及第三方文件续传；可以跳过指定的文件类型，只传送需要的文件；可以自定义不同文件类型的显示颜色；可以缓
