如何用DHTML编制网页(1)
1 前 言
随着Internet/Intranet的不断普及和发展,越来越多的公司、企业和个人正在开始建设自己的Web站点、编写Web网页,以一种新的方式向外界发布信息,供人们去浏览、阅读和应用。因此,网页制作已经受到越来越多的专业人员的重视。 网页是指通过Internet向全球提供信息的一些文档文件,包括个人信息、商业、娱乐等内容。网页是利用超文本标志语言HTML(HyperText Markup Languge)编写的,存放在Internet/Intranet上的Web服务器中,供访问者使用浏览器 (Browser)来阅读。利用HTML语言编写出来的网页又称为超文本,即网页中包含有文本、图形、声音、图像和超链接(HyperLink)等多媒体信息。
2 DHTML简
我我在浏览器中能接触到大量使用HTML和脚本语言编写的网页。为了方便浏览,各计算机厂商纷纷推出了自己的浏览器,这些浏览器对HTML的支持还没有一个统一的规范,显然这不利于互连网的发展。因此,万维网协会W3C(World Wide Web Consortium)制定了一个与平台和语言无关的规范,即文档对象模型DOM(Document Object Model)。 DOM将HTML、CSS技巧">CSS(层叠样式表)和脚本语言联合起来组成一个或多个人都能实现的互操作模型。Netscape、Microsoft都向W3C提出了实现DOM的建议:使用动态HTML,即DHTML(Dynamic HTML)来解决问题。 DHTML是在保持与现有HTML兼容的基础上扩展出来的几种新功能的总称。这些新功能主要是指动态功能、定位功能以及利用CSS的功能。 使用DHTML的原因有两个:一是DHTML将网页上的每一个元素划分成许多独立的对象,这些对象的属性通过CSS来指定。二是DHTML将每个对象向一个编程和脚本语言的框架开放,可使用编程语言C++操纵网页上的对象,也可使用Java script、VBscript操纵网页上的对象。这就表示Web页和其上的一切东西都是可编程的,这给Web页带来了新的功能。当我们在执行应用程序时就会发现不同之处:以前在Web上运行程序时,每次在单个元素后必须等待该网页重新下载,如果一个Web页包含了大量隐藏的对象,甚至一屏屏全新的页面,那将会经历一个再次访问服务器的过程;而使用DHTML,可以单击屏幕上方的某个图象,就可以使屏幕下方的段落立刻发生变化,而不必再访问服务器。所有的表格将变成活的数据库,用户可以动态和排序的筛选其中的数据。这样一来,就减少了对服务器的请求,因此降低了服务器的负荷,提高了客户机和服务器的总体性能。
3 使用样式表CSS
DHTML的基础是层叠样式表CSS(Cascading Style Sheets),样式是指由Web页作者定义的一组显示和定位属性。CSS最大的特点是面向对象的网页设计,也就是说,把每一页、每一段落、每个图象和表格都看成是一个对象。然后声明该对象的每个实例。每个实例都有一种样式 (Style),即一组属性或显示指令。只要声明一次,这些属性就会贯穿在整个网页甚至整个站点中。可以对每一种样式赋予一个名字,如H1、Li如果该样式的名称与一个有效的DHTML元素(或标记)的名称相同,则该样式就自动的作用于该元素的每一个实例;如果给一种样式所起的名称没有相应的DHTML标记,就必须人工地将该样式施加到希望它出现的地方。 3.1 定义和使用基本样式