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