论文部分内容阅读
摘要:中职校园网站是对外宣传的窗口,是展示校园文化的平台,是师生相互沟通的桥梁,因此校园网站建设显得尤为重要。文中主要对Web标准及其构成进行分析,并应用Web标准进行中职校园网站建设,实现了网页中结构、表现、行为三者相分离,获得更好的访问性能,降低了维护成本。采用Web标准进行校园网站建设是必然的选择。
关键词:Web标准;XHTML;CSS;DIV;中职校园网站建设
中图分类号:TP393
文献标识码:A
文章编号:1009-3044(2017)10-0188-02
1.引言
随着计算机技术的不断发展,网络在人们的生活中越来越重要,可以说网络时刻影响着人们,人们通过各种不同类型的网站获取信息、学习新知识等。对于中职学校来说,校园网站是对外宣传的窗口,是展示校园文化的平台,是师生相互沟通的桥梁,因此校园网站的建设显得尤为重要。而以往的中职校园网站,大多采用层层嵌套的表格布局和复杂冗余的代码。在校园网访问量日渐增多的情况下,网站访问者在机器CPU、GPU、内存等硬件性能影响下,要花费很长时间才能将页面打开;此外由于各浏览器的兼容性问题,页面的显示效果也是千差万别,严重影响了校园网站的应用和学校形象。因此,为了更好地与外界沟通,使中职学校得以长足发展,采用Web标准进行校园网站建设是必然的选择。
2.Web标准概述
2.1Web标准的提出
Web标准,也被称为网站标准,是由国际工业协会W3C(World Wide Web Consortium)和其他标准化组织共同制定的一系列的技术规范,以此来创建和解释基于Web的内容,改变二十世纪90年代Web领域中各浏览器生产厂商之间不兼容现象。1998年这些规范被定义为“Web标准”,并在不断发展更新中,使它更方便、更有效、更强大。但它创建一始,并没有被强迫要求使用,也就没有得到网页设计人员的重视。直到近几年,随着互联网技术的不断发展和行业的规范,Web标准在网站建设中才被广泛接受和推广,成为全世界公认的标准。
2.2 Web标准的构成
Web标准是一系列规范共同组成的标准集合。符合Web标准的网页主要由三部分组成,即结构(Structure)、表现(Pre-sentation)和行为(Behavior)。其对应的标准也分为三个方面:结构化标准语言、表现标准语言和行为标准语言。如图1所示。
(1)结构:结构是所有表现的基础,用于对网站数据的分类及整合。结构化标准语言主要是HTML,XML和XHTML。HT-ML超文本标记语言广泛用于现在的网页,用来为文档增加结构信息,如表示标题,
表示段落等。2014年10月W3C宣布完成HTML5标准规范。XML可扩展标记语言是用来定义其它语言的一种元语言,其中的标记是关键部分,网页设计者可以用来创建内容,然后使用限定标记标记它,使每个单词短语或块成为可识别、可分类的信息,常用于网络数据的转换和描述。XHTML可扩展标识语言是用XML的规则对HTML4.0进行扩展而得,为实现HTML向XML的过渡而建立,XHTML结构要求严谨。
(2)表现:用于设计者赋予内容的一种样式。表现标准是CSS(Cascading Style Sheds)层叠样式表,用来控制网页内容的外观,如版式、颜色、字体大小等。使用CSS可简化HTML中各种复杂的标记,实现与HTML所负责的结构相分离,使网站的访问和维护更加容易。目前推荐使用的标准是CSS2.0。
(3)行为:用于用户对网页文档的交互操作,行为标准主要包括文档对象模型DOM (Document Object Model)和ECMAS—cript。DOM是行为要操作的文档对象,是浏览器与内容结构之间沟通的接口,用以访问页面上其他的标准组件。ECMAScript是ECMA(European Computer Manufacturers Associationl制定的标准脚本语言,用于实现具体的界面上对象的交互操作,目前推荐遵循的ECMAScript262主要是JavaScript技术。
3.web标准在中职校园网站建设中的应用
俗话说“没有规矩不成方圆”,任何事物有了标准才会更加完善,网站设计也是这样。基于Web标准网站设计的核心是实现内容与表现相分离,即网站的结构、表现、行为三者相分离。在中职校园网站建设中采用Web标准,实现内容与表现相分离,才是真正意义上符合Web标准的网页设计,才能达到最佳架构,提高中职校园网站可用性与用户体验。
3.1使用XHTML代码对网站内容进行架构
XHTML是网页代码的核心内容,利用XHTML标签格式化文档的内容,建立语义化文档,实现HTML向XML的过渡。所要遵循的XHTML规则如下:
(1)选择相应的DOCTYPE。DOCTYPE是用来说明XHT-ML的版本,在浏览器解释文档时发挥很大的作用。XHTMLl.0提供了严格型(Striet)、框架型(Frameset)、过渡型(Trans~ion)三种选择。过渡型是当前广泛使用的类型,因此在我校校园网站建设中也是使用过渡型,其具体代碼格式如下:
<!DOCTYPE html PUBLIC“-//W3C//DTD XHTML 1.0 Tran-sifional//EN”“http://www.w3.org/TR/xhtmll/DTD/xhtmll-transi-tional.dtd">。
(2)设定命名空间。这里用来指出文档的所有者,其具体代码格式如下: 。这里声明的编码语言是简体中文GB2312。
(4)所有标签和属性的名字均使用小写字母书写,并为每个标签配备相应的结束标签,正确嵌套标签,将所有的属性用引号括起来并赋值。
3.2使用CSS对网站进行页面布局
布局是表现层技术的基础,所有表现层的设计都基于布局。传统的网页在设计时为了实现页面布局效果,经常会使用大量的表格,有时还会进行各种嵌套,代码的可读性降低,页面字节数直线攀升,页面内容和表现也混杂在一起,维护成本较高。为使内容和表现相分离,采用CSS的页面布局方案。
(1)用D1V来定义语义结构。D1V的中文理解为“层”,它相当于—个容器,包括起始标签
关键词:Web标准;XHTML;CSS;DIV;中职校园网站建设
中图分类号:TP393
文献标识码:A
文章编号:1009-3044(2017)10-0188-02
1.引言
随着计算机技术的不断发展,网络在人们的生活中越来越重要,可以说网络时刻影响着人们,人们通过各种不同类型的网站获取信息、学习新知识等。对于中职学校来说,校园网站是对外宣传的窗口,是展示校园文化的平台,是师生相互沟通的桥梁,因此校园网站的建设显得尤为重要。而以往的中职校园网站,大多采用层层嵌套的表格布局和复杂冗余的代码。在校园网访问量日渐增多的情况下,网站访问者在机器CPU、GPU、内存等硬件性能影响下,要花费很长时间才能将页面打开;此外由于各浏览器的兼容性问题,页面的显示效果也是千差万别,严重影响了校园网站的应用和学校形象。因此,为了更好地与外界沟通,使中职学校得以长足发展,采用Web标准进行校园网站建设是必然的选择。
2.Web标准概述
2.1Web标准的提出
Web标准,也被称为网站标准,是由国际工业协会W3C(World Wide Web Consortium)和其他标准化组织共同制定的一系列的技术规范,以此来创建和解释基于Web的内容,改变二十世纪90年代Web领域中各浏览器生产厂商之间不兼容现象。1998年这些规范被定义为“Web标准”,并在不断发展更新中,使它更方便、更有效、更强大。但它创建一始,并没有被强迫要求使用,也就没有得到网页设计人员的重视。直到近几年,随着互联网技术的不断发展和行业的规范,Web标准在网站建设中才被广泛接受和推广,成为全世界公认的标准。
2.2 Web标准的构成
Web标准是一系列规范共同组成的标准集合。符合Web标准的网页主要由三部分组成,即结构(Structure)、表现(Pre-sentation)和行为(Behavior)。其对应的标准也分为三个方面:结构化标准语言、表现标准语言和行为标准语言。如图1所示。
(1)结构:结构是所有表现的基础,用于对网站数据的分类及整合。结构化标准语言主要是HTML,XML和XHTML。HT-ML超文本标记语言广泛用于现在的网页,用来为文档增加结构信息,如
表示段落等。2014年10月W3C宣布完成HTML5标准规范。XML可扩展标记语言是用来定义其它语言的一种元语言,其中的标记是关键部分,网页设计者可以用来创建内容,然后使用限定标记标记它,使每个单词短语或块成为可识别、可分类的信息,常用于网络数据的转换和描述。XHTML可扩展标识语言是用XML的规则对HTML4.0进行扩展而得,为实现HTML向XML的过渡而建立,XHTML结构要求严谨。
(2)表现:用于设计者赋予内容的一种样式。表现标准是CSS(Cascading Style Sheds)层叠样式表,用来控制网页内容的外观,如版式、颜色、字体大小等。使用CSS可简化HTML中各种复杂的标记,实现与HTML所负责的结构相分离,使网站的访问和维护更加容易。目前推荐使用的标准是CSS2.0。
(3)行为:用于用户对网页文档的交互操作,行为标准主要包括文档对象模型DOM (Document Object Model)和ECMAS—cript。DOM是行为要操作的文档对象,是浏览器与内容结构之间沟通的接口,用以访问页面上其他的标准组件。ECMAScript是ECMA(European Computer Manufacturers Associationl制定的标准脚本语言,用于实现具体的界面上对象的交互操作,目前推荐遵循的ECMAScript262主要是JavaScript技术。
3.web标准在中职校园网站建设中的应用
俗话说“没有规矩不成方圆”,任何事物有了标准才会更加完善,网站设计也是这样。基于Web标准网站设计的核心是实现内容与表现相分离,即网站的结构、表现、行为三者相分离。在中职校园网站建设中采用Web标准,实现内容与表现相分离,才是真正意义上符合Web标准的网页设计,才能达到最佳架构,提高中职校园网站可用性与用户体验。
3.1使用XHTML代码对网站内容进行架构
XHTML是网页代码的核心内容,利用XHTML标签格式化文档的内容,建立语义化文档,实现HTML向XML的过渡。所要遵循的XHTML规则如下:
(1)选择相应的DOCTYPE。DOCTYPE是用来说明XHT-ML的版本,在浏览器解释文档时发挥很大的作用。XHTMLl.0提供了严格型(Striet)、框架型(Frameset)、过渡型(Trans~ion)三种选择。过渡型是当前广泛使用的类型,因此在我校校园网站建设中也是使用过渡型,其具体代碼格式如下:
<!DOCTYPE html PUBLIC“-//W3C//DTD XHTML 1.0 Tran-sifional//EN”“http://www.w3.org/TR/xhtmll/DTD/xhtmll-transi-tional.dtd">。
(2)设定命名空间。这里用来指出文档的所有者,其具体代码格式如下:
3.2使用CSS对网站进行页面布局
布局是表现层技术的基础,所有表现层的设计都基于布局。传统的网页在设计时为了实现页面布局效果,经常会使用大量的表格,有时还会进行各种嵌套,代码的可读性降低,页面字节数直线攀升,页面内容和表现也混杂在一起,维护成本较高。为使内容和表现相分离,采用CSS的页面布局方案。
(1)用D1V来定义语义结构。D1V的中文理解为“层”,它相当于—个容器,包括起始标签
和结束标签之间的所有内容。div标签是XHTML页面布局的首选,整个页面更多的区域使用div来标识。以我校的三栏式布局为例,结构如图2所示:
这里定义了bodv、header(页面头部)、content(页面主体内容)、footer(版权区域)四个大盒子,在content这个盒子中又分了两个小盒子:sider(边栏区域)和main(主体区域)。为使header、content和footer从上到下整齐排列,将这三个盒子均放入body中,并居中对齐,控制方便。
(2)用CSS进行样式设置。使用CSS样式表控制网页的字体、格式、颜色等,将表现都定义到CSS文件中,便于访问和维护。CSS的语法结构由三部分构成:选择符fSelectorl、属性(properct)和值(value)如:p{color:blue;font-size:14px}是将段落中文字颜色设置为蓝色,同时字体大小设置为14像素。根据页面的需求,灵活选用选择符是布局的基础。为了保证页面在不同的浏览器上能够有效一致的显示,需要按照CSS2.0标准编写CSS文件。将CSS样式表应用到XHTML中有内联样式表、内部样式表和外部样式表三种方法-引。外部样式表是最常用也是最理想的一种方式,即多个网页都可以调用同一个样式文件,通过改变一个文件就可以改变整个站点的外观,实现了代码重用的最大化和Web文件的最佳分配。使用标签链接到样式表: 浏览器会从mystyle.CSS中读到样式声明,并以此来格式文档。
3.3使用基于DOM文档对象模型的标准脚本语言
DOM的产生,缓解了网景Javaseript和微软Jscript之间的矛盾,网站设计人员能够访问站点中的脚本、数据和表现层对象。JavaSeript是用来操作DOM的脚本语言,但两者并不等同。浏览器解释Javascrip存在一定的差异性,为了保证JavaS-cript各种浏览器中执行的一致性,编写Javascript时要注意对各种情况分别加以判断和处理,编写相应的JavaScript脚本。
将JavaScript代码保存在相应"*js"的文件中,在需要时调用。如。
4.wEB标准在中职校园网站建設中的应用效果分析
在中职校园网站建设中采用Web标准,首先减少了中职校园网站建设的成本。由于使用了Web标准,页面的代码和组件大大减少,带宽要求降低,如当ESPN.com使用CSS改版后,每天节约超过两兆字节(terabytes)的带宽,成本随之下降。
其次,使中职校园网站更容易被搜寻引擎搜索到。在当前各中职学校竞争激烈的情况下,使用Web标准可以让网页的下载速度与网页的显示速度更快,这在中职学校的招生工作中尤为重要。
第三,减轻了中职校园网站管理者的工作量。使用Web标准制作的网页,不需要变动页面内容就可以进行改版,便于网站的维护。
第四、提供给用户多元化的访问方式。利用Web标准设计的网站易于移植到新的硬件或者软件系统,可以被更多的设备访问,如手机、PDA、屏幕阅读器,实现了信息跨平台的可用性,用户还可以订制自己喜欢的表现界面。
最后,由于Web标准网页提供适于打印的版本,符合web标准的页面也很容易被转换成其他格式文档如word格式,用户无需复制内容便可打印所需要的内容。以上这些都可以使中职校园网站的访问者获得更好的用户体验,更有利于中职学校的长期发展。
目前国内应用Web标准进行网站的开发还处于发展阶段,因此网站设计人员还需要结合实际工作经验,进行深入研究和探讨。
这里定义了bodv、header(页面头部)、content(页面主体内容)、footer(版权区域)四个大盒子,在content这个盒子中又分了两个小盒子:sider(边栏区域)和main(主体区域)。为使header、content和footer从上到下整齐排列,将这三个盒子均放入body中,并居中对齐,控制方便。
(2)用CSS进行样式设置。使用CSS样式表控制网页的字体、格式、颜色等,将表现都定义到CSS文件中,便于访问和维护。CSS的语法结构由三部分构成:选择符fSelectorl、属性(properct)和值(value)如:p{color:blue;font-size:14px}是将段落中文字颜色设置为蓝色,同时字体大小设置为14像素。根据页面的需求,灵活选用选择符是布局的基础。为了保证页面在不同的浏览器上能够有效一致的显示,需要按照CSS2.0标准编写CSS文件。将CSS样式表应用到XHTML中有内联样式表、内部样式表和外部样式表三种方法-引。外部样式表是最常用也是最理想的一种方式,即多个网页都可以调用同一个样式文件,通过改变一个文件就可以改变整个站点的外观,实现了代码重用的最大化和Web文件的最佳分配。使用标签链接到样式表: 浏览器会从mystyle.CSS中读到样式声明,并以此来格式文档。
3.3使用基于DOM文档对象模型的标准脚本语言
DOM的产生,缓解了网景Javaseript和微软Jscript之间的矛盾,网站设计人员能够访问站点中的脚本、数据和表现层对象。JavaSeript是用来操作DOM的脚本语言,但两者并不等同。浏览器解释Javascrip存在一定的差异性,为了保证JavaS-cript各种浏览器中执行的一致性,编写Javascript时要注意对各种情况分别加以判断和处理,编写相应的JavaScript脚本。
将JavaScript代码保存在相应"*js"的文件中,在需要时调用。如。
4.wEB标准在中职校园网站建設中的应用效果分析
在中职校园网站建设中采用Web标准,首先减少了中职校园网站建设的成本。由于使用了Web标准,页面的代码和组件大大减少,带宽要求降低,如当ESPN.com使用CSS改版后,每天节约超过两兆字节(terabytes)的带宽,成本随之下降。
其次,使中职校园网站更容易被搜寻引擎搜索到。在当前各中职学校竞争激烈的情况下,使用Web标准可以让网页的下载速度与网页的显示速度更快,这在中职学校的招生工作中尤为重要。
第三,减轻了中职校园网站管理者的工作量。使用Web标准制作的网页,不需要变动页面内容就可以进行改版,便于网站的维护。
第四、提供给用户多元化的访问方式。利用Web标准设计的网站易于移植到新的硬件或者软件系统,可以被更多的设备访问,如手机、PDA、屏幕阅读器,实现了信息跨平台的可用性,用户还可以订制自己喜欢的表现界面。
最后,由于Web标准网页提供适于打印的版本,符合web标准的页面也很容易被转换成其他格式文档如word格式,用户无需复制内容便可打印所需要的内容。以上这些都可以使中职校园网站的访问者获得更好的用户体验,更有利于中职学校的长期发展。
目前国内应用Web标准进行网站的开发还处于发展阶段,因此网站设计人员还需要结合实际工作经验,进行深入研究和探讨。
其他文献
滚滚的黑龙江水,沿着中俄国境线向东奔腾。歌唱着抗击日寇的战斗中,结成的友谊之歌。日夜奔腾,永远奔腾。啊,中国,俄罗斯,让我们为战斗的友谊纵情歌唱。
成本-效果分析(CEA,Cost-effectivenessanalysis)是药物经济学最早应用和最主要的评价方法之一,其目的在于通过分析寻找达到某一治疗效果时费用最低的治疗方案。应用药物经济学有助于合理分配有限的医疗经
我国从1995年实行执业药师资格制度以来,怎样提高执业药师资格考试的合格率,就成为医药主管部门领导所关心的一件大事,特别是随着医疗保险制度改革的深入和OTC政策的出台,对执业
民族声乐是当代中国最具代表性的声乐门类,民族声乐作品也由此而成为当代中国声乐最具代表性的作品。对一首民族声乐作品的优良的评价,关键要看作者创作的时代背景和反映的社会