首页>案例集

华信智原UI1705班html+css结课作业展示!

一个半月的html+css的课程结束,上个星期进行了结课作品展示,我也为各位同学做一个总结吧。

因为是UI班级,所以代码主要学习html语义化结构和css2、css3样式,jquery讲了插件的应用,大家对JavaScript原生代码无感,所以就结束了代码,进入设计阶段。

我对大家的要求就是如果能自己设计,就自我设计+代码实现,不能设计网页的,直接仿站,找设计感符合当前流行趋势,代码标准,用了更多新技术的网站来仿,仿到至少98%的相似度。

目前来看,大部分同学还是完成了这个目标。

陈晨陈丹李媛媛罗椰维
王苓吉王群周垚

1、陈晨

是我们班设计感较好的一个男生,代码学的也不错,结课作业是设计了一个自我介绍页面,用了fullpage插件完成,不过因为插件的兼容性,每一屏的动画要重新刷新才能显示,有点遗憾。用了两个幻灯展示自己的作品,效果较好,因为是静态页面,所以没有考虑后期的维护性等等,不够灵活。

chenchen.jpg

2、陈丹

在代码的领悟上还是有点欠缺,对细节的掌控不够,观察力还有待加强。做了三个页面,这里就只展示首页了。

chendan.jpg

3、李媛媛

是代码学的很好的女生,结课作业用的是zblogPHP的CMS系统,在后台可以实现网站的管理,作品的添加等,也是自己设计的个人网站,作品展示的幻灯都实现了很好的效果,但是我这里并不好展示动态网站,只能展示图片效果了。

首页:

index.jpg

二级分类:

cate.jpg

三级页面:

third.jpg

4、罗椰维

也是用fullpage插件完成的个人介绍页,自己设计完成,比起陈晨的更接地气,不过用来找工作的话建议把关于家庭的那段去掉,显得更专业一些。下面作品展示的仿3D动画效果要重新刷新页面才能看到,点击more可以进入二级页面。看来插件的兼容性问题还是有的。

luoyewei.jpg

5、王苓吉

因为没用zblog后台,所以直接仿了两个站,按照仿站的标准,除了一个特效没弄出来,其他样式我觉得达到了以假乱真的效果。这位同学刚来的时候,一点基础都没有,貌似学的是法律,当的是警察,哈哈。可见学习是用了心的。

music.jpg

ma.jpg

6、王群

用的也是zblogPHP的CMS后台,自己设计实现,因为喜欢多肉,所以做了一个关于多肉的动态网站。没想到班上能用CMS实现网站的居然是两个女汉子。

不过依然只能展示静态网页,可惜了。首页,二级,三级页面都完成的很好,更像一个知识型的博客站。

首页:

index.jpg

二级分类:

cate.jpg

三级页面:

third.png

7、周垚

这个同学的作业很好的诠释了找一个优秀的参考案例的重要性!

其实奔驰官网的核心点在于丰富强大的菜单,而该同学没有实现酷炫的菜单,所以感觉页面很单调。

其实周垚的代码本身学的还不错,但是需要提高审美能力,提高搜索素材,把控素材的能力。

benchi.jpg

还有另外几个同学因为没有来参与结课作业答辩,所以就不便展示他们的作品了。

学习从来就没有一蹴而就的事情,付出多少时间和心力,就有多少收获和成长。大家加油!

声明:坚持了三年的原创web前端教程网站,以为可以一直随心所欲的写下去。网站的虚拟主机和域名钱,一年大概二三百,我负担得起。可惜随着用户访问量的不断增加,阿里云每个月提供的免费流量已经不够了(用户访问网站,需要从阿里云服务器下载网页,要耗费阿里云主机的流量),需要我花钱从阿里云买流量,网站才能继续访问,这个钱一年至少一千多,我不想接广告,只能靠添加打赏插件和下载一些案例需要付费的方式补贴一点流量的钱。特此声明!

原创比抄袭难多了,请多多支持!
打赏

点赞


6
保存到:

相关文章

Top