您正在觀看《網頁設計》分類下的文章

如何透過 .htaccess 來導向錯誤網頁,網站存取被拒、網頁不存在時自動導向 404、403 等

By twweeb at 2015.04.25

由於有網友來信詢問,如何能做出類似本站的一些錯誤頁面如 403、404 等,除了可以用系統預設的功能外,像是 WordPress 就有內建導向 404 的功能,而若你是自己架站的話,我們可以透過設定 .htaccess 來進行導向,自己製作一個錯誤訊息的客製頁面,當有瀏覽者遇到存取網站問題時,身為站方、網站管理員可以提供適時的提示與錯誤引導。

[教學] Embedded Posts 如何把 Facebook 貼文放到部落格、網站裡面

By twweeb at 2013.08.23

這幾天 Facebook 推出了新功能「嵌入貼文( Embed Posts )」,只要是公開的貼文都能夠把它嵌入到部落格或者是網站裡面,當然粉絲專頁的貼文也是可以的,本文下面有範例。之前只有 Partners 能夠體驗,在8/21 已經釋出這項功能給全部使用者了,大家可以試試看。

[教學] CSS3如何修改反白文字的顏色 ::selection使用方法

By twweeb at 2013.05.27

「::selection」是CSS3才有的一個特效,為了讓使用者閱讀上更舒適,因此網頁設計者,會修改網頁反白文字後的顏色,來方便瀏覽者閱讀。你平常在網路上看文章時事後也會像這樣,把正在閱讀的地方,用滑鼠反白呢?應該看厭了那個單調的藍色了吧,試試這個方法,舒適閱讀。

如何利用jQuery+CSS呈現Windows Phone Mango的Metro翻轉特效

By twweeb at 2013.04.12

會寫這篇是因為感覺這效果的應用還蠻廣的,而且視覺效果也不錯。起初看到把它應用在網站上的是阿湯,他的布景直覺上看上去就是很清爽簡單,加上右邊的側邊攔把它融合成一塊,大大減少了不必要的空間,還有就是綠色工廠也用了相同的效果。還有看過把這個效果直接當作是網站的版型,所以整個網頁就沒有用到很長的捲軸。

如何利用PHP語法來偵測是不是使用手機瀏覽網頁,新增手機用戶的客製選單

By twweeb at 2013.03.21

有些網站會針對手機板來做手機版本的瀏覽介面,讓User在使用手機來看網站時,能有字體大、或以內容為主軸的設計版面。為了針對不同大小的瀏覽器(Browser),可以用大概三種以上的方式來讓User有最舒適的介面,以方便行動裝置的User在瀏覽網頁時,先Redirect到行動版網站。第一、可以使用自適應網頁設計(Responsive Web Design);第二、我們可以針對手機的使用者載入不同的布景;第三、可以使用本篇的方法,針對手機使用者載入不同的CSS,或其它客製選項。