web标准页面制作规范

《web标准页面制作规范》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、Web标准页面制作规范目录文件目录命名规范HTML文件命名规范HTML代码规范图片制作规范CSS编写规范文件目录命名规范文件目录命名原则以最少的层次提供最清晰简便的访问结构，并能够使所有项目参与者清晰理解和记忆每一个文件目录的意义，从而可以更方便的查找、修改、移植等管理操作，提高工作效率。文件目录名称统一用小写的英文单词，长度不超过20个字符。如果需要加数字以区分页面文件，可以在单词后面添加数字，但是禁止用数字开头、禁止用中文字符、禁止用特殊字符作为文件目录的名称。文件目录名称的命名要与所定义的内容语义接近，字母要小写，需要两个以上单词表达时，第二个单词首字母大写，不要超过四个单

2、词，如果单词过长，取其前三个字母。根目录一般只存放index.htm以及其他必须的系统文件；每个主要栏目开设一个相应的独立目录；以栏目名称英文单词或单词缩写命名；例如：根目录下的images目录用于存放各页面都要使用的所有图片；根目录下的javascript目录存放所有JS脚本文件；所有CSS文件存放在根目录下css目录；等等。目录结构命名规范文件目录命名原则清晰的站点目录结构方便文件的维护和管理，同时对增加搜索引擎的友好度和移植也有着重要的影响。例如：项目根目录下——Style文件夹——css样式文件夹，images文件夹，icon文件夹名，js文件夹。Style文件夹内文件命

3、名项目静态页面命名项目根目录下——项目名称（不可以用中文）——页面.html文件（不可以用中文）目录结构命名参考列表编号项目内容备注1images存放所有网站直接插入的图片2imagestemp存放所有网站直接插入图片，但后期一定被程序替换的图片3CSS存放所有样式表4Js存放所有js文件5icon存放所有按钮图标HTML文件命名规范HTML文件命名规范如下：文件名要以最少的字母达到最容易理解的意义，尽量按单词的英语翻译为名称。如help.html（帮助中心页面）文件名称应当统一使用小写的英文字母、数字组合，长度不超过20个字符。禁止使用英文和中文拼音混搭；禁止用数字开头、禁止用

4、中文字符、禁止用特殊字符作为文件的名称。登录页文件名：login.html，首页文件名：index.html，二级页文件：name.html多个同类型文件使用英文字母加下划线扩展名。例如：message.html；message_add.htmlHTML命名参考列表中文名称英文名称中文名称英文名称首页index.html登录页面login.html注册页register.html搜索页面search.html购物车页面cart.html收藏夹页面favorite.html新闻news.html产品页面products.html列表页面*list.html详细页面*info.htm

5、l论坛bbs.html博客blog.html关于我们aboutUs.html人才招聘job.html广告服务adService.html客户服务service.html信息反馈feedback.html合作伙伴partners.html联系我们contactUs.html更多页*more.html支持support.html帮助help.html网站地图siteMap.html企业介绍intro.html你的帐户account.html工作室workroom.html备注：*为可拓展名称。HTML代码规范DOCTYPE文档声明标准代码要建立符合标准的网页，DOCTYPE声明是必不

6、可少的关键组成部分；一个正确的DOCTYPE，你的标识和CSS才会完美生效。DOCTYPE声明必须放在每一个XHTML文档最顶部，在所有代码和标识之上。XHTML1.0提供了三种DTD声明可供选择：严格型：称之为严格型，这是最理性的文档类型，在往后的日子里会逐步普及。目前暂不推荐使用。DTD(XHTML1.0Strict)过渡型：现在的站点基本用这种，对于大多数接触web标准的设计师来说，过渡的DTD(XHTML1.0Transitional)是目前理想选择。因为这种DTD还允许我们使用表现层的标识、元素和属性，也比较容易通过W3C的代码校验。框架型：专门针对框架页面设计使用的D

7、TD，如果你的页面中包含有框架，需要采用这种DTD。DTD(XHTML1.0Frameset)。HTML代码规范CSS样式表定义规范CSS文件引用标准代码：除特殊的css样式之外（如”display:none”），其他所有的样式表应当编写在外部css样式表中；禁止使用style来单独定义页面的样式；JavaScript脚本定义规范脚本引用方式脚本引用标准代码：