如何一步一步抄出来一个网站的界面

对于新手来讲，能够先找一本html的书看看，把基本的东西弄得差很少了，好比能写一个列表导航条，大概了解了浮动就差很少了。

而后找一个网页的截图，在ps里一点一点扣出来图片，把截图作成网页，尽可能作到和图片同样的效果。推荐使用chrome浏览器，按下F12进行调试。

 

下一步，到http://themeforest.net/里找一个不太困难的网站demo，而后先用F12了解它的页面布局，大体有个基本概念，而后看资源选项

这里有不少不会的js，其实不少都是别人写好的插件，使用Google找到它，学会配置它，而后一些简单的效果就能够实现了。

还有css，里面可能用到了别人的框架，好比bootstrap，Foundation , Crusher等等，会致使其中的div嵌套不少，能够先了解一下框架的基本内容，

再开始抄,抄的过程必定有不少问题，不过多使用Google解决。

PS: 抄写的目的在于学习，若是把网站前端源码直接另存就没有意义了。