發表文章

目前顯示的是有「Web Design」標籤的文章

Develop Facebook Canvas Page with CodeIgniter

這篇文章是介紹如何使用 CodeIgniter 這個 PHP Framework 來初步架構出 MVC 的環境, 並且開發一個簡單的 Facebook Canvas Page. 什麼是CodeIgniter呢? CodeIgniter 是開發 PHP 應用程式的 framework 及工具組。 提供簡易的介面和邏輯結構來使用豐富的函式庫,其目的是讓你可以加 快開發速度。 使用 CodeIgniter 只需要寫少少的程式,讓創造力可專注在專案開發。 CodeIgniter CodeIgniter 台灣 CodeIgniter 中文使用手冊 ( 英 ) ( 中 ) 什麼是MVC呢? 簡而言之是一個程式設計模式(Design pattern), 詳細介紹推薦參考這篇: 透視 WebMVC 什麼是 Facebook Canvas page ? 簡單來說, 就是 Facebook 的應用程式, 像開心農場之類直接嵌入在 Facebook 內的網頁, Facebook 的API 很強大, 可以作手機應用, 網站應用等等, 這篇我們就只討論 Canvas page 這個範圍,有興趣的可以到 開發者頁面 研究看看. 進入本篇重點, 開發流程我把它分成三個步驟, 如下 : 下載 CodeIgniter 2.0 建立 Facebook 應用程式 開始編寫程式碼 1.下載 CodeIgniter 2.0 這裡我們使用 CodeIgniter 2.0.0 的版本來實作。 前往 CodeIgniter 網站 下載 CodeIgniter 2.0

IE6 Upgrade Notice

有過網頁設計經驗的人,無論是部落格樣版或是其他頁面,都一定有個共同的痛,就是IE6這傢伙對CSS的呈現總是跟別人不同,偏偏它的市占率一直是最高的。 通常解決這個問題的方法有兩種,一種是修改CSS直到版面看起來正常,另一種則是直接放棄,在網頁開頭就提醒使用者升級瀏覽器。 我們今天要介紹的就是最後一種方法,為什麼我們要放棄IE6呢? 因為網頁技術不斷的進步,不單單是CSS的問題,IE6本身還有其他原因,它已經不適合這個世代了,加上最近許多知名網站也紛紛開始提倡升級IE6,例如You Tube、Twitter和Facebook等,IE6你真的玩完了,拜託還在使用IE6的人,請你快點更換瀏覽器吧!! (小聲:換 Firefox Chrome吧) 知名影音分享網站YouTube將停止對IE6的支援。 連最近在台灣火熱的Facebook都要封殺IE6了,還在使用它的人,麻煩你快點更新吧!!!

swfobject - 網頁輕鬆嵌入Flash

Flash在網頁上的應用已經越來越普遍了,未來一樣占有一席之位,但是從以前到現在,對於發佈Flash到網頁上常常碰到一些不必要的問題,例如XP SP2更新後,IE瀏覽器上方會出現檔掉的訊息,或是Flash外框出現虛線,需要滑鼠點一下才能開始動作等...,而且使用者並未安裝Flash Player的情況下或版本太低都會無法順利的瀏覽。 最近剛好看到一個不錯的東西,就是這次要介紹的swfobject,一般我們要嵌入swf到HTML時,通常會寫的語法如下: < object id ="FlashID" classid ="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width ="300" height ="120" > < param name ="movie" value ="test.swf" /> < param name ="quality" value ="high" /> < param name ="wmode" value ="opaque" /> < param name ="swfversion" value ="6.0.65.0" /> </ object > 上面的程式碼使用到<object>標籤,早一點的甚至還要再寫<embed>才能動作,因為IE跟其他瀏覽器的種種原因,使得這種寫法不但又臭又長,也不符合標準。 那使用swfobject有什麼好處呢?我們繼續看下去吧。 首先我們得先去swfobject的網頁 http://code.google.com/p/swfobject/ ,然後下載目前的最新版本 swfobject_2_2.zip 。