小明小明

转载这篇文章，也许会对正在学习网页制作或者对网页制作有兴趣的朋友一点帮助。原文在这里。

———————————-达尔文分隔线———————————-

对于学习网页制作的几条建议
作者：莫非

您看到的这些页面都是手写：它们看来如此平常。

我常在休息时做一些练习：不依靠任何网页编辑器手写页面。通过手写这些零碎的html片断去了解xml xhtml css 以及主流浏览器的差异。对我来说，这是一种放松，同时也受益非浅。

如你现在所见，它们很平常，我尽力抛弃表现元素，只余内容。因为我相信对于阅读者，唯一有价值的只是内容。我使用xhtml 1.0 Strict 严格标准，努力将表现和数据分离，并尽我所能清除每一个没有价值的元素……唯一所愿，就是使你在阅读内容的时候，不被多余的线条、图标和动画打扰。

阅读外表华丽但源码邋遢的网页费力而痛苦。修改它们，或试图通过代码去分析数据、控制其中的片断更是极其复杂和困难。问题是，当一个人有兴趣倾听你表达的时候，为什么要塞给他一堆无用的噪音、样式和花边呢？你、或你的老板在支付着服务器开销，你的读者耗费带宽和时间，难道是为了你把一点有用的信息淹没在自鸣得意的杂草中？

我把这些练习汇总到这里，并给新手留下几条建议。书写规范而有效的代码，不是对标准发烧，而是今天的现实需求。写优雅的代码是一件快乐的事情，不是苦差。如果你是有志于web设计的新手，愿我的建议能于你有所助益，愿你能感受到书写简练规范的代码——意即表达流畅——的快乐。

好页面是相似的，坏页面各有其糟糕之处。

• 好页面不超过3个主色；
• 好页面一次只说一个重点；
• 好页面不过分修饰标题；
• 好页面不说废话
• 好页面与人为善；
• ……
• 如何设计好一个页面？绝不夸张。

OK，在动手之前，让我们切记：世上只有两种页面：受欢迎的，不受欢迎的；聪明自信的，愚蠢自卑的；好页面，坏页面。

好页面不刁难用户，不强制注册，不骚扰用户浏览，不欺骗点击，站内跳转时不使用新窗口；不受欢迎的网页则急功近利无所不用其极，甚至损人不利己。

好页面主次分明，结构流畅，它相信用户，相信只需表达准确读者即可理解，无需废话；愚蠢的网页结构混乱重复罗嗦，东拉西抄头昏目眩。自卑的设计姿态夸张，内容庞杂——它假设用户像自己一样是头蠢驴，需要一再高声吆喝才能听到。

成功的网页诚恳地和用户沟通交流，通过积累用户好感提高流量；失败网页一味谄媚用户却总被用户遗弃；坏页面既卑下又热情（不择手段拉人，欺骗点击），既热情（虚假广告）又计较（不忘占个小便宜：恶意代码，广告插件，限制浏览，隔几秒提醒一次注册）等等。

直线是最有效的进攻路线，斜着敲打不进钉子。形式服务于内容，形式是为了帮助内容易于传达和理解。网页设计的最终目的，是使得用户专注于内容而忽略设计的存在。复习一遍：浅薄者热衷浮华，空虚者虚张声势，自觉卑下者谄媚他人。

用80%时间构思，用20%时间制作。

• 忘记样式，仔细规划你的网站结构：栏目、导航、页面布局、css规划……从浏览者而不是站长的角度；
• 良好引用、良好结构、良好导航–本句引用自chedong.com
• 尽可能利用css的缺省属性，不必每个样式都重写或写全——css标准制定者很关心用户体验；
• 注意！样式也在暗示功能：同功能性链接或单元的风格不要混乱，例：栏目导航链接下划线时有时无；
• 尽量不使用弹出新窗口浏览：target=”_blank”
• 不使用css滤镜：css滤镜属于ie私有代码，极度耗费客户端资源，得不偿失；
• 节约带宽：使用简短页面，恰当分页——精简，再精简！

爱人者必被人爱：为你的每一行代码负责，让代码易读，乐于分享。

• 尽可能遵守网页亲和力规范；
• 养成好习惯；
• 在FireFox里调试，然后兼容ie；
• 源码也有读者，也要排版：在源码中准确使用缩进；
• 切忌随意省略；
• 慎重使用缩写；
• 写规范干净的的代码，不要偷懒，也不要邋遢；

不存在只有一个读者的代码。所以务必让你的代码易读，至少为了3个月后你自己还能读懂。

Firefox，一款优秀的现代浏览器，安全、快速、好用。虽然ie也是不错的浏览器之一，但是FireFox比ie更准确解释和执行标准。在FireFox里调试页面，能学习到正确的css知识，然后兼容ie。习惯使用ie调试页面的人会在某一天发现：“天啦，原来俺一直这么干是错误的。”microsoft误导了你。

最后，当你遇到网上有人求助而你知道答案，不要吝惜回复。乐于分享，爱人者必被人爱。

还是无法满足所有人！

在我维护和管理的论坛上，曾有用户要求：“为什么不放一个flash时钟？或游泳的金鱼呢？效果很炫耶~~” 我仍然没有理解，谁每天去论坛就是为了看很“炫”的金鱼呢？ 我的教训是，你无法满足所有人，把你的用户细分，分到最细，只服务这群人，努力做到最好。

伙计，该出发啦！