分類
❄網站新玩意 (New Stuffs) 雲端印刷修練

網站升級 Bootstrap 4 筆記

四年前網站開始採用熱門的 Bootstrap 3 來設計網頁,趁這農曆年後空檔期間,將網站升級到新版 Bootstrap 4。Bootstrap 現已成為網頁設計師必備的技能條件之一,被認為是最好的響應式 CSS 框架,它採用了模組化設計,只要懂得如何套用 CSS Class,就可以快速開發出具有美感的響應式 (RWD) 網頁,輕鬆地就能做出漂亮的網頁。 Bootstrap 專為前端開發而設計,尤其手機優先 (mobile first) 的設計理念,讓手機螢幕也能夠輕鬆瀏覽網頁最為關鍵。

閱讀全文⊳

分類
❄網站新玩意 (New Stuffs) 雜記

適合行動裝置的公司網站

以往針對不同的螢幕解析度,需要設計各自獨立的網站網頁,網頁更新時更是麻煩又費時 (容易發生不一致的錯誤)。最新的網頁設計技術 (Responsive Web Design 響應式網頁; RWD),可以針對不同電腦設備(如桌機、筆電、平板、手機)的螢幕尺寸,自動調整網頁頁面的呈現方式,也就是一個網站擁有四個網頁瀏覽版本 (如下圖),來提供使用者最佳的網頁瀏覽效果。

響應式網站範例

在 Inc. 雜誌上就提到,消費者使用手機的頻率,在新的一年會更甚以往,企業主務必要確定「公司的網站適用於行動裝置」。因為越來越多人是用手機而非電腦上進行搜尋,谷歌也為此做出必要的調整。因此,公司的網站必須能夠順利在手機上瀏覽與使用。如果消費者無法順利透過行動裝置進入貴公司網站,公司將很難繼續在市場上存活。

 

依據 Google Analytics 的公司流量分析,我們官方網站與部落格網站的行動客戶約佔一成。雖然公司的部落格網站已適合於行動裝置瀏覽和使用 (如上圖),新年度裡將再持續針對公司的官網進行響應式網頁設計,提供行動裝置更好的瀏覽體驗。