网站制作完成时的检查项目
日期：2011年05月18日下面的清单旨在总结的主要内容，并帮助您确保任何您创建的网站，你已经做了所有你之前，应首先完成。
{显示删除的文字}
使用这种导航和直接跳到内容：
可用性} {} {视觉设计无障碍} {{}网站整体分析的内容分析} {{网站的结构分析}} {导航原理} {文本链接导航图片} {} {菜单框} {} {本地搜索其他导航} {文件尺寸和分辨率{}{页面布局构建块}} {视觉上的和谐定位页面元素{}{}故事寄宿} {网页排版
可用性，难道你：
- 请记住浏览器的不一致性，以及对你的目标浏览器测试？
- 尝试使用HTML的结构鉴定和视觉格式的CSS？
- 考虑自明，速度，反馈，可用性和准确性的指引？
- 目的是满足可用性因素，使网站的功能，以及建立一个可视化设计，使一个站点难忘？
视觉设计：
- 创建一个站点，美观，独特的经验，有感召力？
- 确保Web站点有一个统一的视觉识别，支持组织的产品或品牌？
- 考虑使用一个组织比喻？
- 在适当的简化？
- 申请无偿克制使用功能？
- 分析竞争对手的网站？
- 请记住，设计是不是“为艺术而艺术”，而是一个必须解决用户的问题？
- 选择您确定适当的，并呼吁观众的配色方案，提供情绪和氛围，你打算？一定要考虑，如年龄，性别和文化因素。
- 提供足够的前景和背景之间的色彩反差和价值，这样的文字和所有链接（鼠标悬停静止，访问，和主动）是明确的，易于阅读？
- 选择背景颜色和分离中性（或缺乏）交互恳求，炫耀效果最好的颜色吗？
- 在页面上选择您希望访问者看到的内容突出科幻rst色彩，而使用不太重要的元素更柔和的颜色？
- 测试在不同的枷玛机和两个24位和256位颜色深度的网页？
- 不同的系统上测试只是为了确保页面的颜色依然清晰，即使他们看起来很不同？
- 限制自己的网页安全调色板，特别是在大面积的纯色，如果你的观众有足够数量的旧电脑？
- 颜色指定为十六进制代码，而不是模棱两可的颜色名称？
- 创建具有适当数量有限的颜色配色方案，重复使用在好几个地方的颜色分别，并使用整个网站的颜色一致？
- 测试打印在黑色和白色打印机页面或提供打印机友好的页面版本？
- 设计你的网页，以便它是适当的重新purposing，如果这是必要的吗？
- 测试你的网站辅助功能在一个灰度格式观看？
辅助功能有没有你：
- 障碍的人提供尽可能相同的内容，或者其等值的不同格式的内容时，不是吗？
- 考虑视觉，听觉和身体障碍？
- 网站设计，以适应自适应技术？
- 提供使用方法的选择和适应能力？
- 提供可供选择的获取图像，动画，音频，视频或携带信息的内容？
- 分离式结构，从格式？
- 确保网页时，脚本仍然可用，applet或者其他编程对象关闭？
- 认清网页中的语言<html>标签？
- 后，如果尽了最大努力，你不能创建一个可访问的网页，提供连结到其他网页，都可以访问？
- 使用样式表，但也设计文档，使这也使得他们没有意义吗？
- 数据表，使用的标题，标题，摘要，标题，编号，并缩写属性以及结构性标记？
- 避免嵌套表？
- 尝试了数据结构和布局表，以便他们做出感觉，当从左向右，从上到下？如果这是不可能的，但提供了另一种等价的网页？
- 转达结构标记标签页面的结构？
- 对于有序列表，使用编号方案表达了每个列表项目的水平？
- 使用样式表来改变一个列表的项目符号样式或项目符号图像，如果需要的话？
整体网站的分析：
- 进行分析，以确定究竟需要什么，然后再开始建设什么？
- 确定主要和次要的网站目标是什么？
- 确定主要和次要目标受众？
- 确定的任务，目标受众将要执行？
- 确定时间和预算约束？
内容分析：
- 确保每一个网站上的内容位支持该网站的目标是什么？
- 提供信息的访问者需要选择在另一网站的产品和服务呢？
- 区别不同产品或其他服务，从而促进游客的决策过程？
- 展现自己的网站上的客户尽快，可能值包括一个描述，一个句子或无标记线？
- 包括幽默只有非常谨慎？
- 包括“谁”，“什么”，“时”，“哪里”，“为什么”和“如何”，作为是否恰当？
- 避免使用访客计数器吗？
- 避免欢迎游客到您的网站吗？
- 明确指示的时间敏感内容的日期？
- 考虑存档，而不是删除，旧的内容？
- 包括照片和简历，如果合适？
网站的结构分析：
- 制定强有力的和逻辑的分类，标签和底层结构的网站，来客人后，将根据查看信息？
- 从内容中提取有意义的标签，竞争对手的网站，在线词典，和/或检查服务器日志？
- 考虑包括同义词，缩写，缩写，替代拼写和拼写错误，以及相关的条款替代标签？
- 确定首选的标签？
- 与过于聪明标签小心？
- 与用户测试标签？
- 保存的HTML标签拒绝作为以后使用同义词检索功能，网站的索引和的<meta>标签关键字？
- 制定一个服务器上的目录和文件的逻辑结构？
- 规范文件命名规则，而不是基于视觉特征的功能？
- 采用相对寻址引用文件内的网站？
导航原则：
- 聘请导航的网站提供一个概念图？
- 提供到当前位置的反馈？
- 提醒访问者如何导航到他或她目前的位置？
- 帮助访问者找到他或她想要什么？
- 使游客在网站上了解其他产品？
- 在每一页上提供的网站和网页身份信息，联系信息，到主页的链接，以及全球导航？
- 显示本地导航，搜索功能，全站公用事业适当的网页？
- 避免改变窗口大小或删除铬如果打开一个新窗口？
- 坚持航行的原则：
- 使导航简单，可见光和一致？
- 以旅客已经知道什么优势？
- 东方游客以“你在这里”的迹象？
- 避免要求任何额外的努力，从访问者？
- 提供多种方式来获取信息？
- 为具有不同技术水平的访客？
- 提供反馈？
- 网站构建灵活和可扩展？
文本链接：
- 使用文本链接（而不是图形导航）每当可能吗？
- 设计适当的文本链接启示，使用户始终清楚什么是并且不是一个链接？
- 避免强调文本不是一个链接？
- 显示连接状态（使用/休息时，可以使用/侧翻，主动，访问，和电流）通过启示，游客会承认？
- 选择文字链接文字要简练，准确，描述性的，通常在网站的结构为标签发现过程中发现的条件为基础？
- 避免说总是“点击这里”？
- 使用的<title>标签提供文本链接较长的描述？
- 禁用当前的链接？
导航图片：
- 只有当使用导航图像增强其影响足以使该网站下载击中，增加了维修是否值得？
- 设计适当的导航，使用户始终以什么，而不是一个清晰的图像链接启示？
- 避免使用非航行图像这些启示？
- 指定ALT键图像属性为每个导航？
- 使用滚动效果是否恰当？
- 明确非标图标与文字说明？
- 采用影像地图和热点适当切片图像？
- 禁用当前的链接？
菜单：
- 从菜单中找到一页一页地坚持与每个菜单，结构相同？
- 集群主题相关的链接？
- 视觉识别的菜单？
- 考虑使用（包括自定义和手动）项目符号列表，以结构化文本菜单？
- 选择下拉菜单，菜单的顺序，并钻取的网页是否恰当？
帧：
- 避免使用框架，除非有某种压倒性的理由这样做呢？
- 为精确像素数的一组广泛的导航框架？
- 避免关闭框滚动？
- 关闭框架边框？
- 包括备份导航在内容网页上？
- 考虑包括<无frames>游客谁没有浏览器中启用它们的框架？
本地搜索：
- 包括本地搜索功能，如果用户所期望的，如果该网站有高度动态的内容，或者如果该网站是大型，复杂，或支离破碎？
- 展开首选条款包括同义词，甚至是拼写错误？
- 尽可能简单，主要的搜索界面，同时为游客提供谁需要它先进的搜索？
- 在搜索结果页面，显示搜索条件，被搜查的网域，以及配套的页数发现了什么？
- 显示有关目标网页的相关信息，分类是否恰当？
- 访问者提供一个机会，细化搜索标准是什么？
其他导航：
- 包括嵌入式链接，震荡，网站地图，目录，面包屑，键盘快捷键和醒目网页时，他们将加强旅客的经验？
- 创建favicon？
- 绝对让您的网站包含一些没有损坏的链接？
- 考虑创建一个自定义404“找不到网页”的文件？
文件大小和分辨率的你：
- 限制文件的大小是否恰当？
- 考虑到浏览器的不一致性？
- 拉出来的CSS和JavaScript将是整个网站再用外部文件是什么？
- 重复使用图形，音频和视频从网页页面？
- 避免无端的图形，动画和声音？
- 较大的使用，而不是尽可能小的图像？
- 尽量减少独特的导航按钮的数量？
- 确定一个合适的页面大小，以像素？
- 避免水平滚动？
- 提供一个“打印页面”选项，在适当的时候？
页面布局积木：
- 帧之间进行选择，闪光灯，表格和的<DIV>s得当，当铺设页？
- 选择适当的固体和液体之间的布局，然后控制它们是否正确？
- 利用线（规则，边界，轮廓，看不见网格）来组织你的空间，分离或连接您的部分页面？
- 选择一个你想要的心情传达行适当类型？
- 选择适当的形状，增加趣味，运动，分裂，并连接到你的网页？
- 聘请形状（图形，多列布局等），以压倒性的文本分手块？
- 在网页眯着眼睛看看赏心悦目的形状安排？
- 应用颜色作为页面的组织者？
视觉上的和谐：
- 为整个站点中所有网页的情绪，配色方案，布局，导航和图形的连续性，以促进视觉上的和谐，宁静和刺激之间的平衡？
- 限制在页面上的元素是多少？
- 为视觉上的一致性，重复内容是什么？
- 对齐网格内的基本内容是什么？
- 聘请视觉胶（标题，项目符号和编号列表，压痕，间距，接近，风格相似性和差异，水平和垂直规则，背景颜色，边框，工具条，并<fieldset>），以块相关的信息？
- 使用线条，形状，大小，颜色，质地，排版，样式，重点，空间，相反方向操作，从而创造出视觉层次？
- 避免造成如此多的对比，你失去了联络点轨道？
- 提供足够的空白，让从视觉上的混乱感喘息的机会？
- 选择一个你想要的心情来描绘，如对称平衡一个平静的心情，不对称的利息，或张力不平衡，适当的平衡？
- 避免使用成分中心页的中心？
- 当创建矩形形状，考虑以下的黄金，平均（金比）矩形（1至1.6）的比例如何？
- 一个“矩形只有”圆形或模糊的边缘，图形，跨电网的暗示，布局打破蒙面的照片背景，不规则形状的图形，文字图形周围蜿蜒，不同的领导，标题，拉报价，装饰帽，下沉，和弹出窗口？
定位网页元素，你是否：
- 在每一页上提供明显的导航，通常在顶部或左边？
- 倍以上的位置最重要的信息？
- 包括徽标和公司身分阳离子，阳离子或身分页面标题，主导航系统（包括到主页的链接），本地导航（如果使用）和一个标准的页脚在每一页上（如果使用）？
- 确保主页作为一个有吸引力的“目录”，为整个网站服务？
- 包括在主页上唯一重要的内容是什么？
故事寄宿你：
- 首先，创建一个灰度的页面线框，以评估没有内容，颜色和图像分心的布局？
- 创建一个页面颜色比赛，无论是使用图像编辑程序或HTML吗？
- 使用模板创建一个适当的，该网站的规范化布局？
网页排版：
- 请在正文清晰的大小非装饰，屏幕优化的字体？
- 使用更长更宽松的领先行文字为重点，适当，或减轻页面的密度？
- 采用更宽的信强调和字间距？
- 设置为左对齐正文，衣衫褴褛的权利？
- 如采用对比不同的字体，大小，重量，颜色，形状，结构，粗体，斜体，扭转的类型和背景颜色，各种瓶盖，质地，方向，节奏，间距和点缀元素，强调类型的特殊区域？
- 这些因素限制使用刚上市？
- 利用CSS来设置特殊的资本规则（全部大写，小写，所有权的情况下）自动？
- 在正文中应避免使用全部大写？
- 只强调申请的链接？
- 在灰度测试，以确保网站前景文字与背景的对比充分的文本值？
- 如果一个黑暗的背景上使用浅色文本，考虑采取更大胆的文字，或选择与本身较厚招一字体？
- 避免删除线这样除非你正试图以显示文件编辑的版本吗？
- 考虑使用CSS来第一个字母或装饰效果的第一行文字？
- 块的内容与标题，小段落，项目符号列表，侧边栏，缩进整个一段文字，或拉报价？
- 限行长度为350-550像素分割成两个或多个列宽的网页？
- 增加，导致改善再行文字的可读性，并减轻整体的“色”的网页？
- 加大对重点字母或单词之间的间距？
- 要么是使用在一个段落或段落之间的间距开始双缩进，但不能两者兼而有之？
- 第一个段落缩进避免以下一个头？
- 之间使用的标题和内容之前，它引入了双标题，但单行距间距？
- 检查拼写，语法和句子结构？
- 限制使用的惊叹号？
- 指定适当的印刷字符，包括列破折号，破折号，弯引号，真椭圆，大写和小写数字？
- 请使用图形文字只有在绝对必要，以避免过多的下载时间？（对于图形文字）
- 选择适当的点缀，反走样，和字距？（对于图形文字）
- 对于非常小的文本，使用字体设计的一个特定的大小和关闭抗锯齿？（对于图形文字）