新闻

网页标准化设计在网站建设中的研究及应用探讨

时间:2015-02-12 10:03:33

 网页的美工设计及网站的内容的结合就构成了一个比较好的网站。我们设立网站的目的就是提供信息,实现交流及共享。在网站上,其内容信息的传播需要网页美工的良好设计,对于网页的设计,与时下的媒体广告有着明显的不同。在进行网页设计时,不仅需要视觉的审美感觉,也需要对网页与网站的协调能力、易用性及兼容性进行考虑。因此,在网页设计时,使用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的书写,使之可以兼容各种类型的浏览器。

  随着网络的飞速发展,信息化进程不断加快,网站已经成为了人们生活及享受服务的窗口,起到了不可替代的作用。作为一个网站的设计师,不仅需要对网站网页的审美进行设计,还要对网站建立的目的及作用进行了解,对其传递信息实现共享的实质予以掌握,才能够在网站搜索及引擎的优化上进行研究及创新,充分利用网页的标准化设计,将网站网页建设得更符合用户的心理需求,以很强的可读性及观赏性,满足不同层次人们的需要,同时也减少了维护及投资成本,维护方便。

loading

官方微博

电话:020-38677071

Email: service@eastdraw.com

地址:广州市天河区五山路141号尚德大厦A座20层2008室

立即咨询
在线咨询