一个半月的html+css的课程结束,上个星期进行了结课作品展示,我也为各位同学做一个总结吧。
因为是UI班级,所以代码主要学习html语义化结构和css2、css3样式,jquery讲了插件的应用,大家对JavaScript原生代码无感,所以就结束了代码,进入设计阶段。
我对大家的要求就是如果能自己设计,就自我设计+代码实现,不能设计网页的,直接仿站,找设计感符合当前流行趋势,代码标准,用了更多新技术的网站来仿,仿到至少98%的相似度。
目前来看,大部分同学还是完成了这个目标。
陈晨 | 陈丹 | 李媛媛 | 罗椰维 |
王苓吉 | 王群 | 周垚 |
是我们班设计感较好的一个男生,代码学的也不错,结课作业是设计了一个自我介绍页面,用了fullpage插件完成,不过因为插件的兼容性,每一屏的动画要重新刷新才能显示,有点遗憾。用了两个幻灯展示自己的作品,效果较好,因为是静态页面,所以没有考虑后期的维护性等等,不够灵活。
在代码的领悟上还是有点欠缺,对细节的掌控不够,观察力还有待加强。做了三个页面,这里就只展示首页了。
是代码学的很好的女生,结课作业用的是zblogPHP的CMS系统,在后台可以实现网站的管理,作品的添加等,也是自己设计的个人网站,作品展示的幻灯都实现了很好的效果,但是我这里并不好展示动态网站,只能展示图片效果了。
首页:
二级分类:
三级页面:
也是用fullpage插件完成的个人介绍页,自己设计完成,比起陈晨的更接地气,不过用来找工作的话建议把关于家庭的那段去掉,显得更专业一些。下面作品展示的仿3D动画效果要重新刷新页面才能看到,点击more可以进入二级页面。看来插件的兼容性问题还是有的。
因为没用zblog后台,所以直接仿了两个站,按照仿站的标准,除了一个特效没弄出来,其他样式我觉得达到了以假乱真的效果。这位同学刚来的时候,一点基础都没有,貌似学的是法律,当的是警察,哈哈。可见学习是用了心的。
用的也是zblogPHP的CMS后台,自己设计实现,因为喜欢多肉,所以做了一个关于多肉的动态网站。没想到班上能用CMS实现网站的居然是两个女汉子。
不过依然只能展示静态网页,可惜了。首页,二级,三级页面都完成的很好,更像一个知识型的博客站。
首页:
二级分类:
三级页面:
这个同学的作业很好的诠释了找一个优秀的参考案例的重要性!
其实奔驰官网的核心点在于丰富强大的菜单,而该同学没有实现酷炫的菜单,所以感觉页面很单调。
其实周垚的代码本身学的还不错,但是需要提高审美能力,提高搜索素材,把控素材的能力。
还有另外几个同学因为没有来参与结课作业答辩,所以就不便展示他们的作品了。
学习从来就没有一蹴而就的事情,付出多少时间和心力,就有多少收获和成长。大家加油!
发表评论:
◎请发表你卖萌撒娇或一针见血的评论,严禁小广告。