[網頁程式] 探探人家的網頁是怎麼做出來的 – builtwith.com

「哇！這個網站做得這麼漂亮，功能這麼多，到底是怎麼做的啊？」

如果看官您跟我一樣從事網頁設計相關或對這方面有興趣的話，當您看到別人的網頁製作出令人經驗的東西時，應該很難不這樣從心底發出如此的驚嘆。網頁設計這種東西啊，說簡單可以簡單到用Word、FrontPage、Dreamweaver等網頁設計軟體托托拉拉就可以，甚至連Windows內建的記事本拿來打幾個字都能稱作"網頁"。但是若要說到難，那可又是博大精深的一門學問了。

要做好網頁設計，除了基本的HTML功力以外，還要會一些基本的美工排版技巧，更上層一點的，就是寫寫ASP、ASP.NET這種動態網頁，再來就是學怎麼架伺服器、維護伺服器等等。別看我在這三言兩語帶過！前面所談的每~~一樣技術如果沒有花一番心思的學習是很難成氣候的 (所以建議大家千萬別買什麼30分中學會架站這種書籍，因為重點根本不是架站….題外話了)。

那，我說了這麼多話幹啥？ 很簡單嘛！就是想要讓各位知道，如果想要知道這個網站是用了哪些技術拼湊而成，那就是要想辦法拆解他嘛！！ 不過要拆解他也是要了解四面八方的各種資訊，不然你怎麼知道什麼叫做SilverLight ? (不知道猴?  就是「銀光」嘛！嘿嘿~~看看就好) 。如果沒有足夠的資訊的話，把程式碼拆掉了還是很難知道它到底弄了什麼秘密進去！

今天，咱們要介紹 built with 的就是能夠替各位高手們來拆解一些網站，看看他們到底是用了什麼樣的技術。

進入 built with 以後，很清楚的可以在網頁的中央看到一個文字方塊，只要把想要一探究竟的網站網址輸入以後，按下「Lookup」鈕，就可以靜靜的等待結果的出現。

…….(休息20秒)

豪！經過了漫長的等待，很開心的…我們瞧見了「硬是要學！」網站使用的技術….

Analytics and Tracking (分析 及 追蹤)

真的很害羞，我們被發現使用了Google Analytics 和 GetClicky 這兩個網站流量統計及分析服務。下面built with 還告訴你我們使用這兩個服務絕對不是為了要偷窺，更不是監視！而且….built with還很奸詐的告訴你「前5000大網站」也在偷偷使用這項功能的比例。看看 Google Analytics  真的不是臭蓋的！Google就是不一樣，竟然有高達36.8%的網站都使用了！

Widgets (小玩意兒)

為了提供給大家更多元的資訊及服務，我們也再網站上放了一兩個小玩意兒，您可以從這邊看到其他的網站看看到底他們也放了什麼。

Frameworks

說到這項就有點尷尬了….因為「硬」站使用的是ASP技術，並不是ASP.NET…..算是built with出了點小毗漏，不過這沒關係，至少知道他會判斷這個網頁是用哪種動態網頁技術開發的。

built with 還能偵測許多的資訊，如伺服器類型、網頁編碼、HTML文件資訊等等與網頁製作緊密相關的關鍵資料，因為東西還不少，貼了太多圖好像也不怎麼樣的營養，所以就不貼上來啦～

正所謂「師父領進門，修行在個人」，built with已經清清楚楚、明明白白的告訴你網站使用了哪些技術，就等同於幫你開了扇門，接下來就等著各位自己朝著目標去好好研究囉！  我們有機會再來講講網頁開發、設計的相關議題( 因為覺得講下去文章就打不完了= = ) ，不曉得有多少人有興趣呢^^"

Built with
http://builtwith.com/default.aspx