妙味茶馆

 找回密码
 注册

QQ登录

只需一步,快速开始

查看: 4109|回复: 0

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

[复制链接]
leo 发表于 2015-6-16 10:18:23 | 显示全部楼层 |阅读模式


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


响应式作品:【jQuery官网】

PC上浏览:

bailiang-jq.jpg

iPad上浏览:

bailiang-jq2.jpg

缩小屏幕尺寸以后浏览:

bailiang-jq3.jpg bailiang-jq4.jpg


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



此外,周巍 又完成了一个PC端的【QQ会员绿钻】页面:


qq-green.jpg

qq-green2.jpg

qq-green3.jpg

qq-green4.jpg

线上地址:
        http://2013.miaov.com/student/css2015/zhouwei/qq-green/
        2013.miaov.com/student/css2015/zhouwei/qq-green/greeFee.html
        2013.miaov.com/student/css2015/zhouwei/qq-green/musicVip.html
        http://2013.miaov.com/student/css2015/zhouwei/qq-green/vip.html



当然,移动端的【淘宝】页面,也不在话下:

hanxiaoyi-taobao.jpg hanxiaoyi-taobao2.jpg

hanxiaoyi-taobao3.jpg hanxiaoyi-taobao4.jpg

线上地址:www.miaov.com/student/css2015/zhouwei/taobao


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






回复

使用道具 举报

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

本版积分规则

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

GMT+8, 2019-3-22 22:28 , Processed in 0.169092 second(s), 27 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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