网页布局处女作完成 (欢迎高手拍砖,菜鸟讨论)
2013-08-30 14:33
274 查看
伴着桃花开,伴着杨柳绿,伴着新一期的学员将要到来,我们来到兄弟连已经两周了,慢慢的从一个新兵转变为老鸟,终于在前天完成了自己的第一个网页布局,这对于高手来说也许不算什么,凯哥说过“这是个体力活,我们是提供整体解决方案的”,可是,这对于一个像我这样半路入行的人意义非凡,我终于可以自豪的说我是一个IT人了。
凯哥布置作业的时候说:我们的身价已经达到2499+1元了,这个体力活不好干啊-------为了这个布局,连续两个晚上做到凌晨3点多(木有学过计算机的伤不起啊),不过虽然偶尔会觉得瞌睡,总体来说还是非常有成就感的,毕竟是第一个嘛,但是看着这么多的牛人更感觉的是压力,这样才会不停地进步。
在布局完第二个网页后,跟同事一起讨论,有法许多错误,也有许多想,总结一下,拿出来欢迎大家指点。
网页布局的三步走:1
网页分析:(这是最重要的步骤了)包括整体架构分析,具体模块分析,详细元素分析。整体架构就是分析网页适合什么样的结构---左中右,上中下,还是其他的混合结构,多数网页比较容易,最好的话是首页和其他页面一起分析,确定头部,尾部的公共部分比较妥当,具体模块是分析网页除了头、尾以外的中间部分小块的相似性,实现代码重用减少代码;详细元素是分析具体到html标签的属性,如文章的字体,标题的样式,超链接的样式,边框属性登,多数是颜色不同(单独定义css),其他的可以合并,作为公共类,实现轻松调用,节省代码(昨天还不知道很多类可以放到一起的,⊙﹏⊙b汗……)
经过分析网页之后,div堆起来,架构就有了 。2 填充内容:
这是我个人的做法。填充的时候想一下用什么方法能实现,什么方法会更容易一些,那些图片用背景图片,哪些用图片连接合适,这样做主要是会发现一些第一次分析不到位的地方,避免后期有框架的调整。
3 准备工作都完成了,就是写css文件了,我的截图也是这时候做的,可以避免重复的测量尺寸。
写
css的时候,还有一些低智商的错误啊(先汗一下),单词拼写错误的有木有,复制的时候漏括号的有木有(这个……“哎,电脑真不先进,这都不检查”)……
大家不要笑话啊,偶还系个菜鸟。 和我一样没有基础的童鞋们,偶们虽然现在还很菜,但是偶们的进步速度是很快滴,加油哦^_^ Noting is
impossible!
原文地址:http://bbs.lampbrother.net/read-htm-tid-117709.html
阅读(71) | 评论(0) | 转发(0) |
0
上一篇:MySQL数据库MyISAM和InnoDB存储引擎的比较
下一篇:关于Everyman睡觉法的使用心得(仅两天)
相关热门文章
毕业五年(续)
毕业五年
职业生涯规划
中国软件开发工程师之痛...
闲置书处理!
大家都是用什么来管理hadoop集...
网站被人挂了吗,添加了些程序...
Nginx如何保证不走宕机的那个...
大家谈谈MYSQL客户端和服务器...
以下代码运行后为何会输出5?...
给主人留下些什么吧!~~
评论热议
凯哥布置作业的时候说:我们的身价已经达到2499+1元了,这个体力活不好干啊-------为了这个布局,连续两个晚上做到凌晨3点多(木有学过计算机的伤不起啊),不过虽然偶尔会觉得瞌睡,总体来说还是非常有成就感的,毕竟是第一个嘛,但是看着这么多的牛人更感觉的是压力,这样才会不停地进步。
在布局完第二个网页后,跟同事一起讨论,有法许多错误,也有许多想,总结一下,拿出来欢迎大家指点。
网页布局的三步走:1
网页分析:(这是最重要的步骤了)包括整体架构分析,具体模块分析,详细元素分析。整体架构就是分析网页适合什么样的结构---左中右,上中下,还是其他的混合结构,多数网页比较容易,最好的话是首页和其他页面一起分析,确定头部,尾部的公共部分比较妥当,具体模块是分析网页除了头、尾以外的中间部分小块的相似性,实现代码重用减少代码;详细元素是分析具体到html标签的属性,如文章的字体,标题的样式,超链接的样式,边框属性登,多数是颜色不同(单独定义css),其他的可以合并,作为公共类,实现轻松调用,节省代码(昨天还不知道很多类可以放到一起的,⊙﹏⊙b汗……)
经过分析网页之后,div堆起来,架构就有了 。2 填充内容:
这是我个人的做法。填充的时候想一下用什么方法能实现,什么方法会更容易一些,那些图片用背景图片,哪些用图片连接合适,这样做主要是会发现一些第一次分析不到位的地方,避免后期有框架的调整。
3 准备工作都完成了,就是写css文件了,我的截图也是这时候做的,可以避免重复的测量尺寸。
写
css的时候,还有一些低智商的错误啊(先汗一下),单词拼写错误的有木有,复制的时候漏括号的有木有(这个……“哎,电脑真不先进,这都不检查”)……
大家不要笑话啊,偶还系个菜鸟。 和我一样没有基础的童鞋们,偶们虽然现在还很菜,但是偶们的进步速度是很快滴,加油哦^_^ Noting is
impossible!
原文地址:http://bbs.lampbrother.net/read-htm-tid-117709.html
阅读(71) | 评论(0) | 转发(0) |
0
上一篇:MySQL数据库MyISAM和InnoDB存储引擎的比较
下一篇:关于Everyman睡觉法的使用心得(仅两天)
相关热门文章
毕业五年(续)
毕业五年
职业生涯规划
中国软件开发工程师之痛...
闲置书处理!
大家都是用什么来管理hadoop集...
网站被人挂了吗,添加了些程序...
Nginx如何保证不走宕机的那个...
大家谈谈MYSQL客户端和服务器...
以下代码运行后为何会输出5?...
给主人留下些什么吧!~~
评论热议
相关文章推荐
- 网页布局处女作完成 (欢迎高手拍砖,菜鸟讨论)
- Android4.4中Email打开网页URL问题-欢迎大家来讨论
- 组合CLASS来完成网页布局风格
- CSS高手布局:让footer完美处于网页下方
- 修改css Rule完成网页布局
- 带CheckBox的net版日历生成,欢迎高手拍砖
- 组合CLASS来完成网页布局风格
- 菜鸟请教高手。。如何用C++ 提取与网页进行链接?
- 讨论:程序员高手和菜鸟的区别是什么?
- 关于asp.net做大型门户网站的一点讨论,欢迎拍砖
- 带CheckBox的net版日历生成,欢迎高手拍砖
- 一个ASP.NET的JS管理方案,欢迎讨论、拍砖
- CSS完成一个文章网页的布局教程
- 组合CLASS来完成网页布局风格
- 开源类库项目构想,欢迎各位高手拍砖~~
- 开源类库项目构想,欢迎各位高手拍砖~~ [转载]
- div+CSS完成网页布局(上下左右)
- 使用python实现细菌繁殖的算法代码,欢迎拍砖讨论!
- HTML与CSS教学-第十一章 使用CSS样式完成网页布局
- 讨论:程序员高手和菜鸟的区别是什么?