高校门户网站作为高校进行对外宣传和学术交流的基本平台,可以使高校内部的信息资源实现有效的分享。据调查,现在许多高校的网站还未采用Web标准,关于网站设计仍然延续的是传统的冗杂的代码以及层层的表格形式,使得网站的访问要等很长的一段时间,甚至还会因为浏览器的问题使得相关的网站的页面显示效果不佳,甚至在手机上直接打不开。因此,必须要将Web标准引进到高校网站建设中去。一方面可以有效减少冗杂的代码,节省带宽以及服务器的维修和服务成本,另一方面,对加快页面的解析速度,增强用户体验具有非常重要的作用。

1 Web标准的概述

1.1 Web标准的含义

所谓的Web标准指的并不是某一个具体的标准,而是一系列标准的集合体,其目的是为了相关网站访问者在浏览器或手机等手机终端设备上将正确内容显示出来,而创建的统一用于Web表面的技术标准。

1.2 Web标准的重要组成部分

在Web标准下的网页一般是由结构、表现以及行为3个部分组成,其对应的组成标准也主要是结构化的标准语言,即HTML超文本标记语言、XML可扩展标记语言以及XHTML可扩展超文本标记语言3部分;表现语言的标准,即CSS层叠样式表;行为标准。

(1)结构。HTML超文本标记语言作为Web最基本的描述性语言,主要是图像以及说明文字为代表的HTML命令所组成的、具有一定描述性质的文本。然而,HTML结构是由主体和头部所组成的,其中主体主要包含所要说明的具体内容,头部主要是对浏览器所需的信息进行一定的描述。

XML可扩展标记语言,是一种能够进行自定义和可以扩展的语言,具有非常强大的数据转换能力,在一定程度上可以借助某种方式直接代替HTML。

XHTML可扩展超文本标记语言,从名称上就可以看出是HTML向XML的过渡期间的置标性语言,主要是在HTML4.0的基础上,通过对XML的扩展得到的。

(2)表现。CSS层叠样式表:CSS主要是用来布局一定的描述网页,同时又脱离HTML所负责的主要结构,对高校网站的网页布局、字体大小等进行一定的控制。

(3)表现。DOM文档对象模型:DOM作为文档的操作对象,可以实现浏览器与网页内容结构之间的连接与沟通,从而方便人们对于高校网站的访问,从中获取有效信息。

2 高校网站选择Web标准的原因

高校网站的建设一方面可以直观反映出学校本身对科学技术的应用以及重视程度,另一方面也是学校进行对外交流和宣传的网络平台,对帮助学校的师生员工及时获取教学、学习以及工作资源具有非常重要的意义。因此,加强Web标准对高校网站的建设与发展势在必行。其具体原因如下:

2.1 Web标准的优势

(1)加快网页访问的速度。Web标准打破了传统网友的布局方法,其进行页面布局的基本原理是采用分离表现和结构的形式,进一步实现浏览器对相关结构以及设计元素的分析与评价,同时减少多余的代码,从而将文件变得更小、加快网页访问的速度以及文件的下载速度。

(2)良好的兼容性。在高校网站的设计当中,通过链接不同的CSS样式文件就可以分离表现和结构两部分,从而可以使不同的浏览设备都能比较容易地看到网站的内容。此外,根据Web标准设计的网站也可以兼容未来的浏览器。

(3)对网站的开发与维护相对比较简单。 高校对网站的建设并不是一蹴而就的,而是经历了一个不断完善与发展的过程。建设过程中,如若不小心将表现和结构混在一起,在进行网站修改时一般都需要进行二次的开发,不仅增加了高校对网站的维修成本,而且也将维修时间无限地延长。因此,在进行高校网站的设计过程中将内容与样式逐渐分开,可以帮助专门的开发设计人员更好地专注于对网站样式的设计,从而拒绝了对样式内容的重复定义。

2.2 目前高校网站建设与发展过程中Web标准的应用现状

(1)目前高校网站建设与发展过程中对Web标准的应用,仍然停留在传统的语法层面来进行W3C的检验。同时,对于校验只能通过语法层面来判断网站的代码有没有问题,使得通过一定代码进行校验的网站并不适应于Web标准,更不能进一步检查出Web标准结构的合理性。

