学习完了前端的HTML CSS JavaScript等各项技术之后，会有一个感慨，各个知识点分开 都不难，但是要做出一个成型的，好看的，时尚的网页，就无从下手。
这就需要经验的积累了。
本项目是一个十分接近天猫官网的网站
点击进入: 模仿天猫官网
本项目90%的内容是由纯 Html CSS和JQuery完成，你可以学习到如何使用最原本的html和css完成天猫这样量级的前端效果。
学习本项目过程中，能够学习到如何考虑布局，细节怎么处理，积累宝贵的前端项目经验。
面试的时候，多一项谈资，多一层砝码，多一些薪水
*模仿天猫官网 是由完整的前端和后台构成。 本项目是建立在同学们掌握了前端的各项技术的基础之上，所以会集中精力讲解前端部分是如何完成的。
后台部分需要J2EE的知识和技能，不在本项目的学习范畴之内。
通过点击模仿天猫官网，可以查看所有的前端效果，同时本章节也把所有的前端页面效果列罗出来，明确需要学习哪些前端页面的设计与制作
纠
步骤 1 : 首页
步骤 2 : 分类页
步骤 3 : 查询结果页
步骤 4 : 产品页
步骤 5 : 结算页面
步骤 6 : 支付页面
步骤 7 : 支付成功页面
步骤 8 : 购物车页面
步骤 9 : 我的订单页面
步骤 10 : 确认收货页面
步骤 11 : 确认收货成功页面
步骤 12 : 进行评价页面
步骤 13 : 登录页面
步骤 14 : 注册页面
地址！
因为模仿天猫前端主要是界面部分的学习，所以在一开始就会给出实际运行的效果，根据观察到的实际运行效果，自己尝试完成, 完成过程中会出现问题，或者思路堵着了，不知道该如何下手
这个时候，再看样式详解，是如何布局，如何处理细节问题
最后，再自己从头到尾做一遍，把这些知识，技巧转换为自己的，这样就能有效的吸收和掌握
思路：
步骤 1 : 界面效果
步骤 2 : 布局
步骤 3 : HTML部分
步骤 4 : 样式详解
步骤 5 : 套用和取消全部样式
步骤 6 : 切换某个选择器
步骤 7 : 切换某个选择器的一条样式
步骤 8 : 动态套用样式
步骤 9 : 练习模式
步骤 10 : 基于空白页从头练习
由于模仿天猫前端的页面非常多，比如购物车本身内容很丰富，既有不同的CSS效果，也有大量的javascript交互，为了便于理解和消化，分为多个部分进行讲解。
总体上规划如下公共页面,首页,分类页面,产品页面,购物车页面,结算页面,其他页面
学习的时候先从简单的公共页面 开始，逐渐加深难度，巩固和提高
需要后续步骤或者代码和讲解视频的朋友可以点击地址进入查看
学习完毕之后，同学们可以对样式有更加深入的了解和理解，也能自己动手做出一些相应的效果出来了。
同时也会发现同一个效果，可以使用多种样式手段来实现。
这个时候，就可以拿其他的网站来练手了，比如淘宝，京东或者12306，即可以检验学习的效果，也可以进步一积累经验。