2008 Aug 29

How to Fvck That Page

为什么你的居中属性没有生效?为什么浮动元素不听你的话?为什么这个图片会这样显示?……
这样或那样的问题困扰着步入网页设计的每个人,以下就以个人经验来来总结一下解决问题的流程。

懒人大法——问你的朋友

如果你有同样做网页设计的朋友,可以和他一起研究,也许他早就你想要的答案。至于在论坛论坛求助,就要看你RP了。

提前预防——看清楚IE、Mozilla下的CSS支持

最踏实的方法就是在此之前就熟悉CSS在主流浏览器里的支持情况,有时候拿着CSS手册看,看到里面说的属性或选择赴多么多么的NB,结果没一个浏览器支持。这方面的讯息网络上已经积累了不少:

乖孩子的做法——有时间多读读书

如果你有幸从头到尾读下任何一本XHTML教程,你写出来的叶子就算无法正常显示,你也可以问心无愧。写书的,再菜也是这方面有过研究的学者。当然有一本好教材,那才叫如虎添翼。
这方面的书籍,基本没有悬念的指向O‘Reilly出版社,就两本:《XHTML权威指南》6TH Edition(EN)5TH Edition(CN)、《CSS权威指南》1ST Edition(CN)2ND Edition(EN)。第二本书的有第三版,但是改动不大,而且只有英文版,不必求新。这些书EM上可以拖到,临时解馋,拥有一本实体书才是最重要的。CSS方面还有一本一定有的书,电子版的CSS2手册
另外最让人想不到的一点是W3C文档,那上面很多东西都是宝!

坏孩子的做法——我用hack我怕谁

一般来说是不推荐hack的,但是hack用起来真的很方便,而且如果真的成功了有种解脱了的感觉……汗~下面是我保存下的hack资源:

做个细心人——关注页面可访问性

很多时候就算一般浏览器显示正常,也不意味着所有浏览者都能正常阅读。可访问性——这是一个很大的课题,有的人会研究得很BT,往往也和SEO挂上钩,有时候读别人的文章,我会头晕。对于一般网站,我觉得能做到如下一些就好,其他事情可以自行Google:

  • 选择合适的DOCTYPE
  • 标记恰当的语言
  • 构建具有意义并且独特的标题
  • 提供完整的导航工具
  • 把你的主要内容提前
  • 理性地使用颜色
  • 使用真实链接
  • 将链接写上title属性,图片上写上alt属性
  • 设置键盘快捷方式
  • 不要打开新窗口
  • 学会使用arconyms
  • 表格头TD标签如果要加粗,请换Caption
  • 别为了布局而用spacer imgaes
  • 使用水平标尺
  • 恰当使用Header
  • 用label标签组织表单
  • 为每个页面提供搜索选项

如果通过以上途径都没有改善问题,那么你能做的只有两件事情:

  1. 更换你的思路,实现另一种效果
  2. 等待hack或浏览器更新

Let’s Fvck That Page

Post a Comment

Your email is never shared. Required fields are marked *

*
*