Google 網頁評分工具

經過一番網站改版,讓智慧手機和平板電腦等正常顯示網頁內容 (不會太小),以方便行動裝置瀏覽網站後,如何知道網頁合格嗎?Google 提供一個線上的網頁評分工具,只要輸入網址 (URL),該網頁是否合格立刻揭曉!

Think-with-Google

繼續閱讀 “Google 網頁評分工具”

自動依螢幕大小調適網站

市面上的上網設備玲瑯滿目,有著各種螢幕大小和解析度,如何讓所有設備的瀏覽器 (Browser) 都能很舒服地瀏覽公司網站,不需要一直縮放滑動網頁,這個想法一直盤旋在腦海裡。從農曆過年後,開始積極研究這方面的網頁技術,進行網站大改版,經過半年時間終於完成並上線 (下圖為桌機版)。
*** 如果網頁沒有正確更新的話,記得按一下 F5 鍵!

繼續閱讀 “自動依螢幕大小調適網站”

適合行動裝置的公司網站

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

響應式網站範例

繼續閱讀 “適合行動裝置的公司網站”