最新网站设计标准.pptVIP

网站设计标准 内容 知识体系、学习方式 网站架构 Html基础 关于标准 美工基础及操作 网站开发流程 动态页面基础 体系 页面设计 标准 大气 效率 Never repeat yourself! 网站标准的目的 提供最多利益给最多的网站用户 确保任何网站文挡都能够长期有效 简化代码、降低建设成本 让网站更容易使用，能适应更多不同用户和更多网路设备 当浏览器版本更新，或者出现新的网络交互设备时，确保所有应用能够继续正确执行。 采用网站标准的好处 对网站浏览者的好处： 文件下载与页面显示速度更快； 内容能被更多的用户所访问（包括失明、视弱、色盲等残障人士）； 用户能够通过样式选择定制自己的表现界面 所有页面都能提供适于打印的版本 对网站所有者的好处： 更少的代码和组件，容易维护 带宽要求降低（代码更简洁），成本降低。 更容易被搜寻引擎搜索到 改版方便，不需要变动页面内容 提供打印版本而不需要复制内容  标准语言(静态) 1．结构标准语言 （1）XML XML是The Extensible Markup Language(可扩展标识语言)的简写。但XML是一种能定义其他语言的语。XML最初设计的目的是弥补HTML的不足，以强大的扩展性满足网络信息发布的需要，后来逐渐用于网络数据的转换和描述。 （2）XHTML XHTML：The Extensible HyperText Markup Language。 XML虽然数据转换能力强大，完全可以替代HTML，但面对成千上万已有的站点，直接采用XML还为时过早。建立XHTML的目的就是实现HTML向XML的过渡。 2. 表现标准语言 CSS是Cascading Style Sheets层叠样式表的缩写。目前推荐遵循的是CSS2。CSS标准的目的是以CSS取代HTML表格式布局、帧和其他表现的语言。纯CSS布局与结构式XHTML相结合能帮助设计师分离外观与结构，使站点的访问及维护更加容易。 行为标准 （1）DOM DOM是Document Object Model文档对象模型的缩写。根据W3C DOM规范（/DOM/），DOM是一种与浏览器，平台，语言的接口，使得你可以访问页面其他的标准组件。简单理解，DOM解决了Netscaped的Javascript和Microsoft的Jscript之间的冲突，给予web设计师和开发者一个标准的方法，让他们来访问他们站点中的数据、脚本和表现层对像。 (2) ECMAScript ECMAScript是ECMA(European Computer Manufacturers Association)制定的标准脚本语言（JAVAScript）。目前推荐遵循的是ECMAScript 262（http://www.ecma.ch/ecma1/STAND/ECMA-262.HTM）。 效率 Never repeat yourself! KISS : keep it simple and stupid 工程化、规范化 页面因素及注意事项 标准◎专业◎企业级 DOCTYPE (1)过渡型（Transitional ） !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtd (2)严格型（Strict ） !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN /TR/xhtml1/DTD/xhtml1-strict.dtd (3)框架型（Frameset ） 声明你的编码语言 为了被浏览器正确解释和通过标识校验，所有的XHTML文档都必须声明它们所使用的编码语言。 代码如下： meta http-equiv=Content-Type content=text/html; harset=GB2312 / 简体中文GB2312， 繁体内容BIG5。 用小写字母书写所有的标签 XML对大小写是敏感的，所以，XHTML也是大小写有区别的。所有的XHTML元素和属性的名字都必须使用小写。否则你的文档将被W3C校验认为是无效的。 例如下面的代码是不正确的： TITLE公司简介/TITLE 正确的写法是： title公司简介/title 同样的，P改成p，B改成b等等。这步转换很简单。 为图片添加 alt 属性 为所有图片添加alt属性。alt属性指定了当图片不能显示的时候就显示供替换文本，这样做对正常用户可有可无，但对纯文本浏览器和使用屏幕阅读机的用户来说是至关重要的。只有添加了alt属性，代码才会被W3C正确性校验通过