1、网页设计最佳规范检验清单页面布局1.能够吸引目标受众2.统一网站标题/标志3.统一导航区域4.说明性页面标题，包括公司/组织/ 网站名称5.页脚区域-版权信息、最后更新日期、E-mail 联系地址6.基本设计原则应用良好：反复、对比、近似和对齐 （备注 1）7.在 800*600 或更高分辨率下显示时不需要水平滚动8.页面中的文本/图片/空白间隔均匀9.文本和背景对比度高10.在 800*600 的分辨率下重复信息（标题/图标和导航器）占据的区域不超过浏览器窗口的 1/41/311.在 800*600 分辨率下主页“折叠处之上” （向下滚动之前）包含吸引人的有趣信息12.使用拨号连接时主页在
2、10 秒钟之内下载完毕浏览器兼容性1. 在当前版本的 Internet Explore 中正常显示2. 在当前版本的 Firfox 中正常显示3. 在当前版本的 Safari 中正常显示4. 在当前版本的 Opera 中正常显示5. 在当前版本的 Netscape 中正常显示导航1.主导航链接标签清晰且统一2.目标受众能够方便地使用导航栏3.如果主导航使用了图片、Flash 或 DHTML，那么页脚部分由清晰的文本链接（无障碍设计）4.导航协助，比如使用了站点地图、跳过导航链接或面包屑痕迹5.所有的导航超链接都能正常工作颜色和图片1.在页面背景/文本中使用的颜色数最多不超过三种或四种2.颜色的
3、使用能够前后统一3.相连文本颜色之间对比度较高4.不是只使用颜色表达信息（无障碍设计）5.颜色和图片的使用能够改善网站，而不是分散访问者的注意力6.图片经过优化处理且不会明显拖慢下载速度7.所使用的每一幅图片都有清晰的作用8.图片标记使用 alt 属性设置了在浏览器或用户媒介不支持图片的情况下显示的备用文本（无障碍设计）9.动画图像不会使访问者分散注意力，要么不重复播放，要么只重复几次就可以了多媒体1.所使用的每一个音频/视频 /Flash 文件都有清晰的作用2.所使用的音频/视频/Flash 文件你呢哥哥改善网站，而不是分散访问者的注意力3.为使用的每个音频或视频文件提供标题注释（无障碍设计
4、）4.标示了音频或视频文件的下载时间5.提供多媒体插件的下载地址内容的呈现1.使用常见的字体，如宋体或 Arial2.应用了 Web 写作技巧：标题、符号列表、短段落和短句、应用空白间隔等3.字体、字体尺寸和字体颜色的使用能够统一4.网页内容提供了有意义和有用的信息5.使用统一方式组织内容6.信息查找容易（最少点击）7.时间性：精确的最后版本的修改日期或版权期限8.网页内容不包含过时材料9.页面内容没有排版或语法错误10.页面内容提供了指向其他有用网站的链接11.编写文本或超链接时避免使用“点击此处”12.如果没有使用标准的链接颜色，那么必须统一设置一套颜色以表明链接的已访问/未访问状态13.
5、如果使用了图片或多媒体表达信息，那么也同时提供了与该内容对应的备用文字说明（无障碍设计）功能1.所有内部链接都能正常工作2.所有外部链接都能正常工作3.所有表单你呢哥哥达到预期功能4.所有网页都不生成 Java Script 错误无障碍设计1.如果主导航使用了图片、Flash 或 DHTML，那么页脚部分由清晰的文本链接2.不是只使用颜色表达信息3.图片标记使用 alt 属性设置了在浏览器或用户媒介不支持图片的情况下显示的备用文本4.为使用的每个音频或视频文件提供标题注释5.在恰当的地方使用专为改善无障碍设计的属性，如 longdesc、title 和 summary 等6.如果网页使用了框架
6、，则使用框架标题7.如果网站使用了框架，则在 noframes 区域放置有用的信息备注 1：设计原则几乎所有的设计都可以应用以下四种视觉设计原则：反复、对比、近似和对齐。不管是设计网页、按钮、网站标志、CD 封面、产品宣传册还是软件界面-反复、对比、近似和对齐的设计原则都有助于创建项目的“外观和感觉” ，并且它们可以决定信息是否得到了有效的传达。反复：使视觉元素重复贯穿整个设计在应用反复原则时，设计师在整个作品中重复一个或多个元素。被重复的特征将作品紧密地联系在一起。无论是颜色、形状、字体还是图片，重复的元素都有助于将设计进行统一。对比：增加视觉刺激和吸引注意力要想应用对比的原则，设计师应该加大元素之间的差异（添加对比） ，从而使得设计作品有趣而且能够吸引注意力。设计网页时，背景颜色和文本之间应该有很好的对比度。近似：分组相关项目如果设计师应用近似原则，那么相关项目在物理上就被紧密地放在一起，无关项目则应该间隔开来。页面条目紧密地靠在一起能为信息或功能的逻辑结构提供视觉线索。
