web前端开发规范.doc

文档介绍：WEB前端开发规范
WEB Front Development Standard


WEB 标准

WEB前端开发工具
网站架构的流程
XHTML 的编写代码规范
CSS 相关规范
Javascript 的编写代码规范

网站的目录结构和文件命名
XHTML 元素的命名参考

附件1 命名及注释规范
附件2 网页设计psd效果图制作要求
附件3 Eric Meyer和YUI的 css reset以及通用、常用公共样式
附件4 css兼容

WEB 标准
WEB 标准不是一个标准,而是一系列标准的集合。网页主要由三部分组成:结构( Structure)、表现(Presentation)和行为(Behavior)。对应的标准也分三方面:结构化标准语言主要包括 XHTML 和 XML, 表现标准语言主要包括 CSS,行为标准主要包括对象模型(如 W3C DOM)、 ECMAScript 等。这些标准大部分由 W3C 起草和发布,也有一些是其他标准组织制订的标准,比如 ECMA (puter Manufacturers Association)的 ECMAScript 标准。我们来简单了解一下这些标准:
结构标准语言
(1)XML
XML 是 The Extensible Markup Language(可扩展标识语言)的简写。目前推荐遵循的是 W3C 于2000年10月6 日发布的 ,参(/2000/REC-XML-20001006)。和 HTML 一样,XML 同样来源于 SGML,但 XML 是一种能定义其他语言的语。XML 最初设计的目的是弥补 HTML 的不足,以强大的扩展性满足网络信息发布的需要,后来逐渐用于网络数据的转换和描述。
(2)XHTML
XHTML 是 The Extensible HyperText Markup Language 可扩展标识语言的缩写。目前推荐遵循的是 W3C 于 2000年1月26日推荐 。 XML 虽然数据转换能力强大,完全可以替代 HTML,但面对成千上万已有的站点,直接采用 XML 还为时过早。因此,我们在 , 用 XML 的规则对其进行扩展,得到了 XHTML。简单的说,建立 XHTML 的目的就是实现 HTML 向 XML 的过渡。
表现标准语言
CSS 是 Cascading Style Sheets 层叠样式表的缩写。目前推荐遵循的是 W3C 于1998年5月12日推荐 CSS2。 W3C 创建 CSS 标准的目的是以 CSS 取代 HTML 表格式布局、帧和其他表现的语言。纯 CSS 布局与结构式 XHTML 相结合能帮助设计师分离外观与结构,使站点的访问及维护更加容易。
行为标准
(1)DOM
DOM 是 Document Object Model 文档对象模型的缩写,根据W3CDOM规范 DOM 是一种与浏览器,平台,语言的接口,使得你可以访问页面其他的标准组件。简单理解,DOM scaped 的 Javascript 和 Microsoft 的 Jscript 之间的冲突,给予 web 设计师和开发者一个标准的方法,让他们来访问他们站点中的数据、脚本和表现层对像。
(2) ECMAScript
ECMAScript 是 ECMA(puter Manufacturers Association)制定的标准脚本语言(JAVAScript)。
目前推荐遵循的是 ECMAScript 262。
二、如何实现WEB标准
WEB前端开发工具
制作软件
制作网页,我们可以用 Dreamweaver 和 Frontpage 等直接视图进行网页制作。而要实现 Web 标准, 这些软件或者工具都必须升级到最新版。如 Adobe Dreamweaver CS、 Microsoft Expression web ,Apatana Studio . 使用最新的软件,更有助编写出严格标准的页面。同时在此,我们很应该明确,可视化网页制作会产生很多冗余的代码,不利于SEO 优化及今后的维护,抛弃视图制作页面,改为纯手写 HTML 和 CSS。培养良好的书写代码****惯,对维护和修改会起到事半功倍的效果。
■ Apatana Studio (免费) ■ Adobe Dreamweaver CS ■ Microsoft Expression Web
测试及调试软件
由于存