站在前端看静态网页

之所以这么写，是一直想写一个能完全实施和实现自己想法的一个站或者是一套页面。当然这个实现起来对于我来说确实有一定的难度，也需要网站各个职能的人员去集思广议，而且也需要很大的精力去弄。我也只能是站在前端人员的角度谈谈，下面我具体来说说。
1.策划设计。
一个好的策划方案是一个完美网页的根基。这个就不多说了，就按一般网页可体现的内容和形式来吧。先抛开设计的水平和效果不谈，光以写静态的角度来分析。
首先网页的图片要达到个性和共性并存，尽量用少的图片达到整体网页效果变化和统一。呵，这话意思有点模糊，比方说标题条是一个背景，那么所有的标题条背景都可以用这个背景，而变化就可以在标题上做图片装饰变化。
然后是合理利用图片表现文字，大家都知道网页的字体太大就不圆滑了，而想实现圆润绚丽或突出的字必须用图片。以前我们遇到这样的情况就直接切下来图片嵌到页面里去。现在大部分同仁开始重视页面代码的质量，这种情况一般都是把图片用背景来显示，而页面代码里则是图片上的文字，然后做了隐藏，这样在网页上显示是没问题的。所以，网页上显示的字用图片还是字符显示，这是一个值得探讨的话题，这就好象冬天时候女人是要身材还是要温暖，男人是要风度还是温度一样。只能是根据实际情况和策划需求来定。
还有一点就是内容块的间距margin和填充padding。个人认为，在大部分的时候要使用统一的尺寸来定义，这样的好处一是有了统一感，二是省了一些CSS代码，三是修改和维护方便，改一处则全局适用。以上几点做为一个有制作经验的设计师肯定是会考虑到的，这里想引申的就是事先综合的考虑和有效的沟通，避免页面已经设计好又去修改的返工。
2.静态页制作。
这个可谈的就太多了，只能是把一些大的方面拿出来说说，毕竟真正去写一个页面的时候遇到的情况是不一样的。我还是说一点共性的东西。
图片的合理切片。切图的时候注意图片的优化，在质量和文件体积之间找到平衡点。合理使用css spirit。尤其是涉及到垂直和水平重复平铺图片的时候，更应该考虑各个小图的摆放位置及生成的图片大小体积。
标签的合理运用。什么时候该用H1、H2，什么时候该用div和span，都要在充分了解页面内容和标签意义下使用。同时我们也要考虑在页面裸奔（网页没有加载CSS）的情况下的显示情况。而这一切，都需要你有扎实的HTML功底。
结构-行为-表现的分离。虽然我们谈这个话题很久了，虽然我们已经在绝大部分时候已经做到这一点了，但是，我想要的是真正的分离。不要告诉我你页面里有onmouseover和onmouseout就是纯CSS制作。即使禁了JS，页面还是那个样子的页面。而这是我要努力和方向。目前来说，jQuery会帮很大的忙。

广大的WEB团队在开发过程总是会遇到这样那样的不统一和理解错误而造成工作效率低下，而绝大部分中小型团队因为自身水平和其它客观因素，不能制订一套自己的页面规范，只能靠相互的默契或牺牲时间去弥补，导致做出来的东西完全不是自己想的那样，而网站本身就是一个团队配合的事情，如果能够更好的更有效率的完成项目，这真是个课题。希望我们能够在工作和学习中开发出自己心中的完美网页。

以上的想法纯属是个人愚见，太理想化了，对则勉，错请责：）