web标准化页面制作规范

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

1、WEB标准化页面制作规范一、命名规范1、站点目录的命名规范清晰的站点目录结构方便文件的维护和管理，同时对增加搜索引擎的友好度和移植也有着重要的影响。以下为站点目录内容：lcss文件目录:存放CSS样式文件lflash文件目录:存放.swf文件lhtml文件目录:存放分栏目内容页面limages文件目录:存放图片文件ljs文件目录:存放JS文件常用目录名：data(数据库)images(图片)install(安装)templets(模版)include(包含)admin(后台)rss(定阅)media(媒体)config(配置)js(脚本)Langua

2、ge(语言)css(样式)等……2、文件的命名规范文件命名的指导思想是：使得你自己和工作组的每一个成员能够方便的理解和记忆每一个文件的意义，从而可以更方便的查找、修改、移植文件等管理操作，提高工作效率。文件名称统一用小写的英文单词或拼音，如果文件名太长，可以用文件名拼音的首字母，长度不超过20个字符。（如：1、产品页面，可以命名为：product.html或者chanpin.html2、最新动态_查看详情页面，可以命名为：zxdt_ckxq.html）文件名称的命名要与所定义的内容语义接近，字母要小写，需要两个以上单词表达时，用下划线“_”分开两个单

3、词，最多不要超过三个以上单词，如果单词过长，取其前三个字母3、页面结构(html)的命名规范网站的前端结构与表现分离，达到95%以上。正式上线后的网页代码结构要清晰、明朗，容易阅读。(1)页面结构容器:bigbox页头：header内容：content/container页面主体：main页尾：footer导航：nav侧栏：sidebar栏目：column左右中：leftrightcenter(2)导航导航：nav主导航：mainbav子导航：subnav顶导航：topnav边导航：sidebar左导航：leftsidebar右导航：rightsid

4、ebar菜单：menu子菜单：submenu标题:title摘要:summary(3)功能标志：logo广告：banner登陆：login登录条：loginbar注册：regsiter搜索：search功能区：shop标题：title加入：joinus状态：status按钮：btn滚动：scroll标签页：tab文章列表：list提示信息：msg当前的:current小技巧：tips图标:icon注释：note指南：guild服务：service热点：hot新闻：news下载：download投票：vote合作伙伴：partner友情链接：link版

5、权：copyright1、(class)css样式的命名规范一些常规性的样式名称命名规范化，能够加强样式的重用性，使页面样式代码的重复性出现的机率降低。Css样式命名的规范化，能够使页面结构和样式文件起到一一对映的关系，修改以及优化起来更加清晰明了。(1)颜色:使用颜色的名称或者16进制代码,如.red{color:red;}.f60{color:#f60;}.ff8600{color:#ff8600;}(2)字体大小,直接使用"font+字体大小"作为名称,如.font12px{font-size:12px;}.font9pt{font-size:

6、9pt;}(3)对齐样式,使用对齐目标的英文名称,使用功能(简写)+对齐位置,如.fl_left{float:left;}.fl_right{float:right}.text-left{text-align:left}注意事项:1.不使用大写形式的类名和id名;2.尽可能使用描述性的英文单词的组合作为类名和id名;3.id名及类名的多个英文单词之间使用“_”短横线分隔;4.按区域进行描述编号例：main01_div01_ul01(可以理解为主体第一区域第一DIV下的第一个UL)附：一些CSS框架的命名参考主要的master.css模块module.

7、css基本共用base.css主题themes.css专栏columns.css打印print.css文字font.css表单forms.css补丁mend.css布局，版面layout.css一、图片制作规范1、图片的命名规则名称为英文单词或拼音，如果需要加数字表达的，可以在单词或拼音后面添加数字（如：product_1.jpg），但是禁止用数字开头、禁止用中文字符、禁止用特殊字符做为文件的名称。（如：1a.jpg,产品.jpg,#$.jpg）图片文件名称的命名要与所定义的内容语义接近，字母要小写，需要两个以上单词表达时，用下划线分开两个单词，最多

8、不要超过三个以上单词，如果单词过长，取其前三个字母。例如：企业标识--logo.gif2、图片的格式的适当应