(2)国家不重视Web标准对于高校网站的建设与发展,通过对国内部分高校网站的调查和研究,发现只有极少数的高校通过了W3C的检验,使得大部分高校的网站在建设和发展过程中会出现不同程度的错误或者警示。

3 Web标准下对于高校建设建设与发展的具体应用

3.1 利用HTML的置标语言进行网站代码的书写

HTML作为网站代码的核心,因此,要利用HTML的置标语言进行网站代码的书写。

(1)对于选择合适的DOCTYPE,其主要可以说明的版本型号。

(2)设置一定的名词空间,其主要是为了说明文档的主人。

(3)对HTML文档所使用的编码语言进行一定的声明,其操作方法非常简单,只需要在文档中的相关标签中输入指定的元素来进行语言的编码。需要注意的是,要根据网站的内容来选择合适的语言。

(4)在进行标签的书写时要全部使用小写字母,同时要保证所有的属性值不能为空,还要给其加一定的引号,最后,要将所有的标签以及空标签关闭。

(5)给CSS留下一定的接口。只有这样才能将网页的形式表现出来,并且只要给相关标签设置的ID留下一定的接口即可,需要说明的是关于ID的名称在每个页面上只许使用一次。

3.2 利用CSS对网站页面进行合理布局

将表现与结构分离是Web标准的核心思想,CSS是其最主要的表现形式和元素,在此之前的结构中给CSS留下的接口,其主要目的就是便于引用CSS的样式表,合理布局高校网站的页面元素,最后将其科学合理地展现出来。此外,利用外联和内联的方法可以很好将CSS样表在HTML中应用。

(1)关于CSS的语法结构。其主要包括选择符、属性以及值。选择符主要指的是HTML文档中所定义的接口;属性则是控制CSS样表的核心,如对颜色、大小以及浮动方式的控制等;值指的主要是关于属性的具体量化单位。

(2)关于分组选择符的书写。将属性和值相同的选择符通过一定的方式组合起来书写,并且用逗号进行分隔,便可以尽可能地减少对样式的重复定义。

(3)关于包含选择符的书写,其主要是用于对某一个具体的子对象的样式进行控制。

(4)关于伪类以及伪对象。用户不能对CSS中扩展类型和对象的名称进行自定义,就只能使用标准的格式,并将其应用到具体的高校网站建设和发展中。

此外,借助一定的特殊技巧帮助网页实现对各种浏览器的兼容,如:CSS Hack在高校网站中的设计。

3.3 利用一定的DOM标准的脚本语言

(1)在Web标准设计的时代里,对于用户的体验非常重视,然而DOM主要指的是与文档有关的对象模型是其最重要的设计元素,使得Web页面的操作像具体应用程序的操作一样简单快捷。

(2)DOM的脚本操作语言主要是一种独立于平台和语言的方式,对文档的内容和结构进行一定程度的修改。即可以通过添加、移除以及改变页面上的具体项目对整个HTML文档重新建构,由此获得HTML文档中所有元素的访问入口。

(3)随着W3C的不断更新和DOM的愈加规范化,使得大多数浏览器对于DOM LEVEL1的规范内容都比较支持,但是需要注意的是并不是所有的浏览器都支持这种方式。在进行脚本语言的编写时仍然需要专门的浏览器。

4 结语

随着科学技术的不断进步与发展,我国高校进行信息化建设的脚步逐渐适应了时代的发展,高校网站也已经成为高校之间进行信息交流和传递的窗口,因此在高校网站的建设与发展中对于Web标准的应用更加重视。 (1)Web标准对高校网站的结构可以进一步完善,对于界面的布局和相关用户的体验也更加重视; (2)对于各种浏览器以及手机等各种终端设备的兼容性比较高,对高校网站的建设与发展逐渐趋于Web的标准化,以及充分发挥高校在网络上的意义具有重要的推动作用。对Web标准进行了简单的分析,对其含义和组成部分有了大致的了解之后,又综合Web标准的优势 (加快网页访问的速度、良好的兼容性以及对网站的开发与维护相对比较简单)和目前高校网站建设与发展过程中Web标准的应用现状两方面具体分析了高校网站选择Web标准的具体原因,在进行深入的思考和探究之后,最后从利用HTML的置标语言进行网站代码的书写、利用CSS对网站页面进行合理布局以及利用一定的DOM标准的脚本语言对Web标准在高校建设建设与发展的具体应用进行非常详尽的分析与探究。