网页制作规范要求

一 制 作 常 规 要 求 1 主要页面要写 title 主页要写上企业中英文名称 2 不使用过小的字体不使用过大的图片 动画 声音 不使用过长的滚屏 3 页面以 800X600 屏幕设置营为主 实际尺寸为 778 434px 但也应注 意在 1024X800 屏幕设置的浏览效果 即在 800X600 分辩率下应在浏览器中不 出现横向的流动条 4 通常情况下页面应以居中为主 如有特殊要求可以设置居顶 居左 5 在排布表格之前 请大家一定要好好思考一个最佳的方案 表格的嵌套 尽量控制在三层以内 并且应该尽量避免 两个标记 经 验表明 这两个标记会带来许多麻烦 6 一个网页要尽量避免用整个一张大表格 所有的内容都嵌套在这个大表 格之内 因为浏览器在解释页面的元素时 是以表格为单位逐一显示 如果一 张网页是嵌套在一个大表格之内 那么很可能造成的后果就是 当浏览者敲入 网址 他要先面对一片空白很长时间 然后所有的网页内容同时出现 7 排版中我们经常会遇到需要进行首行缩进的处理 不要使用 或者全角 空格来达到效果 规范的做法是在样式表中定义 p text indent 2em 然 后给每一段加上 标记 注意 一般情况下 请不要省略 结束标记 8 为了最大程度的发挥浏览器自动排版的功能 在一段完整的文字中请尽 量不要使用 来人工干预分段 9 所有的字号都应该用样式表来实现 禁止在页面中出现 标记 10 中英文混排时 我们尽可能的将英文和数字定义为 verdana 和 arial 两种字体 11 行距建议用百分比来定义 常用的两个行距的值是 line height 120 150 不要使用超过不要使用超过 3 3 种以上的字体 种以上的字体 字体太多则显得杂乱 没有主题 不要用太大的字不要用太大的字 因为版面是宝贵 有限的 粗陋的大字体不能带给访问 者更多信息 不要使用不停闪烁的文字不要使用不停闪烁的文字 想让浏览者多停留一会儿的话 就不要使用闪 烁的文字 原则上标题的字体较正文大 颜色也应有所区别 原则上标题的字体较正文大 颜色也应有所区别 文字不要很贴边的写 段落开头要空两行文字不要很贴边的写 段落开头要空两行 12 为了保证不同浏览器上字号保持一致 字号建议用点数 pt 和像素 px 来定义 pt 一般使用中文宋体的 9pt 和 11pt px 一般使用中文宋体 12px 和 14 7px 这是经过优化的字号 黑体字或者宋体字加粗时 一般选用 11pt 和 14 7px 的字号比较合适 13 网站中的路径全部采用相对路径相对路径 一般链接到某一目录下的缺省文件 的链接路径不必写全名 如我们不必这样 而应该这样 14 每个网页 本网首页除外 都要有返回主页和返回上级的图标或文字 链接 二 文 件 命 名 规 则 与 目 录 结 构 规 则 1 首页面必须以页面必须以 index htm index htm index aspindex asp index phpindex php 命名的文件 命名的文件 2 HTML 文件扩展文件名一般用 htm html 3 在根目录中原则上应该按照首页的栏目结构 给每一个栏目开设一个目在根目录中原则上应该按照首页的栏目结构 给每一个栏目开设一个目 录 根据需要在每一个栏目的目录中开设一个录 根据需要在每一个栏目的目录中开设一个 imageimage 的子目录用以放置此栏目的子目录用以放置此栏目 专有的图片和多媒体文件 如果这个栏目的内容特别多 又分出很多下级栏目 专有的图片和多媒体文件 如果这个栏目的内容特别多 又分出很多下级栏目 可以相应的再开设其他目录 可以相应的再开设其他目录 4 网站 css 文件要放到根目录 image 下 供其它文件调用 如子栏目较多 也可分别 copy 到自己目录下 使网站风格统一 5 共用的模板文件应放在根目录的 Templates 文件夹下 此为 dreamweaver 的默认路径 如用其它软件开发者也需遵守此规则 6 6 除非有特殊情况 目录 文件的名称全部用小写英文字母 数字 下划 除非有特殊情况 目录 文件的名称全部用小写英文字母 数字 下划 线的组合 其中不得包含汉字 空格和特殊字符 目录名应以英文 拼音为主 线的组合 其中不得包含汉字 空格和特殊字符 目录名应以英文 拼音为主 尽量用一些大家都能看懂的词汇 使得你自己和工作组的每一个成员能够方便尽量用一些大家都能看懂的词汇 使得你自己和工作组的每一个成员能够方便 的理解每一个文件的意义 的理解每一个文件的意义 下面以下面以 新闻新闻 包含 包含 国内新闻国内新闻 和和 国际新闻国际新闻 这个栏目来说明 这个栏目来说明 htmlhtml 文件的命名原则文件的命名原则 在根目录下开设 news 目 录 第一条缺省新闻取名 index htm 所有属于 国内新闻 的新闻依次取名为 china 1 htm china 2 htm 所有属于 国际新闻 的新闻依次取名为 internation 1 htm internation 2 htm 如果文件的数量是两位数 请将前九个文件命名为 china 01 htm china 02 htm 以保证所有的文件能够在文件夹中正确排序 China20121117090636 html 图片的命名原则遵循以下几条规范图片的命名原则遵循以下几条规范 名称分为头尾两两部分 用下划线隔开 头部分表示此图片的大类性质 例如广告 标志 菜单 按钮等等 一般来说 放置在页面顶部的广告 装饰图案等长方形的图片我们取名 banner 标志性的图片我们取名为 logo 在页面上位置不固定并且带有链接的小图片我们取名为 button 在页面上某一个位置连续出现 性质相同的链接栏目的图片我们取名 menu 装饰用的照片我们取名 pic 不带链接表示标题的图片我们取名 title 依照此原则类推 尾部分用来表示图片的具体含义 下面是几个样例 大家应该能够一眼看明白图片的意义 banner sohu gif banner sina gif menu aboutus gif menu job gif title news gif logo police gif logo national gif pic people jpg pic hill jpg 首行缩进两个字符