web标准页面制作规范.ppt

Web标准页面制作规范 目录 文件目录命名规范 XHTML文件命名规范 XHTML代码规范 图片制作规范 CSS编写规范 文件目录命名规范 文件目录命名原则 以最少的层次提供最清晰简便的访问结构，并能够使所有项目参与者清晰理解和记忆每一个文件目录的意义，从而可以更方便的查找、修改、移植等管理操作，提高工作效率。 文件目录名称统一用小写的英文单词，长度不超过20个字符。如果需要加数字以区分页面文件，可以在单词后面添加数字，但是禁止用数字开头、禁止用中文字符、禁止用特殊字符作为文件目录的名称。 文件目录名称的命名要与所定义的内容语义接近，字母要小写，需要两个以上单词表达时，第二个单词首字母大写，不要超过四个单词，如果单词过长，取其前三个字母。 根目录一般只存放index.htm以及其他必须的系统文件；每个主要栏目开设一个相应的独立目录；以栏目名称英文单词或单词缩写命名；例如：根目录下的images目录用于存放各页面都要使用的所有图片；根目录下的javascript目录存放所有JS脚本文件；所有CSS文件存放在根目录下css目录；等等。 目录结构命名规范 文件目录命名原则 清晰的站点目录结构方便文件的维护和管理，同时对增加搜索引擎的友好度和移植也有着重要的影响。 以下为站点文件目录内容参考： css文件目录： 存放CSS 样式文件 flash文件目录： 存放flash文件 media文件目录： 多媒体文件 images文件目录： 存放图片文件 javascript文件目录： 存放JS文件 language文件目录： 存放多种语言文件 library文件目录： 存放库文件 “栏目”文件目录： 存放库文件 目录结构命名参考列表 XHTML文件命名规范 XHTML文件命名规范如下： 文件名要与表现的内容相近，以最少的字母达到最容易理解的意义； 文件名称应当统一使用小写的英文字母、数字组合，长度不超过20个字符。 尽量按单词的英语翻译为名称。例如：feedback(信息反馈)，aboutus(关于我们)； 禁止使用英文和中文拼音混搭，如:aboutwo； 需要两个以上单词表达时，第二个单词首字母大写，不要超过四个单词，如果单词过长，取其前三个字母，例如：shoppingCart。 禁止用数字开头、禁止用中文字符、禁止用特殊字符作为文件的名称。 登录页文件名：login.html，首页文件名：index.html，二级页文件：name.html 多个同类型文件使用英文字母加数字命名。例如：news01.html XHTML命名参考列表 XHTML代码规范 DOCTYPE文档声明标准代码 要建立符合标准的网页，DOCTYPE声明是必不可少的关键组成部分；除非你的XHTML确定了一个正确的DOCTYPE，否则你的标识和CSS都不会生效。DOCTYPE声明必须放在每一个XHTML文档最顶部，在所有代码和标识之上。 XHTML 1.0 提供了三种DTD声明可供选择： 严格型：称之为严格型，这是最理性的文档类型，在往后的日子里会逐步普及。目前暂不推荐使用。 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN /TR/xhtml1/DTD/xhtml1-strict.dtdhtml xmlns=/1999/xhtml 过渡型：现在的站点基本用这种，在未知的将来，将会被淘汰。对于我们大多数刚接触web标准的设计师来说，过渡的DTD(XHTML 1.0 Transitional)是目前理想选择。因为这种DTD还允许我们使用表现层的标识、元素和属性，也比较容易通过W3C的代码校验。 DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtdhtml xmlns=/1999/xhtml 框架型：专门针对框架页面设计使用的DTD，如果你的页面中包含有框架，需要采用这种DTD。 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Frameset//EN /TR/xhtml1/DTD/xhtml1-frameset.dtdhtml xmlns=/1999/xhtml XHTML代码规范 xmlns命名空间声明 代码格式：html xmlns=/1999/xhtml 解释说明：xmlns是xhtml namespace的缩写，叫做xhtml 命名空间声明。xhtml是html向xml过渡的标识语言，它需要符合xml文档规则，因此需要定义命名空间。又因为xhtml1.0不