妙味茶馆

 找回密码
 注册

QQ登录

只需一步,快速开始

查看: 4347|回复: 1

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

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


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


响应式作品:【jQuery官网】

PC上浏览:

bailiang-jq.jpg

iPad上浏览:

bailiang-jq2.jpg

缩小屏幕尺寸以后浏览:

bailiang-jq3.jpg bailiang-jq4.jpg


线上地址:http://2013.miaov.com/student/css2015/zhanglijie/jQuery/



此外,张利杰 又完成了一个PC端的【淘宝开放平台】页面:


taobaoopen.jpg

taobaoopen2.jpg

taobaoopen3.jpg

线上地址:
       http://2013.miaov.com/student/css2015/zhanglijie/taobaoopen/
        http://2013.miaov.com/student/css2015/zhanglijie/taobaoopen/api.html
        http://2013.miaov.com/student/css2015/zhanglijie/taobaoopen/file.html



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

hanxiaoyi-taobao.jpg hanxiaoyi-taobao2.jpg

hanxiaoyi-taobao3.jpg hanxiaoyi-taobao4.jpg

线上地址:http://2013.miaov.com/student/css2015/zhanglijie/mtaobao/


祝福 张利杰 的前端之路越走越顺畅!

















回复

使用道具 举报

xiaoyanit 发表于 2015-6-24 14:54:10 | 显示全部楼层
师姐V5! 我要向你学习,嘎嘎
回复 支持 反对

使用道具 举报

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

本版积分规则

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

GMT+8, 2019-3-22 22:12 , Processed in 0.154404 second(s), 26 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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