1.3 网页设计常用工具和技术

1.3.1 网页图像制作软件Photoshop CS5和Fireworks CS5

Photoshop CS5是一款功能强大、使用范围广泛的优秀图像处理软件，一直占据着图像处理软件的领导地位。Photoshop支持多种图像格式以及多种色彩模式，还可以任意调整图像的尺寸、分辨率及画布的大小，使用Photoshop可以设计出网页的整体效果图、网页Logo、网页按钮和网页宣传广告等图像。如图1-10所示是Photoshop CS5的工作界面。

Fireworks CS5是一款用来设计网页图形的应用程序。它所包含的创新性解决方案解决了图形设计人员和网站管理人员面临的主要问题。Fireworks中的工具种类齐全，使用这些工具，可以在单个文件中创建和编辑位图和矢量图像、设计网页效果、修剪和优化图形以减小其文件大小，以及通过使重复性任务自动运行来节省时间。如图1-11所示是Fireworks CS5的工作界面。

1.3.2 网页编辑排版软件Dreamweaver CS5

常用的网页编辑排版软件有Dreamweaver和FrontPage。Dreamweaver是大众化的专业网页编辑排版软件，它的排版能力较强，功能全面，操作灵活，专业性强，因而受到广大网站专业设计人员的青睐。FrontPage作为Microsoft公司的办公软件之一，与Office的其他软件具有高度的兼容性，且有规范、简洁的操作界面，但网页制作方面的功能不如Dreamweaver强大。Dreamweaver CS5的工作界面如图1-12所示。

1.3.3 网页动画制作软件Flash CS5

Flash是网页动画制作软件之一，它具有小巧、灵活且功能卓越等特点。用Flash制作的动画文件很小，有利于网上发布，而且它还能制作出有交互功能的矢量动画。Flash CSS的工作界面如图1-13所示。

1.3.4 网页标记语言HTML介绍

HTML的英文全称是“HyperText Markup Language”，中文译为“超文本标记语言”。“超文本”就是指页面内可以包含图片、链接，甚至音乐和程序等非文字的元素。

网页是由HTML编写出来的。但HTML不是程序语言，只是标记语言。HTML的格式非常简单，仅由文字及标记组合而成，因此任何文本编辑器都可以制作HTML页面，像记事本等，但目前“所见即所得”的编辑器逐渐被网站设计人员接受，如FrontPage、Dreamweaver等。虽然这类编辑器不需要设计人员非常熟悉HTML代码，但毕竟是以HTML为基础，有些必要的语法和页面的优化仍然要用到HTML源代码。

1.3.5 网页脚本语言JavaScript

使用HTML只能制作出静态的网页，无法独立地完成与客户端动态交互的任务。虽然也有其他的语言如CGI、ASP、Java等能制作出交互的网页，但是因为其编程方法较为复杂，因此Netscape公司开发出了JavaScript语言，它引进了Java语言的概念，是内嵌于HTML中的脚本语言。Java和JavaScript语言虽然在语法上很相似，但它们仍然是两种不同的语言。JavaScript仅仅是一种嵌入到HTML文件中的描述性语言，并不编译产生机器代码，只是由浏览器的解释器将其动态地处理成可执行的代码。而Java与JavaScript语言也是比较复杂的编译性语言。

JavaScript是一种内嵌于HTML文件的、基于对象的脚本设计语言。它是一种解释性的语言，不需要JavaScript程序进行预先编译而产生可运行的机器代码。由于JavaScript是由Java集成而来，因此它也是一种面向对象的程序设计语言。它所包含的对象有两个组成部分，即变量和函数，也称为属性和方法。

1.3.6 动态网页编程语言ASP

ASP是Active Server Page的缩写。ASP是微软公司开发的代替CGI脚本程序的一种语言，它可以与数据库和其他程序进行交互，是一种简单、方便的编程工具。ASP文件的格式是.asp，可以用来创建和运行动态网页或Web应用程序。ASP网页可以包含HTML标记、普通文本、脚本命令及COM组件等。与HTML相比，ASP网页具有以下特点。

利用ASP实现动态网页技术。

ASP文件是包含在HTML代码所组成的文件中的，易于修改和测试。

ASP语言无须进行编译或链接就可以直接执行，使用一些相对简单的脚本语言，如JavaScript和VBScript的一些基础知识，结合HTML即可完成网站的制作。

ASP提供了一些内置对象，使用这些对象可以使服务器端脚本功能更强。

ASP可以使用服务器端ActiveX组件来执行各种各样的任务。

由于服务器是将ASP程序执行的结果以HTML格式传回客户端浏览器的，因此使用者不会看到ASP所编写的原始程序代码，可确保源程序的完全。