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

对于新手来说，可以先找一本html的书看看，把基本的东西弄得差不多了，比如能写一个列表导航条，大概了解了浮动就差不多了。

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

 

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

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

还有css，里面可能用到了别人的框架，比如bootstrap，Foundation , Crusher等等，会导致其中的div嵌套很多，可以先了解一下框架的基本内容，

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

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

转载于:https://www.cnblogs.com/impact-crusher/p/3415292.html