关于网页标准化设计在网站建设中的研究及应用探讨
作者：黄丽达
来源：《数字技术与应用》2014年第03期
        摘要：网站作为互联网信息的载体，随着互联网的不断升级，其信息的承载量越来越多，对于网站前端在设计层面技术含量还很低，虽然在入门容易，但是设计出容易收录及美观的引擎还远远达不到设计要求。想要建立兼容性强且具有良好管理的无障碍网站需要面临的困难还很多。笔者结合网页的本质，对网页实时Web标准化设计的必要性以及要如何利用Web对网页进行标准化设计进行了阐述。
        关键词：web标准化 互联网 载体
        中图分类号：TP393 文献标识码：A 文章编号：1007-9416（2014）03-0099-01
        网页的美工设计及网站的内容的结合就构成了一个比较好的网站。我们设立网站的目的就是提供信息，实现交流及共享。在网站上，其内容信息的传播需要网页美工的良好设计，对于网页的设计，与时下的媒体广告有着明显的不同。在进行网页设计时，不仅需要视觉的审美感
觉，也需要对网页与网站的协调能力、易用性及兼容性进行考虑。因此，在网页设计时，使用Web标准化进行设计具有极强的指导意义。
        1 web标准的概念
        Web标准作为网页的设计标准，一般与WWW各方面的定义相关，也与相关技术规范及说明标准相关。网页是以愉悦方式呈现的文档，它具有很强的美学意义。网页文档在其构成元素上分为了行为、结构以及表现三个层次，因此，与之相对应的标准也具有三个部分，结构式的语言标准包括XML和XHTML，表现语言包括CSS，而行为标准包括了对象模型等。
        2 网页设计使用web标准的优点
        2.1 对于使用者而言，使用更方便，操作更简捷
        使用Web标准化设计出来的网页，符合标准的网页结构，使之在进行搜索时更容易进行相关判断及进行信息的评估，在建立索引上也更为准确。网页的良好结构即使没有CSS表现样式的支持，依然可以进行完整信息的有序显示，这样可以为用户提供良好的便利及使用不同的设备。如果网页设计符合标准，便可以进行其他格式信息的转换，比如，采用数据表格
式或者转换成便携式文件等，还可以接入到PDA或者网络电视中使用，实现了不同阶层人们的无障碍浏览。
        2.2 对于设计者而言，使用效果更好，效率更高
        在进行网页设计时，通过使用Web标准，将网页的具体内容与样式分离开来，可以让同一个设计被多次使用，使得代码实现了重用的功能。进而减少了多余代码，使得软件开发速度得到了提升。
        3 Web标准在网站建设中的应用
        目前，很多的设计者，在谈论到Web标准及重构时，喜欢用DIV+CSS来予以描述，然而，在事实上这种说法或者理解缺乏理论性依据。这也是Web标准设计误区的具体体现。其实，准确来说用HTML+DIV比较恰当，在Web标准的实际应用中，笔者主要从网页的结构、表现以及行为三个方面进行探讨。
        3.1 规范书写HTML语言
        回到网页的实质，我们对HTML进行准确解释非常重要。它是Hypertext Marker Language的缩写，而网页通过内在的结构及表现出的内容为用户提供需要的信息，因而，对HTML进行规范性书写非常重要。
        （1）对DOCTYPE的选择。在使用Web标准设计的网页中，DOCTYPE这个元素非常重要，只有对文档的类型进行确定，才可以正常打开或者解析，完成网页的完整及正常呈现。（2）空间名称的设定。我们通常需要给文档空间拟定一个标记，以便告知用户这个文档的所属者，比如代码：。（3）对文档元信息进行设置。在这里需要对meta信息进行正确的描述，比如，可以使用name及content属性配合来进行网页的设置及描述，以方面引擎的的检索。（4）网页语义化。网络的发展，使得网页的设计也从十年前的table转型为现在的DIV+CSS，在结构标签的选择上，使用了div标签。其实，通过使用HTML，其标签元素也得到更新与升级，使得标签元素更为丰富。
        3.2 在网页表现设计上使用了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的书写，使之可以兼容各种类型的浏览器。
        4 结语
        随着网络的飞速发展，信息化进程不断加快，网站已经成为了人们生活及享受服务的窗口，起到了不可替代的作用。作为一个网站的设计师，不仅需要对网站网页的审美进行设计，还要对网站建立的目的及作用进行了解，对其传递信息实现共享的实质予以掌握，才能够在网站搜索及引擎的优化上进行研究及创新，充分利用网页的标准化设计，将网站网页建设得更符合用户的心理需求，以很强的可读性及观赏性，满足不同层次人们的需要，同时也减少了维护及投资成本，维护方便。
        网页设计基本代码参考文献
        [1]吴大非.网页界面的视觉设计研究[J].电脑知识与技术，2010年29期.
        [2]邓梦德.用Web标准重构远程教学网站[J].中国现代教育装备，2006年10期.

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。