Web标准论文（精选8篇）
Web标准论文 篇1
1引言
近年来, Web服务因其有支持跨平台、跨语言开发及支持面向服务的应用集成等特点, 已成为当前分布式应用的主流架构, 在政府、金融、电信、证券、教育以及服务行业等领域都已经有较为广泛的应用。Web服务遵守一套标准集合, 使得应用程序间能够基于标准的协议进行协作, 确保Web服务能够用不同的语言编写并且在不同的操作系统上运行, 同时也可以进行交互通信。
2 Web服务互操作相关国际规范
目前, 实现Web服务需要的规范有很多, 核心规范包括:SOAP、WSDL和UDDI。
SOAP:简单对象访问协议, 是一个基于XML、简单、轻量的消息协议。Web服务依靠该协议进行相互间的消息交换。
WSDL:Web服务描述语言, 是一门基于XML的语言, 用于描述Web服务以及如何对其进行访问。
UDDI:使用UDDI可进行Web服务的发布, UDDI是一个公开目录, 可提供在线服务的发布, 并有助于Web服务的最终发现。
但是, 许多相关规范有不同的版本 (如SOAP规范有SOAP1.1、SOAP1.2两种版本) , 单纯地遵守这些规范并不能确保Web服务之间实现互操作, 且原有规范中对一些条款的解释可能会造成歧义, 或者使不同规范间交互程度不够。
为解决上述问题, 2002年2月国际协会组织WS-I (Web Services Interoperability Organization, Web服务互操作组织) 成立, 它是为提高跨平台、跨应用程序和跨编程语言的Web服务互操作性而专门设立的一个开放组织, 目标是解决Web服务间的互操作问题。
WS-I在解决Web服务互操作问题上做了大量工作, 主要成果有基本概要 (Basic Profile) 、基本安全概要 (Basic Secure Profile) 和可靠安全概要 (Reliable Secure Profile) 三类。现在WS-I的工作已经完成, 工作成果已移交给OASIS (结构化信息标准推动组织) 维护。下面对这三类成果做简单介绍:
(1) 基本概要:指导如何配合使用一组核心Web服务规范来开发可互操作的Web服务。目前WS-I有基本概要1.0、1.1、1.2、2.0共四个版本。
(2) 基本安全概要:旨在提高Web服务传输安全、SOAP消息传输安全的互操作能力, 指导Web服务安全规范同REL、Kerberos、SAML、X.509结合使用的互操作。
(3) 可靠安全概要:旨在提高Web服务的安全、可靠消息传递的互操作性。
WS-I工作成果以基本概要系列为主, 其基本概要系列规范在业界的应用范围较广。基本概要1.1规范在2008年由WS-I通过PAS的方式提交给ISO/IEC, 成为国际标准ISO/IEC 29361:2008信息技术网络服务互操作性web服务互操作性 (WS-I) 基础概要版本1.1 (Information technology—Web Services Interoperability—WS-I Basic Profile Version 1.1) 。很多国际知名公司的产品以及一些开源项目遵从了基本概要系列规范。
3正在制定的国家标准《Web服务互操作框架》
全国信息技术标准化技术委员会SOA标准工作组正在制定SOA、Web服务、云计算、中间件领域相关标准规范。目前, 工作组正在制定的国家标准《Web服务互操作框架》等同采用了国际标准ISO/IEC 29361:2008, 现在处于征求意见阶段。该标准包括为实现Web服务应遵循的一组规范, 这些规范包括:
●Simple Object Access Protocol (SOAP) 1.1
●RFC2616:超文本传输协议-HTTP/1.1
●RFC2965:HTTP状态管理机制
●Extensible Markup Language, (XML) 1.0 (第二版)
●Namespaces in XML 1.0
●XML模式第一部分:结构
●XML模式第二部分:数据类型
●Web服务描述语言 (WSDL) 1.1
●UDDI Version 2.04 API规范
●UDDI Version 2.03数据结构应用
●UDDI Version 2 XML Schema
●RFC2818:HTTP Over TLS
●RFC2246:TLS协议1.0
●The SSL协议3.0
●RFC2459:Internet X.509 Public Key Infrastructure Certificate and CRL Profile
该标准也对上述规范的部分内容进行了解释说明和修正, 以便提高Web服务之间的互操作性。该标准内容主要包括消息、服务描述、服务发布和发现、安全四个章节。
3.1消息
本章节讲述对SOAP信封、SOAP处理模型、SOAP Fault元素和HTTP中SOAP的使用四个部分, 部分相关要求做了如下举例。
SOAP信封:
●R9980信封应符合SOAP 1.1第4部分“SOAP信封”中指定的结构 (遵从本框架的修改) 。
●R9981信封应在soap:body元素中包含0或1个子元素。
●R1014信封中的soap:body元素的子元素应使用命名空间进行限定。
●R1008信封不应包含文档类型声明。
●R1033信封不应使用命名空间声明:“xmlns:xml=http://www.w3.org/XML/1998/namespace”。
SOAP处理模型:
●R1025接收者在实际处理信封之前应先对强制性头代码块进行检查。
●R1027当信封的强制性头代码块 (例如, soap:must Understand属性值为“1”的元素) 不能被接收者 (通过soap:actor) 识别时, 接收者必须生成“soap:Must Understand”Fault。
SOAP Fault:
●R1001当消息包含soap:Fault元素时, 它的子元素应是未限定的。
HTTP中SOAP的使用:
●R1140建议使用HTTP/1.1来发送消息。
●R1132 HTTP请求消息应使用HTTP POST方法。
●R1108消息不应使用HTTP扩展框架 (RFC2774) 。
3.2服务描述
本章节主要包括文档结构、Types、Message、Port Type、Binding、SOAP绑定、XML模式使用七个部分组成, 各部分相关要求如下:
文档结构:
●R2028使用WSDL命名空间的描述应与“http://schemas.xmlsoap.org/wsdl/2003-02-11.xsd”中的XML模式一致。
●R2029使用WSDL SOAP绑定命名空间 (在本框架中其前缀为“soapbind”) 的描述与http://schemas.xmlsoap.org/wsdl/2003-02-11.xsd。”中的XML模式应一致。
Types:
●R2101描述中不可以使用WSDL组件中命名空间没有导入的QName引用, 或在引用的WSDL document中没有定义的QName引用。
●R2102引用模式组件的QName必须使用在xsd:schema元素的targetNamespace属性中定义的命名空间或在xsd:schema元素内的xsd:import元素的namespace属性中定义的命名空间。
Message:
●R2210如果描述中的document-literal的绑定没有在soapbind:body元素中指定parts属性, 则相应的抽象wsdl:message就必须定义零个或一个wsdl:part s。
●R2203描述的rpc-literal的绑定在其soapbind:body元素中必须只引用使用type属性定义的wsdl:part元素。
Port Type:
●R2301 ENVELOPE中soap:body的元素的顺序必须与描述它的wsdl:message中的wsdl:part s的顺序相同。
●R2302描述可以使用wsdl:operation元素的parameter Order属性来指明作为对代码生成器的提示的返回值和方法签名。
●R2303描述不能使用wsdl:port Type定义中的要求-响应 (Solicit-Response) 和通知 (Notification) 类型的操作。
Binding:
●R2401描述中的wsdl:binding元素必须使用WSDL 1.1第3节定义的WSDL SOAP绑定。
SOAP绑定:
●R2702描述中的wsdl:binding元素必须指定带有SOAP绑定的HTTP传输协议。其soapbind:binding子元素的transport属性须指定为:“http://schemas.xmlsoap.org/soap/http”。
●R2705描述的wsdl:binding必须是rpc-document的绑定或document-literal的绑定。
XML模式使用
●R2800描述可以使用任何XML Schema 1.0构造。
●R2801描述必须将XML Schema 1.0推荐标准作为用户定义数据类型和结构的基础。
3.3服务发布和发现
本章节讲述对binding Templates、t Model的使用两个部分, 下面举例了部分相关要求。
binding Templates:
●R3100符合框架的实例的uddi:bindingTemplate的REGDATA必须包含uddi:accessPoint元素。
t Model:
●R3002表示符合框架的Web服务类型的uddi:t Model类型必须使用WSDL作为描述语言。
3.4安全
安全章节讲述对HTTPS的使用, 下面列出了部分相关要求。
HTTPS的使用:
●R5000实例可以要求使用HTTPS。
4结语
随着Web服务技术的成熟及标准规范的完善, Web服务的应用也越来越广泛。我国非常重视Web服务的标准化工作, 尤其是Web服务互操作相关标准。目前, 全国信标委SOA标准工作组正在制定的国家标准《Web服务互操作框架》主要针对与Web服务开发相关的平台或工具厂商 (如SOAP处理器、WSDL解析器、代码产生器等类似工具) , 以及Web服务的开发人员。该标准的制定, 有利于规范Web服务的开发过程, 提高Web服务间的互操作性, 并对国内相关产业的发展起到一定的促进作用。
摘要：分析了国际上与Web服务互操作相关的标准规范, 同时对目前我国正在制定的国家标准《Web服务互操作框架》主要内容进行了介绍。
关键词：Web服务,互操作,WS-I基本概要
Web标准论文 篇2
这是一个网页
……
……
很显然的，这种结构的网页代码是不符合Web标准规范的，但是浏览器仍然可以很好的呈现出这个网页来，只要代码没出什么错误，这个其实就像是用Table布局的页面跟Div构架的页面一样，浏览器都可以呈现出来，关健是哪个页面呈现的质量会更高。
做出一个页面，跟做好一个页面，中间有着很遥远的距离。
在浏览器的发展历程中，微软凭借着将Internet Explorer捆绑进Windows操作系统中，从来成为浏览器市场上的霸主，从而也造成了一系列的IE对W3C组织所制定的Web标准于不顾的事情，微软的IE一直都只遵循自家的Web标准。很庆幸的是，微软决定在他的IE8中支持Web标准，虽然这事还没最终确定。除微软的IE外，Mozilla Firefox、Apple Safari、Opera、Chrome等浏览器则以支持Web标准的名义与IE做得长久的对抗。
浏览器的不同，于是就造成了对HTML代码默认解析的不同，所以即使同样的代码在不同的浏览器下也可能呈现出不同的样式来，于是这就需要有一份众浏览器都遵循的规则来协调众浏览器之间的差异，这份规则需要一个声明来引用它，这个声明就是DOCTYPE——document type(文档类型)。
DOCTYPE声明是标准网页中必不可少的部分，所以，想要制作一个符合W3C标准的网页，首先就需要为这个页面声明一个文档类型。
DOCTYPE所声明的DTD(文档类型定义)分为三种，分别是：
Transitional(过渡的)：要求不是很严格的DTD，允许你继续在页面中使用HTML4.01的标签;
Strict(严格的)：这是制作页面时理想的DTD方式，但是这个文档类型定义不允许使用任何的表现层上的标签和属性;
Frameset(框架的)：这个专门针对页面设计中包含有框架的DTD，
电脑资料
由于框架型的设计可能对网页在搜索引擎中收录的影响，很多网页中都不使用框架设计;而Strict的DTD对于大多数人来说还只是一种理想化的方式;Transitional型的DTD则是目前最适用也是使用最广泛的文档类型定义。
现在随便打开一个符合Web标准的网页，都可以在页面的最开始处看到这样一句声明：
这是一个关于XHTML网页文档的DOCTYPE声明。当然并不是说DOCTYPE声明只能针对XHTML网页文档，对于使用HTML4.01的网页文档来说，同样可以使用DOCTYPE声明：
过渡的DTD：
严格的DTD：
唯一需要注意的是，DOCTYPE声明的位置必须是位于页面的最开始处，在DOCTYPE声明代码之前不能出现任何的代码或是标签，否则页面中的标签或是CSS样式可能会失效。
浅谈WEB标准与前端性能优化 篇3
HTML和XHTML页面都是由“内容、结构、表现、行为”这4个方面组成的。内容是基础, 然后附加上去结构和表现, 最后再对它们加上行为。而为什么在“前端开发”火热的现在还提遵守WEB标准这个问题?我觉得有必要站在架构的层面, 也站在众多的、辛苦的网页制作耕耘者的立场上, 全局看待web标准。
没有统计数字也可以从现在的网页产品中看到, 国内几乎大部分的网页设计师没有遵守W3C标准。非标准化的应用, FLAS H眩目的动感, 可以帮你让领导认可, 让客户点头, 让自己的工作效率快快, 产品多多。大家在匆忙中忽视或是避让了标准和规范, 暂时忘记了真理才会永恒, 然而, 每一个设计师都有追求完美的心理, 他们永远对自己的作品不满足, 一定不会给自己打满分。在这个追求完美的过程中, 他们要到达目标, 其实就是前面的标准。也许, 当网页制作中的每个成员接近或是抵达这个目标时, 内心一定非常释然。
作为一名合格页面工程师, 要学会熟读标准, 认识和了解标准。要检验你的代码是否和标准一致, 要了解W3C标准的优势和用意, 假如用语言距离, 普通话让中国人彼此能够沟通, 英语让世界人可以沟通。W3C标准就是让页面在不同的终端都可以运行, 让使用各种终端的用户都能浏览你的页面, 也就是跨越平台, 获得更大众化的用户的认可。更像一个平凡的人走向优秀, 一个产品走向品牌。
落后的页面工程师体系, 美工代劳的页面代码, 唯有IE才能浏览的页面代码, 用图形工具直接导出的页面代码, 使大量流量消耗的页面代码, 速度慢的像蜗牛的页面代码……每次改版修改都要大动干戈, 一种让页面工程师和民工一样的页面代码!网页设计师多了, 站长多了, 但质量标准却越来越差。模仿得形似神不似的韩版界面, 让我们倍感失落。似乎想看到唯美一些的网站, 打开时总需要我们有足够的耐心去等待, 或者有足够的技术安装插件。WEB标准就是一场革命, 革命——就是推翻旧的落后的体制, 建立一个全新的先进的体制。这样, 我们才会有秩序, 才会和谐发展。
如何遵循标准, 其实标准有很多, 结构标准, 表现标准, 行为标准。选择标准规范, 就优先选择W3C推荐的标准。结构标准可选项, 建议选择适合你公司和团队的标准, 其实核心理念还是让项目统一遵循一个标准, 严格的XHTML是这样的。
XHTML的媒体类型是application/xh tml+xml, 而不是被大多设备都识别的text/html。增加xml头部声明还会造成IE6的q uirks模式。总得来说, 不是通用性很强的标准, 使用的时候需要舍弃W3C的一些说明, 改良后的应该是去掉xml声明, 去掉媒体类型是application/xhtml+xml。不要给你们团队的开发造成不必要的困扰。
建议选择XHTML1.0标准的过渡型, 如果你觉得XHTML过于花俏, 不适用, HT ML4.0的严格型也是很好的选择。HTML2.0已经被HTML5所取代, 看来HTML4还是更具有向后的延续性。
前端性能优化虽然是一个技术性话题, 但对于用户体验有着非常大的影响, 如果你的网站打开要等待三、五秒或者等到浏览器提示无法连接, 用户已经对这个网站产生了负面的抵触心理。更别提流量、品牌影响、用户忠诚度。
前端性能优化和web标准有什么关系?就是对你遵循web标准的一个补偿。前端优化给Web标准提供了一个检验的机会, 用“实践是检验真理的唯一标准”来判断标准化到底好不好, 对不对, 该不该遵守。为什么要这样做就可以提升速度, 这些与Web标准有没有某种关联或者因果呢?我们暂时把这些个条目分成三类:服务端运算优化, 传输优化, 客户端运算优化。
1、服务器端优化
服务器端就是对网站动态语言的执行 (asp, php) , 数据库查询、存储速度等, 总的来说就是输入/输出的运算。这些跟前端没关系, 但是却影响着前端。看不出来?那就自行优化服务器性能, 数据库性能, 多买点服务器扩容吧。提高域名的DNS解析速度。减少DNS的解析个数。相信以后还会有先进的技术来解决。
2、传输优化
这一类很烦, 首先是字节, 字节越小越好, 怎么能小下来, 最有效的方式就是Goog le的方案, 把首页做的极其精简, 图片、htm l、静态文件都非常小, 再就是缓存, 把文件放到本地缓存区读取。还有http请求数, 减少文件传输中的排队等待。
2.1 字节优化
减少冗余html, 用结构化、语义化的ht ml来体现, 行为、表现、结构分离, 独立的ht ml文件将变得很小。这点, 禅意花园做得真好!压缩文本文件, css, html, js去掉注释、空格、换行等。降低图片字节, 选择合适的图片类型, png-8非常好, 再用工具将图片进行压缩去掉, 比如png-8的压缩工具。用合适的图片尺寸, 不要再做菜鸟, 很不负责任的把大图控制一下宽高就用上了。gzip压缩一下, 减小服务器端传输到客户端时候的字节。flash文件和flash+xml的动态flash也减小字节。
2.2 缓存
服务器端配置一下, 提高缓存的命中率和把不经常修改的文件缓存了。Add Expir es headers、Etags、ajax使用get方式便于缓存。把能分离出来的css, js分离成外部文件便于缓存。使flash和xml文件可缓存。打通不同运营商的限制, CDN提高不同类型运营商的网络传输速度, 电信, 网通, 铁通, 教育网等等。
2.3 请求数
尽量减少文件请求数, 能合并到一起的合并一下, css、js、图片等, 减小排队等待和服务器端的开销。分域提高同时加载数, 优化排队等待。避免404无效请求数。避免重定向。
2.5 延迟加载和预载
把暂时不用的文件等主体页面加载完了再加载, 把用户稍后要看浏览的内容预先加载进来, 相册浏览就是很好的例子, 先用小图片放大再把大图展示出来, 看本张图片时把下一张预载进来等等。
3、客户端优化
(1) 讨厌的IE滤镜和CSS expressions少用, 小心把浏览器挂死, CUP被100%占用。 (2) CSS放到前面去, JS能放到后面的放在代码后面, 将页面尽早展示给浏览者。 (3) 减少I FRAME的使用, 这是一个不智之举。 (4) 减少DOM个数, 降低浏览器解析压力。 (5) 使用
而不是@import Choose
(8) 还有小图片的REPEAT背景会提高浏览器的CPU占用率。 (9) 合理的DOM排序, 把重要的内容代码前置, 优先加载。
除了这些, 虽然还有很多没对号入座的有关性能优化的条目, 但至少, 我们已经可以体验到网页工程师的工作是如此烦琐, 任务是如此艰巨, 需要对代码、文件、H TTP协议、缓存、服务器等内容或是技术达到精准的掌握和控制, 达到提供给浏览用户最最基本的体验, 那就是——访问速度。所有的幕后工作浏览用户是看不到的, 但不要因为他们看不到而放弃我们的目标——优化和遵守标准。Web标准的分离思想和结构化、语义化html促成了以上很多行为的实施, 这是美工时代所不能比拟的。只需要每个人的遵守, 相信WEB标准会引领我们进入一个新的时代, 想像那种境界美得像“潘多拉”一样。
摘要：国内几乎大部分的网页设计师没有遵守W3C标准。作为一名合格页面工程师, 要学会熟读标准, 认识和了解标准。要检验你的代码是否和标准一致, 要了解W3C标准的优势和用意。前端性能优化和web标准有什么关系?就是对你遵循web标准的一个补偿。
Web标准论文 篇4
微软表示，标准兼容模式将成为IE8的默认渲染引擎。微软此前表示，IE8已经通过了Acid2渲染测试。微软部门经理迪恩·哈查莫维奇 (Dean Hachamovitch)在博客中称：“我们认为言行一致非常重要，
IE8将标准兼容模式作为默认渲染引擎，足以表明我们正在履行互用性方面的承诺。”
按照微软的计划，IE8将包含三种渲染模式，分别是新加入的标准兼容模式、IE7渲染模式、以及一种用于显示老版本网站的模式。由于微软改变了IE8的默认渲染引擎，那些需要IE8使用IE7渲染引擎的网站需要在代码中加入一个标签。
微软承认，做出这一变化也出于法律方面的考虑。微软首席法律顾问布拉德·史密斯(Brad Smith)在声明中称：“尽管目前没有法律规定应当将哪种模式作为浏览器默认渲染引擎，但这一举措无疑可以帮助我们避开潜在的法律和监管麻烦。”去年底，浏览器开发商Opera已经向欧盟提起诉讼，指控微软浏览器不支持通用网络标准。就在上周，微软因为没有完全执行欧盟做出的反垄断裁决，而再此遭到巨额罚款。
Web标准论文 篇5
一、Web标准及其作用
1、Web标准的概述
Web标准不是某一个标准, 而是一些规范、标准的集合, 是由万维网联盟 (World Wide Web Consortium, 简称W 3 C) 和其他标准化组织共同制定的, 其目的是解决Web应用中不同平台、技术和开发者带来的不兼容问题, 保障Web信息顺利、完整的流通。
网页主要由三部分组成:结构 (Structure) 、表现 (Presentation) 和行为 (Behavior) 。结构是指内容和数据等信息, 表现是指信息的展示效果, 如字体、颜色、页面布局等。对应的标准也分结构标准语言、表现标准语言、行为标准。
(1) 结构标准语言主要包括XML (The Extensible Markup Language可扩展标识语言) 、X H T M L (T h e E x t e n s i b l e HyperText Markup Language可扩展超文本标识语言) 。XML虽然数据转换能力强大, 完全可以替代HTML, 但绝大多数网站已经采用了HTML, 目前全部直接采用XML还不现实。因此, 按照XML的规则, 把HTML扩展成XHTML, 实现HTML向XML的过渡。
XHTML文档一般由head和body两部分组成 (见图1) , b o d y里主要存放浏览器展现的文字、图像、链接等内容, div、table、p等标签则是用来装载内容的容器或用来格式化输出内容, 如“<b o d y><p>福建质监局</p></b o d y>”。
(2) 表现标准语言主要包括C S S (Cascading Style Sheets层叠样式表) 。CSS标准的目的是以CSS取代HTML表格式布局、帧和其他表现的语言。纯CSS布局与结构式XHTML相结合能帮助设计师分离外观与结构, 使得Web更加简单, 结构更加清晰, 使站点的访问及维护更加容易。
CSS语法由三部分构成:选择器、属性和值:selector{property:value}。选择器 (selector) 通常是元素或标签, 属性 (property) 是明确需要改变的属性, 并且每个属性都有一个值, 这样组成了一个完整的样式声明 (declaration) , 如“body{color:blue}”。
(3) 行为标准主要包括D O M (Document Object Model文档对象模型) , 它是一种与浏览器、平台、语言的接口, 使脚本语言很容易访问到整个文档的结构、内容和表现。
2、网站标准化的作用
大部分人都有深刻体验, 每当主流浏览器版本的升级, 刚建立网站的展示效果有可能大打折扣, 需要升级或者重新建造一遍网站;网站繁杂的代码浪费了带宽等等。如何解决这些问题呢?应该对网站进行标准化。
网站标准化的目的是:使用更具有语义和结构化的HTML, 更加快速的理解代码, 从而更简易的开发与维护;使用已定义的标准和规范的代码, 能够与未来浏览器的兼容;更少的HTML代码带来的将是更小的文件和更快的下载速度;语义化的HTML让使用不同浏览器的用户都能很容易的看到内容等等。
二、福建省质量技术监督局网站遵循Web标准的实践
尽管Web标准是推荐性的规范, 但具有广泛性和可行性, 是事实上的标准。因此, 遵循Web标准是网站未来发展的方向和趋势。2008年, 福建质监局网站进行全站改版, 在改版过程中, 按照Web标准相关要求、规范制定相应的开发流程。经过严谨、细致的设计开发, 网站符合政府网站绩效评估的有关要求, 分别获得了2008年省政府、国家质检总局政府网站绩效评估第1名和第3名。具体做法如下:
1、根据省政府、国家质检总局的《网站绩效评估指标体系》, 结合省局的工作实际, 总结分析出网站需要提供的信息、服务、功能、风格, 明确网站的需求。福建质监局网站共分为信息公开、在线办事、公众参与、辅助功能四大模块, 需要向社会公众提供福建质监局的政务信息、行政审批项目的在线服务、政府与公众之间交流的渠道, 网站还需要提供站内搜索、邮箱系统、网站导航、RSS订阅等辅助功能。
2、通过对网站的需求分析, 确定出网站的总体架构, 在符合《网站绩效评估指标体系》的前提下, 页面的设计、布局、功能等都应方便用户进行信息的获取与交流 (总体架构具体见图2) 。例如, 明确栏目导航的展示数据、表现形式及在整个页面所处的位置, 明确质监新闻的分类、图片的切换形式, 明确状态查询的数据读取范围、展示方式, 明确公众参与的渠道、交互形式, 通过对各栏目的结构、表现、行为的详细描述, 形成遵循Web标准的结构化文档。
3、根据网站的总体架构及结构化文档, 清晰地得出页面效果的需求、模块的布局、功能的实现, 通过专业的美工设计 (网站局部效果图具体见图3) , 并配合网页样式的编写, 生成包含结构的XHTML文件和展示样式的CSS文件。
图3展示的栏目导航用XHTML建立文档结构的代码如下:
在XHTML中, 要关闭所有的标签, 例如成对的<div>、<ul>, 就必须有</div>、</ul>相对应, 如果是不成对的标签, 也需要关闭, 例如<img>应该写成<img/>。
用XHTML建立好文档的内容和结构后, 用CSS添加样式, 重点考虑CSS的布局、盒模型、背景图片的应用、效果的应用, 栏目导航的具体CSS代码如下:
其中“#menu”规定了栏目导航的宽度、高度及背景等信息, “#menu ul li”规定了栏目导航的字体颜色、阴影效果等信息。
在CSS代码中, 不需要重复定义可继承的值, 因为子元素会自动继承父元素的属性值, 如字体、颜色等。
同时, 编写网站程序, 从数据库中读取各类数据, 实现网站各项功能、服务 (如站内搜索、在线办事、公众留言等) 。本次网站改版应用ASP.NET开发工具, 在编写程序过程中, 同样需要注意从数据库读出的各种数据最终生成的是XHTML代码, 它的表现形式也是由CSS代码来控制。如, 在线行政审批的办事状态结果查询 (效果图具体见图4) 通过编程后生成的XHTML代码:
4、集成X H T M L、C S S与程序文件, 并调试。由于XHTML、CSS与程序分开独立完成, 根据网站总体架构及结构化文档, 在XHTML代码中嵌入相应的程序, 经过充分的调整及测试, 以达到预期的设计目标, 完成网站的建设。
三、应用Web标准进行网站建设的探讨
1、应用Web标准的开发流程的总结
按照软件工程的规范要求, 开发流程一般分为需求分析、设计、编码、测试四个阶段, 考虑网站系统的特殊性, 总结福建质监局网站建设的实际经验, 探索出应用Web标准进行网站建设通用的开发流程。
首先, 对网站进行详细的需求分析, 经过必要、全面、充分的讨论后, 明确网站需要展示的内容、功能和风格, 确保各项需求在当前的技术条件和系统环境下能够实现。这是网站建设的基础工作, 直接影响网站的设计、实现、测试直至维护。
其次, 分析研究网站的功能、需要展示的内容及效果, 确定总体架构, 严格定义页面内容与程序之间的接口, 对程序、页面的布局进行详细设计, 生成高度结构化的文档。在整个网站建设过程中, 本环节是最重要的, 关系到整个项目能否顺利实施。
第三, 根据网站的总体架构及结构化文档, 重点设计网站首页, 其他页面继承首页的设计风格, 并遵循Web标准编写网页样式。同时, 编写网站程序, 按照程序编写规范要求 (如良好的编写格式、规范的命名、适当的注释等) , 实现各项功能。
第四, 集成页面、调试, 全站测试, 完成网站的建设 (图5) 。
一般而言, 前一个阶段任务的完成是开始进行后一个阶段工作的前提和基础, 而后一阶段任务通常是前一阶段任务的具体化。与其他软件系统相比, 网站在页面展示效果方面要求较高, 页面的设计制作分为明确网站的风格、规划页面的布局、绘制首页的草图、设计页面的效果图、建立XHTML文档、编写CSS样式等环节, 每个环节在相应阶段的任务也要逐一确认、完成后才能进行下一个环节。
2、应用Web标准开发维护模式的优势
网站技术发展到目前这个阶段, 与以前单纯的静态页面展示方式不同, 它的内容数据展示、服务、互动、辅助功能等都是通过程序编写来实现的, 程序编写在整个开发流程中的比重也越来越大。如何提高网站开发效率呢?Web标准提出了一个重要的基本概念:结构和表现分离, 由此网站建设模式从传统开发模式 (从效果到页面到程序) 转变为多人协作模式 (页面设计+页面制作+程序开发) 。简单的说, 在明确网站需求及架构后, 把页面设计、CSS表现与程序编写独立分开, 同步进行, 节约时间成本, 提高开发效率。
传统的开发流程, 尽管可能有看似分工明确的页面美工设计、网页格式制作、网站程序编写, 但在实际的开发过程中, 由于内容、结构、表现没有分离, 他们不可避免的需要密切沟通, 逐步进行, 不断地交互修改完善, 完成网站的建设。与传统的开发流程比较, 应用Web标准的开发流程明显具有较高的开发效率。
同样, 应用Web标准的维护模式有较大的变化。在传统的维护模式中, 网页局部或细节的变动, 可能需要在网页中同时修改内容或展示效果, 而且结构和表现混合在一起, 文档的可读性较差, 造成维护成本较高。而在应用Web标准的维护模式中, 如果更新内容信息, 仅需要在结构 (XHTML文档) 中做些更新, 如果改变内容的展示效果, 仅需要在表现 (CSS文档) 中局部修改, 大大降低了维护成本。
总之, 在“结构和表现分离”这个思想指导下, 美工设计、页面表现、程序编写独立开展, 甚至可以同步进行, 不仅提高了工作效率, 也降低了维护成本 (具体见表1) 。
尽管应用Web标准来进行网站建设, 在理念、技术、效率都具有一定的优势, 但如果选择了应用Web标准的开发流程, 就应该严格地按照相应的规范、要求来进行, 否则有可能给整个项目带来严重的后果, 甚至失败。在早期, 由于采用表格布局及应用可视化编辑软件, 网页制作可以不需要规划, 或者一边做一边修改。如果在应用Web标准开发过程中, 沿用传统的开发习惯, 反复变更网站的各项需求、功能, 反复修改已完成的任务, 不仅降低开发效率, 更有可能导致程序编写提供出的功能完全达不到预期的要求, 造成时间成本和人力成本极大的浪费。
3、应用Web标准进行网站建设的一些体会
(1) 目前, 许多网站通过DIV+CSS技术手段来实现网站遵循Web标准, 使许多开发者或用户误认为Web标准等同于DIV+CSS。实际上, DIV+CS S是具体的实现技术手段, Web标准是通用的技术规范, 二者具有不同的定义范畴。Web标准不仅要求HTML向XHTML的转换, 更提倡信息结构清晰、内容与表现相分离等理念, 而DIV+CSS技术能较好的实现这种理念。因此, 多数符合Web标准的页面包括福建省质监局网站都是采用DIV+CSS实现。
(2) 早期网页制作经常采用TABLE来布局页面, 为了定位某一块内容, 需要使用多个TABLE反复嵌套, 导致内容和表现混杂在一起, 信息结构不清晰, 并且增加后期的维护成本。而用DIV+CSS布局来替代传统的TABLE布局, 结构清晰, 语义明了, 代码简洁, 不仅提高了开发效率, 也降低了维护成本。在Web标准中, TABLE仅用来做表格结构定义的, 网页中如果有表格, 就应该用TABLE来实现, 发挥出TABLE本来的作用。
(3) 应用Web标准能达到节省代码的效果, 这是Web标准带来的好处, 但不能把这好处无限放大, 更不能为了节省代码而去节省代码。例如, 相同的表现形式采用了统一的CLASS, 这样的确比分别命名ID更节省代码, 但这样做的代价是页面代码失去了良好的结构。失去良好结构导致源代码没有了可读性及增加了网站未知的维护成本。当某一块内容因为某种需要而改变表现形式, 例如链接的颜色等等, 就不得不去修改页面源文件, 后期维护时增加额外的CLASS, 工作量比起只需要调整ID分组就大了许多。
(4) 尽管Web标准具有规范性与先进性, 但在目前的应用环境下, 并不适用于所有的用户群体。经常有一种现象:页面在添加了一些信息后, 整个页面布局都会变化。由于添加的信息中夹有很多HTML的标签, 并且有很多标签是没有封闭的, 当这些信息中的标签与网站的原有代码结合后, 未封闭的标签在非标准情况下是可以理解并被IE所支持, 就可能产生全局或局部的版面布局错误。
一段标准化的代码加入非标准化的网站中, 不会出现任何问题, 但是一段非标准的代码加入标准化网站之后就非常容易出现错误。所以, Web标准适合用户群体是:大型门户、专业网站、政府网站。大型门户由专业人员管理, 所有信息以最简洁的方式发布, 保证网页的正确性。政府网站的内容主要是本单位的信息, 即使是WORD文档, 可以用一些编辑器清理WORD中的冗余垃圾代码, 保证信息的标准、网页的正确。
四、结束语
尽管Web标准还需要完善, 应用范围还受到限制, 但Web标准的目标是使网站的信息内容更加容易理解、更便于交换和共享。开放和共享是互联网的精神和根本动力, 所以Web标准是未来发展的趋势!
摘要：本文通过介绍Web标准的基本内容, 结合福建省质监局网站开发的实际经验, 探讨应用Web标准对网站进行规划、设计、开发和维护, 总结出基于Web标准网站建设的通用模式及应用效果。
关键词：Web标准,网站,建设
参考文献
[1]杜现朝, 龙怀冰等.基于WEB标准的网站设计与开发流程.计算机工程与设计.2008, 29 (4) :945-948.
Web标准论文 篇6
Web标准的技术主要表现在3方面:表现标准语言主要利用CSS, 机构化标准语言主要利用XHTML和XML, 行为标准主要利用对象模型W3C DOM和ECMAScript等。
1.1 XHTML语言
XHTML (extensible hypertext markup language) 即可扩展标识语言, 目前主要采用的是W3C知道的XML1.0标准。XHTML是服务于XML客户端的, 它是基于XML, 实现了HTML向XML的过渡。
XHTML是有普通文本和标签组成的, 将普通文件中的一些语句加注标识的语言, 换而言之, 就是运用标记格式化特定的某些文本, 从而达到预计的文档效果。XHTML的另一个重要组成部分标签一般为具有特定意义的英文单词的缩写, 例如P为Paragraph的缩写, 意为段落。一般比较典型的标签都包含标签名称、属性、属性值三部分, 如图1所示。大部分标签都是成对出现的, 其中还有一些特殊的标签。
1.2 CSS
CSS (cascading style sheets) 即层叠样式表, 是Web的标准化布局语言, 是控制颜色、版式规划、图像尺寸及布局的工具。CSS的作用是能够结合XHTML帮助网站建设人员分离外观和结果, 让网站的设计、访问及后期的维护更加方便快捷。层叠样式表是有控制被选择的元素如何显示的一个或者多个规则定义组成, 而一个层叠定义是有选择器和声明两部分组成, 声明则是由属性和值两部分组成如图2所示。
1.3 DOM
DOM (document object model) 即文档对象模型, 在W3C DOM规范中, DOM是能够让用户访问页面的标准组件, 是浏览器和平台语言的接口, 它使得Netscape的JAVAScript和Microsoft的Jscript之间矛盾缓解, 使得设计人员能够访问站点中的数据信息、脚本和表现层对象。
1.4 ECMAScript
ECMAScript (European computer manufacturers associatio) 即ECMA制定的JavaScript——标准脚本语言。
2 基于Web标准的网站设计与开发流程
对于Web标准的网站设计和开发, 没有固定不变的流程模式, 一般包含以下具体5个关键过程:需求分析、设计、利用XHTML建立Web文档内容和结构、利用CSS添加样式、测试及验证。下面以某对外交流协会网站为例, 简单论述基于Web 标准的网站设计与开发流程。
2.1 网站的需求分析
前期的网站需求分析是设计和开发网站的关键性第一步, 要与客户积极沟通, 充分挖掘客户的潜在需求。网站的需求一般有建立网站的目的、网站内容的特点、同行业的网站的风格和内容、网站的基本功能模块及网站的基本设计要求等。通过与客户的交流, 进行深入的探讨和分析, 达成书面形式的文件, 制订需求大纲。
以某对外交流协会网站为例, 通过交流、探讨和分析, 大致得出该客户的网站需求:网站的外观布局和设计要清晰明了; 页面简洁方便, 国际性强;网站具有基本点功能模块例如人员介绍、全站搜索之外还要求具备新闻、活动公示栏、会员论坛及资源上传下载功能。
2.2 网站的设计
网站的设计过程主要是信息架构和页面外观的布局和风格设计。信息架构顾名思义, 其主体就是信息。信息架构骑士就是一个收集信息、整理信息、斡旋信息体系与用户需求的过程, 使信息变成一个有组织、有次序的浏览体系的过程。这样使得用户更容易寻找信息和管理信息。
以某对外交流协会网站为例, 以上述需求为根本, 得出网站设计的信息架构:网站标志信息中的协会LOGO;实现网站的全站搜索功能;导航信息展示网站的主要功能模块;新闻栏展示协会最新的咨询;活动栏展示协会近期的活动并可以配以图片;协会的友情链接、资源上传及下载、论坛及协会的联系方式。
信息架构设计介绍, 继而就是页面外观的布局和风格设计, 参考其他相关行业的网站, 综合客户的需求设计出具有自己独特风格的页面外观布局和风格。
2.3 利用XHTML建立Web文档内容和结构
Web文档内容和结构的建立主要由两个步骤:
(1) 利用XHTML建立Wweb文档内容:利用XHTML标签格式化文档的内容, 建立语义化文档, 以某对外交流协会网站为例, 其语义化文档关键语句如下:
(2) 利用XHTML建立文档的结构
使用div和class建立文档的结构, 以某对外交流协会网站为例, 其语义化文档关键语句如下:
文档结合和内容建立好后, 接着利用CSS添加样式。利用PS或者Friworks切割所需的图片, 然后利用网页设计软件例如Dreamweaver或者TopStyle等为文档添加样式。在这个过程中, 包含CSS布局、CSS模型、图片的应用等。以某对外交流协会网站为例。
2.4 测试和验证
测试和验证严格来说并不是处于网站设计和开发的最终阶段, 而是在期间完成一段代码就可以进行测试和验证, 这随时验证、随时纠错, 提高了开发效率。
设计和开发基本完成后, 进行总体的测试和验证, 一般采用标准较好的Safari、Opera及Firefox等浏览器进行网站页面效果预览, 然后基于此在IE浏览器上进行调整。测试完成后, 将XHTML及CSS文档上传至服务器。
3 结束语
本文以某对外交流协会网站为例, 简单阐述了基于Web标准的网站设计及开发流程, 总结成一套改进网站设计开发流程的方案, 应用XHTML技术和CSS样式尽善尽美地设计文档的结构和内容。目前国内相对于Web标准应用于网站的开发还处于发展阶段, 因此网站设计工作者还需要结合实际工作经验, 进行深入研究和探讨。
参考文献
[1]李世梅, 龚盛昭.基于Web技术的精品课程网站设计与维护[J].广东轻工职业技术学院学报, 2008 (3) .
[2]朱艳.基于Web技术的高校网站设计与管理[J].办公自动化杂志 (综合版) , 2008 (12) .
[3]杜现朝, 龙怀冰, 王清理, 等.基于Web标准的网站设计与开发流程[J].计算机工程与设计, 2008 (2) .
[4]张晶.Java Web开发指南 (典藏版) [M].北京:清华大学出版社, 2010 (1) .
Web标准论文 篇7
关键词：设计导向,工作过程系统化,课程标准,学习领域
1 引言
“设计导向”职业教育的目的是满足企业对产品质量和创新能力不断提高的要求[1], 学习内容不仅包括专业技能, 更重要的, 还要培养学生创新能力等综合实践能力。不仅培养学生处理开放性工作任务的能力, 更要培养学生独立设计解决问题的策略的能力。
工作过程系统化是“设计导向”在职业教育的体现与具体化。工作过程系统化摒弃了学科结构系统化学习中偏重理论、缺少应用能力培养的弊端, 在具体的职业行动中培养学生的职业能力;工作过程系统化通过“从工作领域—学习领域—学习情境”这一具体可行的转换步骤, 使“设计导向”职教理念在实现以人为本, 培养学生做事、做人上更具操作性。
本文从企业、市场调研入手, 通过与行业专家、企业人员、毕业生多层次面谈讨论, 归纳出网络技术专业可能就业的典型职业岗位。然后调研企业专家、技术人员, 确定该专业工作岗位的典型工作任务以及开展该专业职业教育所需的教育条件, 进而形成行动领域。再按照一定教学法、方法论导出相关的“学习领域”。其中, 《web应用开发》是“动态网页设计与开发工程师”学习领域的内容之一, 之后, 按照工作过程系统化课程开发的课程内容选择和序化要求, 使该课程标准即学习领域的开发体现“设计导向”的职业教育理念。
2 基于设计导向的工作过程系统化的课程标准开发的总体步骤
姜大源等在《德国职业教育学习领域的课程方案研究》一文中归纳了工作过程系统化学习领域课程开发的总体思路, 给出了课程开发的八个基本步骤。第一步通过分析职业岗位的工作过程, 了解职业与工作过程之间的关系;第二步调查并掌握该教育职业开展所需的教育件;第三步根据典型工作任务, 确定该教育职业所包含的职业行动领域的数量和范围;第四步描述职业行动领域, 主要是描述和界定所确定的各个职业行动领域的功能、所需的资格或能力;第五步与行业企业专家做出评价、选择行动领域;第六步根据教学法、方法论由行动领域导入到学习领域;第七步扩展描述学习领域, 包括学习目标、时间及内容;第八步扩展表述学习情境, 主要通过学习情境具体化来深入展开。“工作过程导向”的学习领域包括课程目标、课程学时和课程内容三个要素。其中课程内容的两大关键性因素是课程内容的选择和课程内容的序化。在学习领域课程内容的选择上, 课程开发摒弃“惰性知识”而关注“行动知识”, 即掌握那些对行动至关重要的应用性知识。谢尔滕博士和里德尔博士将应用性知识分为陈述性知识范畴和程序性范畴, 并将陈述性知识再细分为事实性和概念性知识以及理解性和论证性知识。而程序性知识指的是处置性知识和策略性知识, 除应用性知识之外还具有一定控制和调节作用, 旨在激活其他类型的知识———元知识[2]。
3《web应用开发》课程标准开发
3.1《web应用开发》课程标准开发过程 (见图2)
网络技术专业教师与深圳行业企业专家、毕业生进行了多层次的面谈讨论, 了解到网络技术专业典型职业岗位有网络管理员、系统管理员、网站管理维护员等首次岗位以及网络工程师、系统工程师、网站设计师等发展岗位。同时了解了岗位职业教育所需的教育条件, 确定了首次岗位和发展岗位的工作任务和工作过程, 进而把在实际工作中出现频率高、知识性强的工作任务集合形成行动领域, 从而得到网络技术专业的行动领域, 包括网络管理、系统管理、网络构架集成、网站设计、网络信息安全、网络数据库维护等工作任务。其中, “网站设计”行动领域具体包含“程序设计、静态网页制作、动态网页制作”等典型工作任务, 按照“由浅入深、逐步递进”的教学法、方法论导出“Web应用程序设计与开发工程师”职业的“学习领域”, 见表1, 因而《web应用开发》是该岗位学习领域的内容之一。然后, 开发该学习领域, 确定学习目标, 学习时间及学习内容。在学习内容设计上, 按照工作过程系统化课程开发要求选择和序化课程内容。
“设计导向”要求“以人为本”, 培养学生的职业综合素质, 因此, 在扩展描述学习领域中, 《web应用开发》学习领域的学习目标不仅包括知识目标, 还包括能力目标和素质目标。通过这一学习领域的学习, 掌握web应用项目开发的基础知识和基本技能, 培养严谨务实的分析问题与解决问题能力, 并培养诚实、守信、坚忍不拔, 善于沟通和合作的品质, 为提高职业能力奠定良好的基础。
在学习时间选择上, 《web应用开发》应在《静态网页设计》、《数据库设计与维护》等学习完成之后开设。
课程内容的两大关键性因素是课程内容的选择和课程内容的序化。
在课程内容的选择上 (见图3) , 《web应用开发》把网站开发环境、窗体控件、主题母板、报表等概念知识和理解性知识作为陈述性知识, 把项目开发的可行性分析、功能模块划分、软件测试等作为程序性知识, 把独立设计解决问题的策略作为元知识, 不仅培养学生的专业技能, 更加重视学生解决问题、创新能力等综合能力的培养。在课程内容排序上, 《web应用开发》以“网上书店”案例为载体, 该案例对知识模块进行重组, 课程开发采用阶梯式连续递进的线性结构化形式。
3.2《web应用开发》课程标准简介
3.2.1 课程概述与设计
《web应用开发》是计算机网络技术专业的一门专业拓展课程, 将课程理论与实践相结合, 是一门实践性较强的课程。
课程的目标是web应用程序设计与开发工程师岗位职业能力的培养。其总体设计理念是, 打破以知识传授为主要特征的传统学科课程模式, 转变为以工作任务为中心组织课程内容, 并让学生在完成具体项目的过程中学会完成相应工作任务, 并构建相关理论知识, 发展职业能力, 为学生可持续发展奠定良好的基础。课程内容突出对学生职业能力的训练, 理论知识的选取紧紧围绕工作任务完成的需要, 同时又充分考虑了高等职业教育对理论知识学习的需要, 并融合了相关职业岗位对知识、技能和态度的要求。
本课程的先行课是《程序设计基础》、《静态网页设计》、《动态网页设计》等。
3.2.2 课程目标
通过本课程的教学, 在知识目标上实现:掌握web应用项目开发的基础知识和专业技能。在能力目标上实现:培养严谨务实的分析问题与解决问题能力, 能胜任综合商业网站的开发工作。在素质目标上实现:为就业与可持续发展奠定基础, 培养诚实守信、坚忍不拔, 善于沟通和合作、具有创新能力的综合素质和品质。
3.2.3 课程内容
依据web应用程序设计与开发工程师岗位的能力目标, 在总体设计思路基础上, 依据项目安排表, 设计每个项目的教学目标、教学内容、重点难点及解决方案, 给出具体的教学实施方案。本课程将网上书店综合项目分解为十个具有递进关系的学习情境, 具体包括:网上书店系统需求分析、网上书店系统功能设计、数据库设计、母版页设计、主页的设计与实现、用户注册与登录页面的设计、购物车管理、后台管理、运行测试、网站发布。
3.2.4 学业评价考核
学业评价考核中贯彻能力本位的理念。变单向教学评价为多元评价, 将静态教学评价变为动态评价。变学生被动应对考试为主动参与考核, 将结果式考核变为分阶段分层次的不同学习情境的过程考核, 重点评价学生的职业能力。以过程性考核为主, 结果性考核为辅, 其中过程性评价的比重为60%, 结果性评价的比重为40%。
4 结论
《web应用开发》学习领域课程标准的开发基于“设计导向”的理念, 借鉴德国的“工作过程系统化”学习领域课程开发的八个基本步骤。本文分析了在课程标准的设计与开发中需要关注的课程开发的两大关键性因素, 详细介绍了课程内容的选择和序化。
参考文献
[1]赵志群, 王炜波.基于“设计导向”的职业教育思想[J].职业技术教育:教科版, 2006, 19 (27) :10-13.
Web标准论文 篇8
1 Web标准的内涵
Web标准是随着网站设计行业的逐步发展和规范所形成的一种标准的集合。是由W3C和其他标准化的组织所制定的。W3C是指Word, Wide, Web, Consortium。对于一个网站的网页来说, 它主要包含了三个方面:结构、表现和行为。Web标准也是对应而言, 就结构标准来说, 主要包括XHTML和XML;表现标准则为CSS;行为标准则主要以W3CCDOM为主。这些三个标准的综合, 被称为Web标准, 用来规范网页设计与实现。
1.1 XHTML
XHTML被称为可拓展标识语言, 是由一般的文本和标签组合而成。可退站标识语言, 主要是用来复杂整个网页的文档和结构的创建。对于Web标准网页的开发来说, 能够使用正确且有实际意义的标签来标注文档是最基本的一步, 也就是开发的第一步。同时, 结构良好并且拥有意义的可拓展标识语言对于后续表现和提高网站的使用性能来说, 也是具有关键性作用。
1.2 CSS
CSS是Cascading Style Sheet的简称, 其意译为层叠样式表。它对于Web标准化的网页来说, 可以控制该网页的版式, 也就是说它能控制颜色, 图像大小、布局等所有与网页版型有关的因素。CSS样式表可以由一个或者多个定义组成, 或是将其嵌入可拓展语言程序之中, 或是将其定义为单独的文件名称。对于一个CSS定义来说, 它是由选择器和声明组成的。在实际运用中, 它可以取代传统网站中表格式布局, 将其与可拓展语言技术相结合, 可以实现网站访问与维护的便捷性。
1.3 W3C DOM是指文档对象模型
它是实现网站与浏览器、语言平台的接口。从而让访问者可以进入该网站。就网站制作来说, 它是最为关键的一步, 无论设计得多么完美的网站, 如果最后不能通过网络实现访问, 都是一个不存在的网站。尤其是对于企业网站来说, 无法访问的网站, 将丧失其存在的意义。
2 Web标准指导下的网页设计与实现
Web标准是一系列标准的综合体。在其整个标准中, 主要由三个部分组成。通过该标准所设计出来的网页, 可以改变传统的结构和外观, 进而提高开发速度和维护效率, 降低企业对于网站的投资成本, 使该网站发挥最大的经济效益。
一般来说, 网站网页设计流程如图1。
2.1内容分析
本文主要分析的是企业网站网页的设计, 所以, 在内容上, 主要以企业建设网站的意义和所需要的效果为主。一般来说, 企业设计网站都是为了宣传和营销, 所以, 在内容的选择上, 需要先分析企业的运营方向和主营商品。然后针对主打商品进行介绍和宣传, 从而加深访问者对于商品的了解度, 引起访问者的购买欲望, 从而实现营销目的。在网页所需要展示的内容上, 需要对其各种逻辑关系进行梳理, 分清主次目标, 同时, 对企业所需要达到的效果的重要程度进行把握, 从而在内容的嵌入上, 进行适当的布局。
2.2结构设计
结构设计需要以内容分析的结果为主。就如同报纸一般, 需要有头条, 也需要有次要内容, 在整个结构的设计上, 需要保证合理与丰满两个要素。合理是指网页布局与内容分析的一致性;丰满则是指对企业所需要表达内容的完备性进行保证。在结构确定后, 搭建出合适的XHTML结构。一般来说, 在网站中, 这个结构被称为模板。在这个模板之中, 会对各个内容进行细致的描述, 以达到企业所需目的。
2.3方案设计
方案设计实际上不属于Web标准的规范之一, 但是, 由于方案设计对于网站网页的设计具有重要作用, 所以在网站设计与制作中, 需要方案设计来加以充实。方案设计主要是对其布局进行美化, 从而产生一定的视觉效果, 可以在一定程度上保障访问的满意度。
2.4表现设计
在确定好文档的内容和结构后, 使用CSS为文档进行样式的添加。在方案设计中, 已经对设计的页面进行了美化, 表现设计只需将这些美化好的图片进行分割, 然后再使用文档进行样式添加。从而实现页面布局的合理化, 展现出应有的美观性。
2.5网络连接
网站的基本功能就是能实现信息的网络化, 一个网站网页设计的完成, 并不单单只是其结构、内容、表现三者的完美统一。同时, 也需要通过一定的方式将其呈现到公众的视线之中。网络, 就是一个实现网站信息化的方式, 将设计好的网页置入企业网站之中, 就能够让其有机会呈现在网民的视野之中。
3结语
随着互联网对于生活的影响逐渐加大, 商业化的网站也越来越多。Web标准是当前国际上所推广的基本网站标准, 应用Web标准进行网页设计与制作, 不仅可以有效的开发网站, 也能够进一步提高网站的性能。本文通过对Web标准的大概介绍, 同时对其关键技术和基本思想为基础, 对网页的制作流程进行分析, 从而形象化Web标准对企业网站的设计和实现的意义。
参考文献
[1]刘秀芹.基于Web标准的企业网站网页设计与实现[J].电脑知识与技术, 2013, 09:2125-2127.
[2]朱淑琴, 魏威, 张嘉萌.基于Web标准的电子商务网站网页设计与制作[J].计算机与现代化, 2012, 03:106-109.
[3]张勇.基于Web标准的网页设计的分析与实现[J].安阳师范学院学报, 2011, 02:28-31.
[4]孙晓娟.基于Web标准的网站布局的设计与实现[J].科技信息, 2010, 01:44.