如何一步一步抄出來一個網站的界面

對於新手來講，能夠先找一本html的書看看，把基本的東西弄得差很少了，好比能寫一個列表導航條，大概瞭解了浮動就差很少了。

而後找一個網頁的截圖，在ps裏一點一點扣出來圖片，把截圖作成網頁，儘可能作到和圖片同樣的效果。推薦使用chrome瀏覽器，按下F12進行調試。

 

下一步，到http://themeforest.net/裏找一個不太困難的網站demo，而後先用F12瞭解它的頁面佈局，大體有個基本概念，而後看資源選項

這裏有不少不會的js，其實不少都是別人寫好的插件，使用Google找到它，學會配置它，而後一些簡單的效果就能夠實現了。

還有css，裏面可能用到了別人的框架，好比bootstrap，Foundation , Crusher等等，會致使其中的div嵌套不少，能夠先了解一下框架的基本內容，

再開始抄,抄的過程必定有不少問題，不過多使用Google解決。

PS: 抄寫的目的在於學習，若是把網站前端源碼直接另存就沒有意義了。