我們在瀏覽網頁時,如果需要學習別人的網站如何製作時, 通常你會怎麼做?
Cut 圖? 另存 html ? 檢視原始檔? 或是使用砍站軟體?
怎麼做都可以, 其實只要自己方便, 能解決問題就好了.

Cut 圖的工具相當多, 就算你直接按 print Screen 也可以. 但缺點是無法看到別人如何巧妙運用 html 或是 css 來產生畫面的結構. 另一個想法是可以激盪一下自已的腦力, 如何做出這樣的效果.
幾個簡單好用的軟體:

• FastStone Capture - free
• Snag IT!

另存 html 和檢視原始檔, 雖然方便, 但通常在頁面上還有許多網頁的元素, 像圖檔, css, js..等等, 你要將這些檔案存下來, 還真要花一翻功夫, 有點麻煩, 也浪費時間.

砍站軟體, 好處是自動化, 會幫你把網站都自動抓下來, 但是仍有些缺點, 像是 form 的認證, 或是網站有記錄 cookie, 或是透過 ssl 或是 401 authorization …等等, 就會遇到問題.
最常見的幾個工具如下:

• Httrack - 免費的
• Teleport - 要付費的, 但試用版有一些基本功能

那怎麼辦? 介紹一個超級好用的工具 - ScrapBook,
不管是 form 的認證(聰明的網站, 會讓你使用3個欄位登入)或是 401 …等等, 很簡單就幫你把網站給 cut 下來, 還可以分類使用, 將不同的頁面存放在不同的類別中, 還可以管理, 大量匯出, 這在討論和參考別人設計的網頁時就相當好用.

相當簡單的, 在 FireFox 裡, 安裝 ScrapBook 的外掛程式, 然後, 就用它就對了.
ScrapBook

不管你是要畫面, 還是網頁原始碼或是裡頭的元素, 都可以輕鬆的透過 ScrapBook 來達成.

當然, 很多使用會把它拿來當離線閱讀文章的利器,
但對於網頁設計師或是相關的開發工程人員, 卻是另一個好用的網站學習工具.

試試看.