仿天猫静态网页+仿天猫动态网页

为了检验近来学习的Java Web前端开发知识，不知道大家有木有和我一样的感觉，JavaScript看了后面忘前面，css用起来的时候总是忘记自己想表达的内容应该修改那个属性的值……反正我是被深深的折磨了。所以我在某前辈的建议下，决定来把天猫首页的动态页面做一做，看看自己到底该如何运用脑袋里这一团浆糊。

首先，我只想写纯界面，所以就只用了Dreamweaver、Sublime Text这些纯文本编辑软件，其实我是第一次用Dreamweaver，比想象中好上手多了，我差点以为Adobe的软件都是很难学的。
然后，借助Firefox浏览器和Firebug调试页面，用起来才真正发现Firebug是个好东西呀，目前是用来模仿别人的界面怎么写，到之后用来 调试JavaScript的bug是必不可少的，爱死他了。
紧接着，我就开始了熬夜到一两点的生活。

感觉我只能说一个思路，避免大家绕弯，代码实在是太多了，而且还没多少值得一提的代码，不过还是给大家一个小链接吧
天猫静态页面下载链接

1.模仿的话，可以根据Firebug去看原网页的布局，可以从图中看到定位的元素周围会有一个浅蓝色的小框，原网页的各种信息都会在Firebug页面中显示出来，不过好像高深一点的是不会被访问到的，不然大牛写的界面一下子就被盗走了。（下面是个效果图，大家可以多玩玩这个小家伙，妙趣无穷呀，哈哈~）

2.然后就是静下心来，一个萝卜一个坑的把每个html元素安排在正确的位置，通过css好好布局；

3.我建议大家把页面分成几个块，（比如导航栏、头、广告、热门、楼层……）对于天猫我是这么分的，然后在大块里再分小块。然后千万不要一次把所有的html一口气写完，到后面div太多，自己都会看不懂；所以一次完成一个块的所有html和css比较爽。

分块超重要，分块完全决定了一个网页代码实现的难易程度

4.最后，加油，把html和css写好，静态页面就算完工了。

动态网页出炉了一丢丢，也跑来分享分享吧，中间有一段代码写得特别蠢，只能说我的js学的不到家，如果大家看到了千万不要喷我，毕竟还是新人，不想死得太惨。
仿天猫页面部分动态下载链接