妙味茶馆

 找回密码
 注册

QQ登录

只需一步,快速开始

查看: 4617|回复: 1

妙味零基础班(PC、移动端、响应式布局)学员白亮作品

[复制链接]
leo 发表于 2015-6-15 06:42:36 | 显示全部楼层 |阅读模式

像所有不懂代码的初学者一样,
白亮 从最简单的 div 开始,逐渐到语义化标签;
从最基础的 margin 和 padding 开始,到响应式布局、移动端页面……
这中间2个多月的学习之旅,每天逐渐积累的进步,一点一滴,来之不易!
直到此时,白亮 终于完成阶段性成果,尽管代码尚显稚嫩、某些布局还考虑不周,
但一位零基础的学员从无到有、用一行行代码构建的真实企业案例,还是值得与大家一同见证:



【UC浏览器】PC端布局 - 项目截图:


bailiang-uc.jpg

bailiang-uc2.jpg

bailiang-uc3.jpg

bailiang-uc4.jpg

线上地址:
       http://2013.miaov.com/student/css2015/bailiang/uc/
       http://2013.miaov.com/student/css2015/bailiang/uc/company.html
       http://2013.miaov.com/student/css2015/bailiang/uc/open.html
       http://2013.miaov.com/student/css2015/bailiang/uc/product.html








除此以外,还按课上要求,完成了一件响应式作品:【jQuery官网】


PC上浏览:


bailiang-jq.jpg


iPad上浏览:


bailiang-jq2.jpg
缩小屏幕尺寸以后浏览:


bailiang-jq3.jpg bailiang-jq4.jpg


线上地址:http://2013.miaov.com/student/css2015/bailiang/jq/


目前,白亮 正在继续努力学习原生 javascript,等学期结束,再请大家一同见证最新的JS作品……






回复

使用道具 举报

文质宾宾 发表于 2015-7-9 18:13:07 | 显示全部楼层
很不错,楼主加油
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

QQ|Archiver|小黑屋|妙味课堂 ( 京ICP备08102442号

GMT+8, 2019-1-16 15:36 , Processed in 0.130497 second(s), 24 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表