介绍我们看到网页内容非常丰富,那么用什么工具来进行创作、编辑这些元素哪?现在网页制作软件很多, 下面介绍几种主要的网页图像、动画制作软件和网页编辑工具。
1.3.1 网页图像制作工具1. Fireworks MX Firework MX 是 Macromedia 公司的产品,是目前最流行的网页图像制作软件。
只有将Dreamweaver 的默认图像编辑器设为 Fireworks ,那么在 Fireworks 中制作完成网页图像后将其输出就会立即在 Dreamweaver 中更新。
Fireworks 还可以安装使用所有的 Photoshop滤镜,并且可以直接导入 PSD 格式图像。
更方便的是它不仅结合了 Photoshop 位图功能以及CorelDRAW 矢量图的功能,而且提供了大量的网页图像模板供用户使用。
例如,网页上很流行的阴影和立体按钮等效果,只需单击一下就可以制作完成。
其最方便之处是,它可以将图像切割,图像映射,悬停按钮,图像翻转等效果直接生成 HTML 代码,或者嵌入到现有的网页中,或者作为单独的网页出现。
2. Photo Impact Photo Impact 是一个功能强大,有趣且好用的基于对象的图像编辑软件。
在这个软件中,所有要编辑的图像都会向以独立的对象形式存在, 用户可以一直对独立的对象进行编辑, 直到满意后再将它合并到图像上。
当然,在编辑独立对象的过程中不会影响图像的其他部分,这样,用户对于正在编辑的作品就有了更大的控制权。
Photo Impact 还提供了各种各样的特效及模版,使用户可以更轻松的编辑图像。
1.3.2 动画制作工具1. Flash MX Flash MX 也是 Macromedia 公司的产品,是目前最流行的矢量动画制作软件。
与其它的动和软件相比,它具有一些优点: 制作的是矢量图像。
只有用少量矢量数据就可以描述一个复杂的对象,而占有的 存储空间只是位图的几千分之一,非常适合在网络上使用。
同时,矢量图像不会随 浏览器窗口大小的改变而改变画面质量。
使用插件方式工作。
提供了一些增强功能。
例如,支持位图,声音,渐变色和 Alpha 透明等。
拥有了 这些功能,用户就完全可以建立一个全部由 Flash 制作的站点。
Flash 影片也是一种流式文件。
这就是说,浏览者在观看一个大动画时,可以不 必等到影片全部下做到本地在观看,而是可以随时观看, 即使后面的内容还没有完 全下载,也可以开始欣赏动画。
2. Director Director 是 Macromedia 公司推出的多媒体开发工具,它为广大多媒体制作人员提供了建立交互式应用的强大功能。
用户可以在友好的界面下通过使用 Director 制作出令人满意的多媒体作品。
Director 是一个简单且直观的软件,即使是首次使用该软件的用户也能编出优秀的程序。
而且,Director 又是一个高度面向对象的工具,非常适合图像设计者使用。
1.3.3 网页编辑工具1. FrontPage 2000 FrontPage 2000 是 Microsoft Office 2000 家族中的一员,FrontPage 2000 的界面,功能与 Word 2000 都非常相似。
FrontPage2000 提供了相当数量的模版和向导,使初学者能够非常容易的设计出美观实用的网页。
FrontPage 2000 最强大之处,是其站点管理与远程发布功能。
用户只需在本地对网页进行编辑,FrontPage 2000 便会跟踪用户编辑过的文件,在发布时,自动将修改过的网页进行发布,未编辑过的网页可由用户决定是否再次向服务器发送。
2. Dreamweaver MX Dreamweaver MX 和 Fireworks MX、Flash MX 一起,被人们喻为“网页制作三剑客” 。
同 FrontPage 一样,Dreamweaver 也是“所见即所得”的网页编辑软件。
它能够很好的支持ActiveX JavaScript Java Flash 和 Shockwave 等,而且还能通过鼠标拖动的方式从头到尾制作动态的 HTML 效果。
Dreamweaver 还采用了 Roundtrip HTML 技术,使用这些技术,网页可以在 Dreamweaver 和 HTML 代码编辑器之间进行自由转化,而 HTML 语法及结构不变。
这样,专业设计者可以在不改变原有编辑习惯的同时,充分享受到“所见即所得”带来的方便。
Dreamweaver MX 是一种全新概念的产品。
利用它,开发人员,编程人员和设计人员可以在多种服务器平台上, 在一个软件中完成支持几种语言的动态网页的开发, 产生和编辑用ASP,
JSP 和 Cold Fusion 开发的 Web 内容。
由于 Dreamweaver MX 是从低版本的 Dreamweaver环境衍生出来的,因此它也是具有十分完美的 HTML 和 JavaScript 功能。
3. HotDogHotDog 是较早基于代码的网页设计工具,其最具特色的地方是提供了许多向导工具,能帮助设计者制作页面中的复杂部分。
( HotDog 的高级 HTML 支持插入 marquee 动态文本标记) ,并能在预览模式中以正常速度观看。
这点非常难得,因为即使首创这种标签的 Microsoft 在FrontPage 98 中也未提供这样的功能。
HotDog 对 plug-in 的支持也远远超过其他产品,它提供的对话框允许你以手动方式为不同格式的文件选择不同的选项。
但对中文的处理不很方便。
HotDog 是个功能强大的软件,对于那些希望在网页中加入 CSS、Java、RealVideo 等复杂技术的高级设计者,是个很好的选择。
跳过 1.4 1.5 动态网页的支持技术 动态网页此处是指浏览器和服务器数据库可以进行实时数据交流的动态交互网页,而不是加上了动画等效果的动感网页。
随着 Web 技术的发展,动态网页已成为网页制作的流行趋势。
制作动态网页仅用上面的工具是不够的,还要结合下面几种常见的支持技术,来开发服务器端的脚本应用程序。
1.5.1 asp 技术 ASP (Microsoft Active Server Pages)是一套微软开发的服务器端脚本环境, ASP 内含于 IIS 3.0 和 4.0 之中 通过 ASP 我们可以结合 HTML 网页、 ASP 指令和 ActiveX元件建立动态、交互且高效的 WEB 服务器应用程序。
有了 ASP 你就不必担心客户的浏览器是否能运行你所编写的代码, 因为所有的程序都将在服务器端执行, 包括所有嵌在普通HTML 中的脚本程序。
当程序执行完毕后,服务器仅将执行的结果返回给客户浏览器,这样也就减轻了客户端浏览器的负担,大大提高了交互的速度。
ASP 应用程序可以手工编码制作,也可以通过 Dreamweaver MX 等可视化工具创作生成。
ASP 的具体内容将在后面的动态网页设计中讲解。
1.5.2 PHP 技术 PHP(Hypertext Preprocesso 超文本预处理器)是一种易于学习和使用的服务器端脚本语言。
只需要很少的编程知识你就能使用 PHP 建立一个真正交互的 WEB 站点。
PHP 自从诞生以来,以其简单的语法、强大的功能讯速得到了广泛的应用。
PHP 除了能够操作页面,还能发送 HTTP 的标题;它不需要特殊的开发环境和 IDE;它不仅支持多种数据库,还支持多种通信协议;另外,PHP 还具有极强的兼容性。
PHP 是完全免费的,不用花钱,可以从PHP 官方站点http://www.php.net自由下载。
PHP 在大多数 Unix 平台,GUN/Linux 和微软 Windows 平台上均可以运行。
1.5.3
JSP 技术 两者都提供在 HTML 代码中混合某种程序代码、
JSP 与 Microsoft 的 ASP 技术非常相似。
由语言引擎解释执行程序代码的功能。
与 ASP 一样,
JSP 中的 Java 代码均在服务器端执行。
因此,在浏览器中使用查看源文件菜单是无法看到
JSP 源代码的,只能看到结果HTML 代码。
JSP 与 ASP 虽然有很多相识之处,但两者也有重要区别:第一,ASP 的编程语言是VBScript 之类的脚本语言,
JSP 使用的是 Java;第二,两种语言引擎用完全不同的方式处理页面中嵌入的程序代码。
在 ASP 下,VBScript 代码被 ASP 引擎解释执行;在
JSP 下,代码被编译成 Servlet 并由 Java 虚拟机执行处理代码。
小结 设计制作网页的常见方式有:手工直接编码、利用可视化工具、手工编码和可视化工具结合等三种。
大家可根据自己的实际情况选择合适的方式。
如果采用可视化工具编辑网页应从前面介绍的工具中通过实际操作进行选择。
一旦选定了工具就应该系统深入地学习研究其功能和用法,切不可浅尝则止,似是而非。
网页元素非常丰富,但要根据实际需要和他们的特点选择使用。
不要认为元素用的越多越好或越复杂越好,相反简洁生动、突出主题才是网页设计的终极目标。
动态网页的支持技术和 HTML 语言不要求大家进行深入系统的学习,但对他们功能和特点的了解有利于我们理解网页技术的工作原理和进行设计工具的选择。
操作思考 1.常见网页元素包括那些?浏览谷歌主页,并指出其中包含的网页元素。
2.网页设计制作的常见工具有哪些,各有什么特点? 3.动态网页的支持技术有哪些,各有什么特点? 4.分析谷歌主页的网页代码,并将其改造成我们自己的主页。
提示:(1) 在浏览器 IE 中浏览该主页,并通过“查看/源文件”菜单将源代码复制到硬盘中。
(2) 分析代码中的 HTML 标记,修改相关内容,使之成为符合我们个人主题的网页。
比如班级主页、学校 主页或个人主页等等。
(3) 在浏览中打开我们修改后的主页文件,浏览修改效果。
上一篇:
第08章_EJB开发——DAO数据库访问
下一篇:
白色姜花,略微开了