网页制作技术发展到现在,已经成为一项综合性很强的技术。它可以简单到只使用HTML做静态,单向的展示页面,也可以包含各种层出不穷的新技术,例如CSS,DHTML,XML,客户端脚本和服务器端脚本以及WEB组件等。 另外,为了梅花页面,图象,动画的制作和处理技术也很重要。下面简要介绍网页制作中常用的主要技术。 1.1超文本标记语言(HTML) HTML(Hyper Text Markup Language)中文翻译为 超文本标记语言,HTML语法是学习网页制作的重要基础,因为不论学习动态还是静态网页制作,都应该懂得怎样运用HTML撰写网页源代码。 HTML语言是在文本文件中加入一系列标记(tag)和指令(directive)形成的。这些标记和指令说明了Web页面的各种元素的显示方式。使用HTML编写的网页文件也是标准的纯文本文件,其文件扩展名通常为”html”或”htm”。大多数文本编辑工具如记事本或专用的可视化网页编辑工具如Dreanweaver都可以用来编辑或处理HTML文件。 HTML标准由国际组织WWW联盟(World Wide Web Consortium ,简称W3C)制定和维护。 1.2脚本语言(JavaScript与VBScript) HTML是一种标记语言,不像一般的程序语言具备流程控制,条件分支,输入输出互动等能力。为了使Web网页具备与使用者互动的能力,开发了各种内嵌在HTML中的脚本语言(Scripting Language)。 脚本语言语法比程序语言要简单,无须编译,可以经过浏览器解释执行。浏览器就是脚本语言运行的一个环境。目前JavaScript和VBScript是最常用的两种网页脚本语言。 1 JavaScript JavaScript是一种脚本语言,语法比较简单,不需编译,但只能将其代码嵌入到网页的HTML代码中,在浏览器中解释执行;Java是一个完整的面向对象程序设计语言,语法较复杂,需要编译,链接后才能执行。 由于JavaScript简单易用,常被用来作为网页用户界面的前端处理,例如网页日期时间的显示,表单数据的正确性检验等,不但可加强网页的交互性,另一方面又可减轻服务器的工作负担,一举数得。 2 VBScript VBScript是由VB演化而来的,但是VBScript是一种描述式语言,无需编译,必须附属在HTML中执行,而VB却是程序语言,编写的程序需要经过编译后才能运行。 由于VBScript简单易用,因此和JavaScript一样经常被用来作为网页脚本语言使用。更重要的是VBScript在ASP中作为服务器端的脚本语言,得到了广泛的应用。 目前,客户端脚本是以应用JavaScript为主,而VBScript主要用在服务器端脚本中。 1.3层叠样式表(CSS)和动态HTML 1 CSS(Cascading Style Sheets) 在HTML中,我们使用各种标记对显示的文本和图象进行控制,但对HTML总体上的控制却很有限。例如不能在屏幕上精确定位图象的位置等,使用CSS,这些问题就可迎刃而解。 使用CSS实现了将格式和结构分离,使我们能够对页面的布局施加更多的控制,而HTML代码仍可以保持简单明了。 使用CSS技术,可以将整个网站所使用的样式保存在一个CSS文件中,如将站点的所有网页都使用这个CSS文件控制格式,那么只要修改这个CSS文件,就可以改变整个网站中所有网页的外观,可以更快更容易地维护及更新大量的网页。 CSS代码有很好的兼容性,只要是可以识别CSS的浏览器就可以应用它. 2 DHTML(Dynamic HTML) DHTML是能够控制网页中各个HTML元素使之发生变化的动态技术。例如,当鼠标移动到某段文字上时能弹出一个快捷菜单等。DHTML实际上是综合了HTML,CSS和JavaScript这3种技术,利用层技术实现网页元素的重叠和隐藏,使用JavaScript脚本实现对页面的控制。 3 动态网页技术 静态网页只有文字,图形,图象等,用户只能被动地接受这些信息,而不能接收和处理用户提交的信息,更不能按照用户的要求生成包含特定信息的网页,在应用上受到很大的限制。 动态网页与DHTML是不同的概念。DHTML仅使用客户端脚本,有时也称为动态网页技术,这里的”动态”是指网页上动态的文字和图象,具有动态的界面效果;通常说的动态网页,就是Web服务器能够通过HTML表单收集用户的信息,用户也可以通过网页获得自己想要的信息,一般采用数据库技术,实现网页的界面和内容的分离,并使得网站内容的更新和维护非常方便。它有服务器端的程序支持,例如CGI,ASP,PHP或JSP等。 1.4可扩展标记语言(XML) 由于网络发展十分迅速,加上HTML在应用上碰到了一些瓶颈,如欠缺可扩展性与结构性,促使了可扩展标记语言XML(eXtendable Markup Language)的诞生。 XML与HTML相比至少有以下几个重要的差异: 1 XML文件可以自定义标记(Tags)和属性(Attribute),HTML则不能。 2 XML关心的是信息的保存方式,而HTML关心的是信息在浏览器中显示的效果 3 XML文件可以有选择性地利用DTD(Document Type Definition)或XML纲要(XML Schema)来确认文件的有效性,HTML则不可以。
|