[網頁程式] 探探人家的網頁是怎麼做出來的 - builtwith.com - 硬是要學
首頁 » 網路相關» [網頁程式] 探探人家的網頁是怎麼做出來的 - builtwith.com
好手 發表於

[網頁程式] 探探人家的網頁是怎麼做出來的 - 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

相關關鍵字:
關於

硬是要學共同創辦人兼職打雜編輯。每天最重要的工作就是不斷地蒐集國內外各種新資訊和吃飯趕攤,堅持提供硬是要學的朋友最有興趣和最快速的報導。熱愛網路、熱愛 3C!腦袋是個不定時炸彈,隨時會炸出新玩意兒!

連絡信箱:besthand@soft4fun.net

Besthand 好手開講 粉絲團

Facebook 網友留言

站內留言

留言還缺你一個哦!

支援Gravatar,你可以在不同的地方顯示同樣的大頭貼圖片,還沒有嗎? 快去申請一個吧!.

你可以使用這些標籤:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

您的留言將會在審核後顯示在頁面上,請別重複留言唷!!

[X]
取得更多 3C 新玩意和優惠資訊,立刻加入粉絲團!
關閉

Close