328
浏览本文主要是认识图像处理软件(Photoshop、Fireworks)、动画处理软件(Flash)和页面设计软件(Dreamweaver)在网站建设中的作用。
一个网站首先展现给客户的是它的页面,一个页面设计得好坏,在很大程度上影响着客户对网站的印象。页面设计离不幵图片的制作,目前网站制作过程中使用最多的两个图像处理工具是Photoshop和Fireworks。
Photoshop是Adobe公司开发的一款功能十分强大的专业级的图像编辑工具,它将选择工具、绘画和编辑工具、颜色校正工具及特殊效果功能结合起来,对图像进行编辑处理。Photoshop集图像编辑、图像合成、图像扫描等多种图像处理功能于一体,同时支持多种图像文件格式,并提供多种图像处理效果,可制作出生动形象的图像效果,是一个非常理想的图像处理工具。Photoshop界面如图3-6所示。
Photoshop不仅是一款很好的图像编辑软件,而且它在图像、图形、文字、视频、出版各方面都有所涉及。
Fireworks是一款强大的网页图形设计工具,使用它可以创建和编辑位图、矢量图形,还可以非常轻松地制作出各种网页效果,如翻转图像、下拉菜单等。设计完成以后,如果想在网页设计中使用,可以将它输出为html格式文件,还可以输出为能在Photoshop、Illustrator和Flash等软件中编辑的格式。Fireworks是Macromedia三套网页利器之一,它相当于结合了Photoshop(点阵图处理)以及CorelDRAW(绘制向量图)的功能。网页上很流行的阴影、立体按钮等效果,也只需用鼠标单击就可完成。不必再靠什么KPT之类的外挂滤镜。而且Fireworks很完整地支持网页16进制的色彩模式,提供安全色盘的使用和转换,比如要切割图形、要制作影像对应(ImageMap)景透明、要图又小又漂亮,在Fireworks4中都可以实现。同吋,修改图形也是很方便的,不需要再打开Photoshop和CorelDRAW等软件进行切换。Fireworks处理图像界面如图3-7所示。
动画可分为二维动画和三维动画。二维动画可以实现平面上的一些简单造型、位块移动、颜色变化等,常用的工具软件有AnimatorStudio、Flash等。三维动画可以实现三维造型、各种具有三维真实感物体的模拟等,常用的工具软件存3D Studio MAX。在网页中主要使用的动画制作工具是Flash。
Flash是Macromedia公司出品的矢量动画制作软件。利用该软件制作的动画,具有文件尺寸小、交互性强、可无损放大、可带音效等特点。另外,Flash采用的“流”技术打破了网络带宽的限制,可一边下载一边播放,特别是它的交互功能,给编写交互式课件带来很大方便。
交互提供了用户参与和控制动画播放内容的渠道。在Flash中,通过脚本的编辑,变量、函数、表达式的运用,可进行交互的实现。例如,可以利用它的表单功能,设计一个输入口令的程序,在网上只给合法用户提供口令。这种交互方式也可以用来判断学生练习答案的对与错,只有答对了才能进入下一步的学习。
Flash具有以下5个特点。
1)Flash是一个动画制作软件,能够集图形、声音、动画于一体,最终构成灵活高效的动画。Flash自诞生以来,发展极为迅速,是一款风靡全球的动画制作软件。目前网上绝大多数动画都是使用Hash制作的。
2)Flash、Dreamweaver和Fireworks三种软件称为“网页制作三剑客
3)Flash制作的动画播放速度快。主要源于采用了矢量图形压缩技术和网络流式媒体技术。
4)Flash具备强人的交互实现功能。Flash内置的脚本语言功能强人,利用脚本语言(也就是flash自带的程序设计语言),可以设计出交互功能强大的多媒体课件。
5)利用Flash可以很方便地制作出移动、变形、变色等各种各样的动画。特别是它运用了图层这一管理素材的方法,利用向导层、遮罩层产生了一些特殊的显示效果。各种层叠加在一起制作出复杂的动画效果。还可以利用脚本来控制动画的播放,为动画添加声音和音乐效果。
从最终的“体积”上看,由Flash生成的动画,往往比单纯用HTML或JavaScript写出的页面占用的空间要小很多,这是Flash最大的优点。Flash界面如图3-8所示。
Dreamweaver是美国Macromedia公司开发的集网页制作与管理网站于一身的所见即所得网页编辑器。它是第一套针对专业网页设计师特別发展的视觉化网页开发工具,利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的、充满动感的网页。Dreamweaver具有以下功能。
使用Dreamweaver的可视化开发环境添加对象,只:通过简单的拖拉技术(Drag Drop),将Objects窗口中的对象拖到Documentwindow中即可。例如,Web开发人员想在网页中加入一个Table,只需将Table从object窗体中拖放到舞台中,同时Dreamweaver将自动生成一个表格,通过Properties(属性)窗体可以进行格式的修改和调整。
Dreamweaver具有所见即所得的功能,在Properties(属性)窗体中调整参数,即可在Documentwindow窗体中看到它的改变。如果按下F12键,Dreamweaver会自动生成HTML格式文件供预览,以便设计人员进一步调整。
与Word相似,Dreamweaver具有强大的文本编辑能力,可以在Layer、Table、Frame或直接在DocumentWindow窗体中输入文字。通过快捷的右键,可以选择如Font(字体)类的选项进行编辑,也可以利用Text菜单进行更为细致的排版编辑。
Dreamweaver与现存的网页有着极好的兼耗性,不会更改任何其他编辑器生成的页面。这将大幅度降低由于HTML源代码的变更而给设计者带来的困难。
由Dreamweaver生成的HTML源代码保持了很好的可读性。代码结构基本上同手工生成的代码相同,这使设计者可以轻易掌握代码全局并加以修改。
设计者可以在可视化或者文本这两种方式下进行页面的设计,并且可以实时地监控HTML源代码。当设计者对代码做出任何改动时,结果将立刻显示出来。
Dreamweaver可以与R前流行的HTML代码编辑器(如BBEdit、HomeSite等)全面协调工作。已经习惯于使用这些纯文本编辑器的设计者将在不改变他们原有工作习惯的基础上,充分享受到Dreamweaver带来的更多功能。设计者可以使用文本编辑器直接编辑HTML,同时使用Dreamweaver生成较为复杂的动画、表格、Frame、JavaScript等(Dreamweaver分别为Windows用户以及Macintosh用户提供了完全版的HomeSite及BBEdit两个最流行的代码编辑器)。
动态HTML可以增强页面的交互性、提高卜'载速度、使页面更美观更易于设计且富有动感,这项技术广泛应用于网络。Dreamweaver对动态HTML完全支持,并提供了与之相关联的四大功能。而其他的可视化网页编辑工具几乎不提供或只提供小部分动态HTML的制作。
Dreamweaver界面如图3-9所示。