对于新手来说,可以先找一本html的书看看,把基本的东西弄得差不多了,比如能写一个列表导航条,大概了解了浮动就差不多了。
然后找一个网页的截图,在ps里一点一点扣出来图片,把截图做成网页,尽量做到和图片一样的效果。推荐使用chrome浏览器,按下F12进行调试。
下一步,到http://themeforest.net/里找一个不太困难的网站demo,然后先用F12了解它的页面布局,大致有个基本概念,然后看资源选项
这里有很多不会的js,其实很多都是别人写好的插件,使用Google找到它,学会配置它,然后一些简单的效果就可以实现了。
还有css,里面可能用到了别人的框架,比如bootstrap,Foundation , Crusher等等,会导致其中的div嵌套很多,可以先了解一下框架的基本内容,
再开始抄,抄的过程一定有很多问题,不过多使用Google解决。
PS: 抄写的目的在于学习,如果把网站前端源码直接另存就没有意义了。