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

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

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

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

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

  • 5
    点赞
  • 19
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值