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

-

「哇!這個網站做得這麼漂亮,功能這麼多,到底是怎麼做的啊?」

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

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

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

今天,咱們要介紹 built with 的就是能夠替各位高手們來拆解一些網站,看看他們到底是用了什麼樣的技術。 [網頁程式] 探探人家的網頁是怎麼做出來的 - builtwith.com 1295798097_3349f409a2

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

…….(休息20秒)

豪!經過了漫長的等待,很開心的…我們瞧見了「硬是要學!」網站使用的技術[網頁程式] 探探人家的網頁是怎麼做出來的 - builtwith.com embaressed_smile….

Analytics and Tracking (分析 及 追蹤)
[網頁程式] 探探人家的網頁是怎麼做出來的 - builtwith.com 1296664836_5a7877dfed

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

Widgets (小玩意兒)
[網頁程式] 探探人家的網頁是怎麼做出來的 - builtwith.com 1295796697_6b71bc7291

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

Frameworks

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

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

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

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

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

相關文章
手哥 HANDBRO
手哥 HANDBRO
硬是要學共同創辦人兼職打雜編輯,熱愛網路、熱愛 3C!腦袋是個不定時炸彈,隨時會炸出新玩意兒!如有開箱、評測或各種合作需求,請洽:contact@soft4fun.net。 YouTube 頻道:手哥科科
5 評論

留下一個評論

請輸入你的評論!
請在這裡輸入你的名字

- 廣告 -
網站搜尋
看更多新聞
我們的頻道
- 廣告 -
轉分享文章