task force）主持下，1995年11月在瑞士日内瓦举行的第一次WWW会议上成立了一个HTML工作小组。它的主要任务是把HTML形式化成为一种SGML DTD，称之为HTML Level 2（HTML 2.0，由本尼斯李最初设计的HTML被定义为Level 1）。标准化之后，HTML就可以被安全地扩展到将来的各个级别的版本，从而利用了SGML的实质性能和它的格式化结构。尽管有关的各方从来没有取得完全一致的共识，但万维网联盟HTML工作组（world wide web consortium's HTML working group）还是集中了1996年的万维网发展的成果，产生了HTML 3.2版本。HTML 4.0及其以后版本继承了以往版本的所有特点，并在以下几个方面有所发展： ·更加明确了文档的结构和表现形式上的区别，以鼓励使用格式表（style sheet）来取代使用元素和属性进行表现的方式 。
·更加优良的表单（form）性能，加入了访问关键词（access key）、构建对称的表单控件能力、构建对称的下拉菜单控件的能力和动态标签（active label）。 ·在文本描述的标记中包含对象。
·一种新客户端的文本包括在图像映射元素（map element），使得网页设计者可以集成文本和图像链接。
·可以将替代图像的文本包括在图像元素（IMG element）中，也可以将图像映射（image map）包含到区域元素中（area element）。
·在所有元素中支持title和language两个属性。
·更多的表格属性，包括Caption、Column groups和方便的非可视信息（non-visual reading）的表现机制。
4.1.3基于Html的UI设计过程
用Dreamweaver CS5创建html界面的方法很简单，首先是在本地新建站点，其次在用一些html标签放所需的控件，如命令按钮、单选钮、文本框、标签、图片框等。然后针对每个控件设定特定的Css样式来美化界面，最后制作好的界面在浏览器中预览，做适当调整即可。一般说来，用Dreamweaver CS5创建html界面时，需要以下五步：
1. 建立网站站点
在正式开始制作网页之前，最好先定义一个新网站，这是为了更好地利用站点窗口对站点文件进行管理，也可以尽可能的减少一些错误的出现，如路径出错，链接出错（特别是新手），当熟练掌握了DREAMWEAVER CS5的使用后，并且只需制作单个网页时候可以省去这一步；还值得说的是，新手做网页，就只知道做网页，条理性、结构性需加强，一个文件放
26
这里，另一个文件放那里，或者所有文件都放在同一文件夹内，这样显得很乱。就需要站点进行网页文件管理。
1) 首先打开Dreamweaver CS5，如图15所示：
（图15）
2) 点击顶部菜单栏【站点】下拉菜单，如图16所示
（图16）
3) 点击新建站点，出现如下对话框，如图17所示
（图17）
4) 按自己习惯填写相关信息，点击【保存】按钮。 2.控件添加
27
1）新建html文档，如图18所示
（图18）
2）在适当的位置添加控件，如标签，标签等。 3.div布局
使用div确定标签的位置。 4.css样式确定
修改控件的Css样式。如width，height等。 5.预览，修改。如图19所示。
（图19）
28
4.2 Javascript语言
4.2.1 Javascript语言简介和特点
Internet的迅猛发展，特别是WWW的日益普及很大程度上得益于网络上的超媒体信息。为了满足Web用户对信息资源无止境的渴求，开发者们在小断地扩允超媒体语言的能力。从静态文本到静态图像，从静态图像到动态图像，随后义加入了声音 、影像、三维动画等。另一方面，我们已不满足于被动地浏览，而是希望服务方在主页中提供更多的交互性，以便我们自己也可以加入 Web游戏中。 Java语言以及另外一此脚木语言( Script)的出现满足了服务方和用户方的这种要求。它们为Web内容开发者提供一种灵活简便的Web页面设计途径。其中，JavaScript在众多脚本语言中脱颖而出，被越来越多的Web作者认可和使用。比如，当我们进入某个主贝时，这个主页会弹出一个写有Cookies字样的提不框，让我们输入一些个人信息．其实这就是JavaScript脚本在起作用。JavaScript是种基于对象的脚本语言，使用它可以开发Internet客户端的应用程序。JavaScript在HTML页面中以语句形式出现，并且可以执行相应的操作。有些人可能认为JavaScript是Java的子集，就像VBScript和VB的关系一样。实际上，JavaScript和Java在语言上没有什么直接关系，它也不是Sun公司开发的产品它是Netscape公司为了扩充Netscape Navigator浏览器功能而开发的一种可以嵌入Web主页中的编程语言。早期称之为LiveScript,后来为了利用Java的功能同时借用它的流行性，把它改名为JavaScript
1 ．JavaScript是一种脚本语言
脚本是种能够完成某些特殊功能的小“程序”。这些小的“程序段”并不像一般程序那样被编泽，而是在程序运行过程中被逐行地解释。在脚本中所使用的命令与语句集称为脚本语言JavaScript是一种脚本语言，它的标识符形式上与C. C++. Pascal和Delphi十分类似。另外，它的命令和函数可同其他的止文和HTML标识符同放置在用户的Web主页中当用户的浏览器检索主页时，将运行这些程序并执行相应的操作。 Netscape Navigator 2。及其更高版本和Internet Explorer 3.0及其更高版本都具备这种功能。
2. JavaScript是基于对象的语言
面向对象程序设计，力图将程序设计为一些可以完成不同功能的独立部分（即对 象）的组合体。相同类型的对象作为一个类（Class）被组合在起（例如：“公共汽车”对
29
象属丁“汽车”类）。基于对象的语言也是一种面向对象语言，但它本身已具有创建完成的对象。例如，在JavaScript中，您不必创建“日期”这个对象，因为该语言已有这一对象，您可以直接使用它
3. JavaScript是事件驱动的语言
当您在Web主页中进行某种操作时就产生了一个“事件”。单击一个按钮、拖动鼠标等均可视为事件JavaScript是事件驱动的．当事件发生时，它可对其做出响应。具体如何响应某个事件取决于您的事件响应处理程序
4. JavaScript是安全的语言
JavaScript被设计为通过浏览器来处理并显示信息，但它不能修改其他文件中的内容。也就是说，它不能将数据存储在Web服务器或用户的计算机上，更不能对用户文件进行修改或删除操作
5. JavaScript是与平台无关的语言
对于一般的计算机程序，它们的运行与平台有关。例如，除非使用一个仿真器来 模拟Windows环境，否则不可能在Macintosh上运行一个Windows应用程序．JavaScript则并不依赖于具体的计算机平台（虽然有些限制），它只与解释它的浏览器有关。不论您使用Macintosh还是Windows,或是UNIX版本的Netscape Navigator, JavaScript都可正常运行。
6.其他一些特点
目前，除JavaScript以外，还有许多用于Web设计的工具，它们在一些功能上甚至超过JavaScript（如QuickTime vR, Shockwave, RealAudio, True Speech)。然而重要的是，为了使用这些l具，您需要购买相应的开发环境，而且这些工具往往并不便宜。而JavaScript的功能则是与浏览器相连的，无需任何附加的软件。JavaScript为Web内容设计人员提供极大的灵活性和控制手段．它是一种优秀的“粘合剂””，能将一个We七节点中的不同组成部分捆绑在一起，成为一个紧密结合的信息源。然而，JavaScript也有它的局限性。
1．浏览器相关的局限性
目前，www上有很多浏览器，如Netscape, Explorer, Mosaic, Hot Java等，但并不是每种浏览器都支持JavaScript。到现在为止，只有Netscape Navigator 2。、Netscape Navigator
30