Tag Archives: 亲和力网站

11.使用相对字号字体 如果可能的话，请使用相对字号的字体吧，比如”em”而非px,pt，虽然这样子看样子看起来是有点难以实现，或是考虑的情况会更多。但是如果有能力的话，还是这样做吧，因为用户在选择查看–>文字大小，选择大字体的时候，他的想法就是想字体能变大一些的，不是吗？ 12.加入站台搜寻功能 正确的站台搜寻准则：

每一页都放搜寻对话盒，最好还要是“在褶层之上”（不需要卷动就看得到）。 预设会搜寻所有的东西。如果你可以让使用者选择祇搜寻文章、祇搜寻回响或两者皆搜寻的话，请预设“两者都搜寻”。 别让进阶选项（像是布林逻辑、大小写敏感或正规表示式）弄乱了你的搜寻对话盒。请预设使用类似 Google 的作用（比对所有的字，不比对部分的字，大小写不敏感，不使用正规表示式），同时在另一个“进阶搜寻”的页面里，提供所有的选项。 让 你的搜寻对话盒有合适的标签以及一组便捷键。在此建议使用 accesskey=”4″ 我示范了如何指定你的搜寻表单的 accesskey ，但是我弄错了。为了要达到最大的跨浏览器相容性，你得把 accesskey 定义在 ，而不是 。正确的语法请见下面的范例）。

最后，为你的网站撰写亲和力声明，就这样。

10.使用真正的清单（或以适当的方法伪造） 假设你有这三个链结的网志目录： Slashdot 、 The Register 和 dive into mark ；可是你不想要用丑陋的黑色项目符号来条列，而想要在每个链结前加上华丽无比的图片。这时候你能怎么办？最常见的解决方法是在每个链结前用上img标签。这不但可行，而且还可以在每个图片加上适当的 alt 来增加亲和力。 然而你还可以更进一步，使用真正的清单标记 ul li 标签），再用 CSS 把丑陋的黑色项目符号换成图片。无论你在不在乎这种学术热诚，这个技术不但是“正确的方法”，还能够带来额外的亲和力。11.提供能取代图片的文字 你站台上每个页面里的每一张图片，都该提供足以取代的文字部分，也就是所谓的“ alt 文字”；这是在img 标签里用 alt 属性所加以指定的。

静态链结图示 “架站系统”图示 Mail-to 图示 … Continue reading →

定义头字语 例如： ADA, ALT, AOL, API, CGI, CMS, CSS, CTRL, DMV, DNS, DTD, EFF, FAQ, FSF, GFDL, GIA, GPL, HTML, IE, IIRC, IIS, IO, KB, KDE, LONGDESC, MB, MSDN, MSN, MT, Mac, NC, OPML, P2P, PGDN, PGUP, PBS, PDF, PONUR, … Continue reading →

6.使用真实链结 网页设计的苦难根源乃是“ javascript: ”链结；这个假链结会在你按下的时候执行一段 Javascript 程式码。这个问题最常发生于，网志用这种链结来在另一个视窗里显示回响。为什么这会是个问题呢？因为有 11% 的网际网路使用者因为某些原因而不使用 Javascript ；这同时也包括许多残障的朋友，因为她们所能够使用的浏览器就是不支援。这种假链结对她们来说不能用，你应当改用真实的链结。 谁会受益？ Google 从中获益了。因为 Google 会跟着链结来寻找更多内容并加以建立索引，但是它却无法使用“ javascript: ”链结；因为当它索引网页时并不会执行任何 Javascript 程式码。

在链结上加入标题 既然网页上充斥着链结，你可能会因此觉得有很多人都知道 title 属性；不过我真的很少看到它。很多人可能不知道，所有的链结都可以在 标签里用 title 属性来指定一个标题。这个标题会额外附加到任何你指定的链结文字上；它可以在视觉性浏览器上产生工具提示，而且在非视觉性的浏览器上也一样会有类似的效 果。 并非所有的链结都该有标题。如果链结文字是某一篇文章的标题，就请不要加上标题；因为链结文字本身应该就足够清楚了。但是如果你阅读链结文字本身时，发现 自己在状况外而不知道它会指往何处的话，就加上标题吧。 切勿滥用，适可而止。

安全地使用色彩

为了标识链接的样式，你也许会把它的着色为红色，仅是正常人来说，是没有问题的，但是如果在没有色彩的浏览器，或是红绿色盲的人，看起来可能会比较糟糕，因为它不知道哪里是链接，也许你应该给链接加上粗体或是下划线，是一个不错的主意，不是吗？

先呈现你的主要内容 只用 CSS 来处理版面的主要好处之一，是可以轻松的重新编排 HTML 源码中各元件的顺序，而不影响到实际的版面。因此当其它资料还在载入时，主要内容早就已经显示出来了. 如果你用表格设计版面，左侧的内容会比右侧的内容先显示出来。 你不需要从头规划整个模版来避免这个问题。我们可以用一些（相对之下）较简单的技术来让主要内文先显示出来，并且让导览列维持在左侧。我们称这些技术叫“表格秘诀”。 谁因此获益？ 1.也许用户访问你的网站的时候，更感兴趣的是你的内容，而不是导航或是其它的什么 2.Google 从中获益了。越接近顶端的内容，Google会给予越多的加权。这里的顶端不是指看起来的，而是指HTML 源码的顶端。

建立有意义的网页标题

首页的标题可以就仅是网站名称。 按时间汇整页面应该包含网站名称、以及这些页面的日期或时序。例如在“ maze of blog/June 19, 2006 ”为标题的逐日汇总 分类汇整页面应该包含网站名称以及类别名称。例如我所有关于 CSS 的文章都汇整到一个名为“ maze of blog /CSS ”的页面里。 单篇汇整页面应该包含网站名称以及项目标题。

谁能因此获益? Google 从中获益了。因为 Google 会在搜寻的结果里显示网页标题，而且位于网页标题的关键字会有比较高的排名。这对你来说是好事，尤其是对于那些单篇汇整页面来说更是如此（选个好标题总是没错的）。 提醒用户这个页面的主旨是什么 对于某些用于读屏幕软件有帮助

1.选择Document type 普通的网站，可能选择过渡型

有时候，有上面的DOCTYPE,你会发现，页面有些排版的小问题，如果是这样子，可以用以下的折衷的方案：

如果是专业的网站，或是对自己的网站做一个严格的约束可以用xhtml，严格型。（ HTML 4.01 Strict ”、“ XHTML 1.0 Strict ”、“ XHTML 1.1 ”）

指定你的网页语言 这样子做的好处有两点： 1)对于某些用屏幕朗读软件，如果不让它事先知道你的网页语言，那么它只会猜测，这样的话。。。。 2)即使你写的就是英文， Google 也从中获益了，当你使用的不是英语时更是如此。根据 Google Zeitgeist 的资料显示，50% 的 Google 使用者用英语之外的语言搜寻，而且许多使用者在 Google preferences 设定只搜寻特定的语言。Google 自动侦测语系的演算法比其他的都好，但是为什么要让 Google 的工作更加困难呢？

怎 么做 首先你得找出正确的双字元语系码 (language code) 。英文的语系码是“ en ”、法文的语系码是“ fr ”、德文是“ … Continue reading →