网页标准化设计在网站建设中的研究及应用探讨
网页的美工设计及网站的内容的结合就构成了一个比拟好的网站。我们设立网站的目的就是提供信息,完成交流及共享。在网站上,其内容信息的传达需求网页美工的良好设计,关于网页的设计,与时下的媒体广告有着清楚的不同。在停止网页设计时,不只需求视觉的审美觉得,也需求对网页与网站的协调才干、易用性及兼容性停止思索。因此,在网页设计时,运用Web规范化停止设计具有极强的指点意义。
1.web规范的概念
Web规范作为网页的设计规范,普通与WWW各方面的定义相关,也与相关技术规范及说明规范相关。网页是以愉悦方式出现的文档,它具有很强的美学意义。网页文档在其构成元素上分为了行为、结构以及表现三个层次,因此,与之相对应的规范也具有三个局部,结构式的言语规范包括XML和XHTML,表现言语包括CSS,而行为规范包括了对象模型等。
2.网页设计运用web规范的优点
关于运用者而言,运用更方便,操作更简捷
运用Web规范化设计出来的网页,契合规范的网页结构,使之在停止搜索时更容易停止相关判别及停止信息的评价,在树立索引上也更为准确。网页的良好结构即使没有CSS表现样式的支持,依然可以停止完整信息的有序显示,这样可以为用户提供良好的便利及运用不同的设备。假设网页设计契合规范,便可以停止其他格式信息的转换,比如,采用数据表格式或许转换成便携式文件等,还可以接入到PDA或许网络电视中运用,完成了不同阶级人们的不阻碍阅读。
关于设计者而言,运用效果更好,效率更高
在停止网页设计时,经过运用Web规范,将网页的详细内容与样式分分开来,可以让同一个设计被屡次运用,使得代码完成了重用的功用。进而增加了多余代码,使得软件开发速度失掉了提升。
3.Web规范在网站树立中的运用
目前,很多的设计者,在议论到Web规范及重构时,喜欢用DIV+CSS来予以描画,但是,在理想上这种说法或许了解缺乏实际性依据。这也是Web规范设计误区的详细表现。其实,准确来说用HTML+DIV比拟恰当,在Web规范的实践运用中,笔者主要从网页的结构、表现以及行为三个方面停止讨论。
规范书写HTML言语
回到网页的实质,我们对HTML停止准确解释十分重要。它是Hypertext Marker Language的缩写,而网页经过内在的结构及表现出的内容为用户提供需求的信息,因此,对HTML停止规范性书写十分重要。
(1)对DOCTYPE的选择。在运用Web规范设计的网页中,DOCTYPE这个元素十分重要,只要对文档的类型停止确定,才可以正常翻开或许解析,完成网页的完整及正常出现。(2)空间称号的设定。我们通常需求给文档空间拟定一个标志,以便告知用户这个文档的所属者,比如代码:。(3)对文档元信息停止设置。在这里需求对meta信息停止正确的描画,比如,可以运用name及content属性配合来停止网页的设置及描画,以方面引擎的的检索。(4)网页语义化。网络的开展,使得网页的设计也从十年前的table转型为如今的DIV+CSS,在结构标签的选择上,运用了div标签。其实,经过运用HTML,其标签元素也失掉更新与晋级,使得标签元素更为丰厚。
在网页表现设计上运用了CSS设计
CSS是一种计算机的初级言语,它是用来表现HTML或许XML等样式文件的。
(1)css语法。CSS是由选择器及多条声明组成,在每条声明中,均由一个值或许一个属性构成。比如在h1{color:red;font-size:14px;}中,就是应用h1的元素对文字的颜色停止了白色确实定,同时也完成了字体大小的设置。在这里,选择器是h1,属性是color、font-size,值是14px及 red。(2)css选择器。Css选择器包括了类选择器及标签选择器等很多种,在对Css停止设计时,就需求对选择器停止正确的选择。这也是一种十分好的编程习气。还有很多的设计者,在停止选择器的选择时,需求对一切的额区块停止划分Div,并且需求对一切的Div样式停止ID选择器的选择,这种做法是不对的。这其中就需求对类选择器及ID选择器停止区分,在类选择器的运用上,是为了一切的文档XHTML标签指定CSS样式,而ID选择器是不能重复或许重复运用的。假设在一个XHTML文档运用了ID选择器的话,它就会将CSS样式指定给一个标签。(3)阅读器兼容性。随着智能型手机及各种平板的运用,用户在停止阅读器选择时多了更多的选择。但由于阅读器默许值的差异,因此在对Web规范予以默许时,css便可以应用AdobeDreamweaver软件停止阅读器兼容性的测试。此外,还可以应用Css Hack,对阅读器的不同效果停止解析,这就需求针对阅读器的不同而需求停止CSS的书写,使之可以兼容各种类型的阅读器。
随着网络的飞速开展,信息化进程不时加快,网站曾经成为了人们生活及享用效劳的窗口,起到了不可替代的作用。作为一个网站的设计师,不只需求对网站网页的审美停止设计,还要对网站树立的目的及作用停止了解,对其传递信息完成共享的实质予以掌握,才可以在网站搜索及引擎的优化上停止研讨及创新,充沛应用网页的规范化设计,将网站网页树立得更契合用户的心思需求,以很强的可读性及欣赏性,满足不同层次人们的需求,同时也增加了维护及投资本钱,维护方便。