项目总结
通过完成这次为时大概一周的项目后,我感觉自己对于这一个月来学习的东西有了一个比较全面的复习,对于一些我之前不是很掌握的知识也有更深一层的了解;也通过与小组内的成员之间的相互沟通,彼此有了一定的友谊;下面就是我完成这个项目后的一些技术上的总结:
- 切图,之前的学习中也有进行过一些切图的练习,但没有像这次一样进行大量的练习,所以一开始的效率会比较低,但后面越来越熟练之后,进度就慢慢加快上来了,同时也对设计师的想法有了更多的了解,很多功能的实现,设计师会把它的图层隐藏起来,这时候就要靠我们去仔细的观察一张psd的方方面面,不能马虎。
- 布局,这次的项目尽管页面的构成不是很复杂,比较简单,对于布局的要求不是很高,但也暴露了我的一些问题,像是导航栏的话我习惯用ul来做,但导航需要跳转其,其实直接用a标签就可以实现,只要让a标签变成块级元素来改变它的宽高,通过css属性display:blonk;就可以实现;还有比较习惯用div容器包裹着内容,但很多时候有些内容可以用p标签或其他标签就可以了。
- 定位,先将元素的父级定义为相对定位position:relative;,然后再把元素定义为绝对定位position:absolute;再通过top,right,bottom,left属性来调整它的位置,这种方法作为布局的杀手锏,不会轻易的使用,因为这样做的话元素就会脱离文档流,对其他元素的布局会造成一定的影响,不到万不得已的情况不要轻易使用。一般情况下还是通过float或者设置内外边距margin和padding来进行定位。
- css,由于之前的大部分都只是进行单个页面的项目,很少有这种整个网站的项目,所以对一些公有样式的分类是我之前没怎么接触的,这次的项目让我受益匪浅,把一些在很多网站上都有的一些样式进行整合,放在同一个样式表内,这样在不同的网页上都可以通过外部引用到,减少代码的重复性,还有就是大量的相同的元素,用过使用伪类选择符或者属性选择符来进行控制,这在我以前的学习中也没有接触过。
- 一些小问题,因为这次做的是一个整个的网站,要进行比较多的跳转,所以一开始我就把a链接做完了,然后到了后面出现一些错误,需要修改的时候,就要一个一个的去改,非常麻烦,还有就是素材的分类,一开始没有进行分类,图片都是直接放在images文件夹里面,到后面越来越多,到要分类的时候,又要对之前的图片地址就行修改,工程量比较大,这是我在以后的项目中要注意的。
- 对于这次项目的一些效果的实现需要通过js来做,由于现在还没学到js,只能留到后面慢慢完善。
心态上的总结其实不是很多,大概来说就是自信心和细心吧,因为之前老师也提前给我们做好心理准备,会比较累,所以我也有了准备,只是刚开始的时候还是有些不适应,导致进度有些慢,但后面熟练后就不会了;还有就是不自信吧,很多想法我都要先跟搭档讨论一下可行性再做,但其实结果只有一个,可是实现的方法有很多种,这在以后我要努力改善,还有细心,一开始我没怎么注意psd的图层,很多效果我都没留意,到了后面就会出现一些小的问题,改起来又要花费一定的时间,导致后面用了一下午来排除错误,还有一些个人的看法,我在做项目的时候每隔几个小时会休息一下,起来运动运动,上一下网,浏览一下新闻,这样对心态的调整也有一定的好处,你长时间做一件事情的时候很容易出现烦躁,郁闷的心情,这时候就应该要停下来休息一下,调整好心态,这样才能更好的完成项目。