网页布局处女作完成 （欢迎高手拍砖，菜鸟讨论）

 伴着桃花开，伴着杨柳绿，伴着新一期的学员将要到来，我们来到兄弟连已经两周了，慢慢的从一个新兵转变为老鸟，终于在前天完成了自己的第一个网页布局，这对于高手来说也许不算什么，凯哥说过“这是个体力活，我们是提供整体解决方案的”，可是，这对于一个像我这样半路入行的人意义非凡，我终于可以自豪的说我是一个IT人了。
凯哥布置作业的时候说：我们的身价已经达到2499+1元了，这个体力活不好干啊-------为了这个布局，连续两个晚上做到凌晨3点多（木有学过计算机的伤不起啊），不过虽然偶尔会觉得瞌睡，总体来说还是非常有成就感的，毕竟是第一个嘛，但是看着这么多的牛人更感觉的是压力，这样才会不停地进步。
在布局完第二个网页后，跟同事一起讨论，有法许多错误，也有许多想，总结一下，拿出来欢迎大家指点。
网页布局的三步走：1 网页分析：（这是最重要的步骤了）包括整体架构分析，具体模块分析，详细元素分析。整体架构就是分析网页适合什么样的结构---左中右，上中下，还是其他的混合结构，多数网页比较容易，最好的话是首页和其他页面一起分析，确定头部，尾部的公共部分比较妥当，具体模块是分析网页除了头、尾以外的中间部分小块的相似性，实现代码重用减少代码；详细元素是分析具体到html标签的属性，如文章的字体，标题的样式，超链接的样式，边框属性登，多数是颜色不同（单独定义css），其他的可以合并，作为公共类，实现轻松调用，节省代码（昨天还不知道很多类可以放到一起的,⊙﹏⊙b汗……） 经过分析网页之后，div堆起来，架构就有了 。2 填充内容： 这是我个人的做法。填充的时候想一下用什么方法能实现，什么方法会更容易一些，那些图片用背景图片，哪些用图片连接合适，这样做主要是会发现一些第一次分析不到位的地方，避免后期有框架的调整。 3 准备工作都完成了，就是写css文件了，我的截图也是这时候做的，可以避免重复的测量尺寸。
写 css的时候，还有一些低智商的错误啊（先汗一下），单词拼写错误的有木有，复制的时候漏括号的有木有（这个……“哎，电脑真不先进，这都不检查”）…… 大家不要笑话啊，偶还系个菜鸟。 和我一样没有基础的童鞋们，偶们虽然现在还很菜，但是偶们的进步速度是很快滴，加油哦^_^ Noting is impossible!

原文地址：