文档介绍:网站制作 Apple QQ:345374621
网页设计规范参考
总论 2
一、目 录 结 构 规 范 2
1. 网站目录划分 2
2. 多级目录 2
3. 目录、文件的命名规范 2
二、文 件 命 名 原 则 2
1. 命名原则的指导思想 2
2. 路径/文件名设定 3
3. 各路径下的开始文件 3
4. html 文件的命名原则 3
5. 图片的命名原则 3
三、一 般 原 则 4
1. 表格问题 4
2. 首行缩进 4
3. 图片 4
4. 字号 4
5. 中英文混排时 4
6. 行距 4
7. 网站中的路径 5
四、代 码 编 写 规 范 5
1. 首页head区代码规范 5
2. 页面内容部分代码规范 5
3. CSS 文件的格式样例代码 6
4. CSS的命名规范及部分简写说明 6
5. CSS和JS尽量采取外部调用 7
网站制作 Apple QQ:345374621
总论
参考网上的一些文章和部分门户网站规范,结合用户浏览****惯以及实际策划、设计、使用中的经验,制订了《网站设计规范参考》,本规范既是一个开发规范,也是一个脚本语言参考,本规范并不是一个一成不变的必须严格遵守的条文,特殊情况下要灵活运用,做一定的变通。但是,请大家千万不要随意更改规范。如果有任何问题,请及时与我联系,我会及时更改本规范的相关代码样例和文档。
一、目 录 结 构 规 范
1. 网站目录划分
在网站根目录中开设images 、js 、css、temp子目录
☆ images目录中放不同栏目的页面都要用到的公共图片,例如公司的标志、banner 条、菜单、按钮等等;
☆ css 子目录中放css文件,如果站点模板多尽量分成多个css文件调用;
☆ js 子目录中一般放javascript文件;
☆ temp 子目录放客户提供的各种文字图片等等原始资料。temp 目录中的文件往往会比较多,建议以时间为名称开设目录,将客户陆续提供的资料归类整理。
☆ 广告、交换链接、banner等图片保存到images下adv目录
2. 多级目录
在根目录中原则上应该按照首页的栏目结构,给每一个栏目开设一个目录,根据需要在每一个栏目的目录中开设一个images 和media 的子目录用以放置此栏目专有的图片和多媒体文件,如果这个栏目的内容特别多,又分出很多下级栏目,可以相应的再开设其他目录。
网站制作 Apple QQ:345374621
3. 目录、文件的命名规范
除非有特殊情况,目录、文件的名称全部用小写英文字母、数字、下划线的组合,其中不得包含汉字、空格和特殊字符;目录的命名请尽量以英文为指导,尽量避免用拼音命名。
二、文 件 命 名 原 则
1. 命名原则的指导思想
命名原则的指导思想是使得你自己和工作组的每一个成员能够方便的理解每一个文件的意义,二是当我们在文件夹中使用“按名称排例”的命令时,同一种大类的文件能够排列在一起,以便我们查找、修改、替换、计算负载量等等操作。
2. 路径/文件名设定
路径/文件名称需与栏目菜单名称具有相关性。一律采用小写英文字母、数字、下划线的组合,其中不得包含汉字、空格和特殊字符;目录的命名请尽量以英文翻译为优先,尽量避免使用拼音作为目录名称
3. 各路径下的开始文件
各路径下的开始文件,命名为index.* ,动态文件为
,,,
网站制作 Apple QQ:345374621
4. html 文件的命名原则
下面以“新闻”(包含“国内新闻”和“国际新闻”)这个栏目来说明html 文件的命名原则 :
☆ 在根目录下开设news目 录
☆
☆ 所有属于“国内新闻”的新闻依次取名为:, , …
☆ 所有属于“国际新闻”的新闻依次取名为:, inte