1.3.3 网页的技术构成

1.3.3 网页的技术构成

网页的技术构成主要有HTML、CSS、JavaScript、AJAX、jQuery、PHP等。

1.HTML

网页最基础的技术是HTML(Hyper Text Markup Language,超文本标记语言),它并不是一种程序设计语言,而是一种页面描述语言。它在很大程度上类似于排版语言。当用排版语言制作文本时,需要加一些控制标签来控制输出的字型、字号等,以获得所需的输出效果。与此类似,编制HTML文本时也需要加一些标签,说明段落、标题、图像、字体等。当用户通过网页浏览阅读HTML文件时,浏览器负责解释插入HTML文本中的各种标签,并以此为依据显示文本的内容。用HTML语言编写的文件称为HTML文本。HTML语言即Web页面的描述语言。HTML至今已发展到了HTML5,本书将在第3章对HTML5进行详细介绍。

2.CSS

CSS(Cascading Style Sheets,层叠样式表)是一组用于定义Web页面外观格式的规则。在网页制作时使用CSS技术,可以有效地对页面的布局、字体、颜色、背景和其他效果实现更加精确的控制。只要对相应的代码作一些简单的修改,就可以改变同一页面的不同部分,或者不同网页的外观格式。本书后面章节将详细介绍CSS3的相关知识。

3.JavaScript

JavaScript是适应动态网页制作的需要而诞生的一种新的编程语言,如今越来越广泛地用于Internet网页制作。JavaScript是由Netscape公司开发的一种脚本语言,或者称为描述语言。在HTML的基础上,使用JavaScript可以开发交互式Web网页。JavaScript的出现使网页和用户形成了一种实时性的、动态的、交互性的关系,使网页包含更多活跃的元素和更加精彩的内容。JavaScript短小精悍,又是在客户机上执行的,大大提高了网页的浏览速度和交互能力。同时它又是专门为制作Web网页而量身定做的一种简单的编程语言。

JavaScript增加了网页的互动性。JavaScript使有规律地重复的HTML文段简化,缩短下载时间。JavaScript能及时响应用户的操作,对提交表单作即时的检查,无须浪费时间交由CGI验证。

4.AJAX

术语AJAX用来描述一组技术,它使浏览器可以为用户提供更为自然的浏览体验。在AJAX之前,Web站点强制用户进入提交/等待/重新显示范例的循环,用户的动作总是与服务器的“思考时间”同步。AJAX提供与服务器异步通信的能力,从而使用户从请求/响应的循环中解脱出来。借助AJAX,可以在用户单击按钮时,使用JavaScript和DHTML立即更新UI,并向服务器发出异步请求,以执行更新或查询数据库。当请求返回时,就可以使用JavaScript和CSS相应地更新UI,而不是刷新整个页面。最重要的是,用户甚至不知道浏览器正在与服务器通信,Web站点看起来是即时响应的。

AJAX由几种蓬勃发展的技术以新的强大方式组合而成。AJAX包含:

(1)基于XHTML和CSS标准的表示;

(2)使用Document Object Model进行动态显示和交互;

(3)使用XMLHttpRequest与服务器进行异步通信;

(4)使用JavaScript绑定一切。

AJAX能在网页中加入精美特效,让网站更受用户喜爱。图1-6所示是AJAX照片展示效果,照片可左右滚动并有倒影效果。图1-7所示是AJAX实现的与现在流行的ligtbox效果类似的效果,即点小图,大图弹出,周围页面变为灰色半透明。

5.jQuery

jQuery是一个兼容多浏览器的JavaScript库,其核心理念是write less,do more(写得更少,做得更多)。jQuery是免费、开源的,使用MIT许可协议。jQuery的语法设计可以使开发者更加便捷,例如操作文档对象、选择DOM元素、制作动画效果、处理事件、使用AJAX以及其他功能。除此以外,jQuery提供API让开发者编写插件。其模块化的使用方式使开发者可以很轻松地开发出功能强大的静态或动态网页。

图1-6 照片展示(左右滚动并有倒影效果)

图1-7 点小图,大图弹出,周围页面变为灰色半透明

jQuery使用户能更方便地处理HTML文档和事件、实现动画效果,并且方便地为网站提供AJAX交互。jQuery还有一个比较大的优势,即它的文档说明很全,而且对各种应用也说明得很详细,同时还有许多成熟的插件可供选择。jQuery能够使用户的HTML页面保持代码和内容分离,也就是说,不用再在HTML里面插入一堆js来调用命令了,只需定义id即可。

6.PHP

PHP是一个基于服务端创建动态网站的脚本语言,可以用PHP和HTML生成网站主页。当一个访问者打开主页时,服务端便执行PHP的命令并将执行结果发送至访问者的浏览器中,这类似于ASP和CoildFusion,然而PHP和它们的不同之处在于PHP开放源码和跨越平台,PHP可以运行在Windows NT和多种版本的UNIX上。它不需要任何预先处理即可快速反馈结果,它也不需要mod_perl的调整来使服务器的内存映象减小。PHP消耗的资源较少,当PHP作为Apache Web服务器的一部分时,运行代码不需要调用外部二进制程序,服务器不需要承担任何额外的负担。

PHP能支持很多数据库,而在Internet上它也支持了相当多的通信协议(protocol),包括与电子邮件相关的IMAP、POP3,网管系统SNMP,网络新闻NNTP,账号共用NIS,全球信息网HTTP及Apache服务器,目录协议LDAP以及其他网络的相关函数。

除此之外,用PHP写出来的Web后端CGI程序可以很轻易地移植到不同的系统平台上。例如,以Linux架构的网站在系统负荷过高时,可以快速地将整个系统移到SUN工作站上,不用重新编译CGI程序。面对快速发展的Internet,这是长期规划的最好选择。