title: [網頁程式] 探探人家的網頁是怎麼做出來的 – builtwith.com --- **Category** - [網路相關](https://www.soft4fun.net/category/software/internet) **Tag** - [Google](https://www.soft4fun.net/tag/google) - [MSN](https://www.soft4fun.net/tag/msn) - [word](https://www.soft4fun.net/tag/word) - [排版](https://www.soft4fun.net/tag/%e6%8e%92%e7%89%88) **圖片清單** - ![[網頁程式] 探探人家的網頁是怎麼做出來的 - builtwith.com 1295798097_3349f409a2](http://pic.soft4fun.net/imgs/1189/1295798097_3349f409a2.jpg "[網頁程式] 探探人家的網頁是怎麼做出來的 - builtwith.com 1295798097_3349f409a2") - ![[網頁程式] 探探人家的網頁是怎麼做出來的 - builtwith.com embaressed_smile](http://www.soft4fun.net//fckeditor/editor/images/smiley/msn/embaressed_smile.gif "[網頁程式] 探探人家的網頁是怎麼做出來的 - builtwith.com embaressed_smile") - ![[網頁程式] 探探人家的網頁是怎麼做出來的 - builtwith.com 1296664836_5a7877dfed](http://pic.soft4fun.net/imgs/1065/1296664836_5a7877dfed.jpg "[網頁程式] 探探人家的網頁是怎麼做出來的 - builtwith.com 1296664836_5a7877dfed") - ![[網頁程式] 探探人家的網頁是怎麼做出來的 - builtwith.com 1295796697_6b71bc7291](http://pic.soft4fun.net/imgs/1301/1295796697_6b71bc7291.jpg "[網頁程式] 探探人家的網頁是怎麼做出來的 - builtwith.com 1295796697_6b71bc7291") - ![[網頁程式] 探探人家的網頁是怎麼做出來的 - builtwith.com 1296665292_1d02d0f24b](http://pic.soft4fun.net/imgs/1193/1296665292_1d02d0f24b.jpg "[網頁程式] 探探人家的網頁是怎麼做出來的 - builtwith.com 1296665292_1d02d0f24b") --- 「哇！這個網站做得這麼漂亮，功能這麼多，到底是怎麼做的啊？」 如果看官您跟我一樣從事網頁設計相關或對這方面有興趣的話，當您看到別人的網頁製作出令人經驗的東西時，應該很難不這樣從心底發出如此的驚嘆。網頁設計這種東西啊，說簡單可以簡單到用Word、FrontPage、Dreamweaver等網頁設計軟體托托拉拉就可以，甚至連Windows內建的記事本拿來打幾個字都能稱作"網頁"。但是若要說到難，那可又是博大精深的一門學問了。 要做好網頁設計，除了基本的HTML功力以外，還要會一些基本的美工排版技巧，更上層一點的，就是寫寫ASP、ASP.NET這種動態網頁，再來就是學怎麼架伺服器、維護伺服器等等。別看我在這三言兩語帶過！前面所談的每~~一樣技術如果沒有花一番心思的學習是很難成氣候的 (所以建議大家千萬別買什麼30分中學會架站這種書籍，因為重點根本不是架站….題外話了)。 那，我說了這麼多話幹啥？ 很簡單嘛！就是想要讓各位知道，如果想要知道這個網站是用了哪些技術拼湊而成，那就是要想辦法拆解他嘛！！ 不過要拆解他也是要了解四面八方的各種資訊，不然你怎麼知道什麼叫做SilverLight ? (不知道猴? 就是「銀光」嘛！嘿嘿~~看看就好) 。如果沒有足夠的資訊的話，把程式碼拆掉了還是很難知道它到底弄了什麼秘密進去！ 今天，咱們要介紹 built with 的就是能夠替各位高手們來拆解一些網站，看看他們到底是用了什麼樣的技術。 [![[網頁程式] 探探人家的網頁是怎麼做出來的 - builtwith.com 1295798097_3349f409a2](http://pic.soft4fun.net/imgs/1189/1295798097_3349f409a2.jpg "[網頁程式] 探探人家的網頁是怎麼做出來的 - builtwith.com 1295798097_3349f409a2")](http://www.flickr.com/photos/besthand/1295798097/) 進入 built with 以後，很清楚的可以在網頁的中央看到一個文字方塊，只要把想要一探究竟的網站網址輸入以後，按下「Lookup」鈕，就可以靜靜的等待結果的出現。 …….(休息20秒) 豪！經過了漫長的等待，很開心的…我們瞧見了「硬是要學！」網站使用的技術![[網頁程式] 探探人家的網頁是怎麼做出來的 - builtwith.com embaressed_smile](http://www.soft4fun.net//fckeditor/editor/images/smiley/msn/embaressed_smile.gif "[網頁程式] 探探人家的網頁是怎麼做出來的 - builtwith.com embaressed_smile")…. Analytics and Tracking (分析 及 追蹤) [![[網頁程式] 探探人家的網頁是怎麼做出來的 - builtwith.com 1296664836_5a7877dfed](http://pic.soft4fun.net/imgs/1065/1296664836_5a7877dfed.jpg "[網頁程式] 探探人家的網頁是怎麼做出來的 - builtwith.com 1296664836_5a7877dfed")](http://www.flickr.com/photos/besthand/1296664836/) 真的很害羞，我們被發現使用了[Google Analytics](https://www.google.com/analytics/) 和 [GetClicky](http://www.getclicky.com/)這兩個網站流量統計及分析服務。下面built with 還告訴你我們使用這兩個服務絕對不是為了要偷窺，更不是監視！而且….built with還很奸詐的告訴你「前5000大網站」也在偷偷使用這項功能的比例。看看 [Google Analytics](https://www.google.com/analytics/) 真的不是臭蓋的！Google就是不一樣，竟然有高達36.8%的網站都使用了！ Widgets (小玩意兒) [![[網頁程式] 探探人家的網頁是怎麼做出來的 - builtwith.com 1295796697_6b71bc7291](http://pic.soft4fun.net/imgs/1301/1295796697_6b71bc7291.jpg "[網頁程式] 探探人家的網頁是怎麼做出來的 - builtwith.com 1295796697_6b71bc7291")](http://www.flickr.com/photos/besthand/1295796697/) 為了提供給大家更多元的資訊及服務，我們也再網站上放了一兩個小玩意兒，您可以從這邊看到其他的網站看看到底他們也放了什麼。 Frameworks [![[網頁程式] 探探人家的網頁是怎麼做出來的 - builtwith.com 1296665292_1d02d0f24b](http://pic.soft4fun.net/imgs/1193/1296665292_1d02d0f24b.jpg "[網頁程式] 探探人家的網頁是怎麼做出來的 - builtwith.com 1296665292_1d02d0f24b")](http://www.flickr.com/photos/besthand/1296665292/) 說到這項就有點尷尬了….因為「硬」站使用的是ASP技術，並不是ASP.NET…..算是built with出了點小毗漏，不過這沒關係，至少知道他會判斷這個網頁是用哪種動態網頁技術開發的。 built with 還能偵測許多的資訊，如伺服器類型、網頁編碼、HTML文件資訊等等與網頁製作緊密相關的關鍵資料，因為東西還不少，貼了太多圖好像也不怎麼樣的營養，所以就不貼上來啦～ 正所謂「師父領進門，修行在個人」，built with已經清清楚楚、明明白白的告訴你網站使用了哪些技術，就等同於幫你開了扇門，接下來就等著各位自己朝著目標去好好研究囉！ 我們有機會再來講講網頁開發、設計的相關議題( 因為覺得講下去文章就打不完了= = ) ，不曉得有多少人有興趣呢^^" Built with [http://builtwith.com/default.aspx](http://builtwith.com/default.aspx)