HTML+CSS+JavaScript前端开发(慕课版)
上QQ阅读APP看书,第一时间看更新

1.6.1 客户端应用技术

客户端应用技术

在进行Web应用开发时,离不开客户端技术的支持。目前,比较常用的客户端技术包括HTML语言、CSS样式、Flash和客户端脚本技术。

1.HTML语言

HTML语言是客户端技术的基础,主要用于显示网页信息,它不需要编译,由浏览器解释执行。HTML语言简单易用,它在文件中加入标签,使其可以显示各种各样的字体、图形及闪烁效果,还增加了结构和标记,如头元素、文字、列表、表格、表单、框架、图像和多媒体等,并且提供了与Internet中其他文档的超链接。例如,在一个HTML页中,应用图像标记插入一个图片,可以使用图1-8所示的代码,该HTML页运行后的效果如图1-9所示。

图1-8 HTML文件

图1-9 运行结果

说明

HTML语言不区分大小写,这一点与Java不同。例如图1-8中的HTML标记<body></body>标记也可以写为<BODY></BODY>。

2.CSS

CSS是一种叫做样式表(Style Sheet)的技术,也有人称之为层叠样式表(Cascading Style Sheet)。在制作网页时采用CSS样式,可以有效地对页面的布局、字体、颜色、背景和其他效果实现更加精确的控制。只要对相应的代码做一些简单的修改,就可以改变整个页面的风格。CSS大大提高了开发者对信息展现格式的控制能力,特别是在目前比较流行的CSS+DIV布局的网站中,CSS的作用更是举足轻重了。例如,在“心之语许愿墙”网站中,如果程序中没有CSS代码,将显示图1-10所示的效果,而添加CSS代码后,将显示图1-11所示的效果。

图1-10 没有添加CSS样式的页面效果

图1-11 添加CSS样式的页面效果

说明

在网页中使用CSS样式不仅可以美化页面,而且可以优化网页速度。因为CSS样式表文件只是简单的文本格式,不需要安装额外的第三方插件。另外,由于CSS提供了很多滤镜效果,从而避免使用大量的图片,这样将大大缩小文件的体积,提高下载速度。

3.客户端脚本技术

客户端脚本技术是指嵌入Web页面中的程序代码。这些程序代码是一种解释性的语言,浏览器可以对客户端脚本进行解释。通过脚本语言可以实现以编程的方式对页面元素进行控制,从而增加页面的灵活性。常用的客户端脚本语言有Java Script和VBScript。

说明

目前,应用最为广泛的客户端脚本语言是Java Script脚本。它是Ajax的重要组成部分。在本书的第11~15章将对Java Script脚本语言进行详细介绍。