iT邦幫忙

2024 iThome 鐵人賽

DAY 1
0
Modern Web

建立響應式網頁系列 第 1

了解響應式設計基本概念和重要性

  • 分享至 

  • xImage
  •  

可以跨設備的響應式網頁已成為了目前網頁設計的主流也是最重要的指標,它可以讓網頁在不同的螢幕尺寸表現出適合的比例大小,可使網站在多種瀏覽裝置上閱讀和瀏覽,也會減少網站開發的成本,以前為了要提供使用者最佳瀏覽效果,通常會分別開發電腦版及手機版網站,網站內容要維護更新時,需同時維護多個網站;還有會有不同網址卻相同內容的狀況,可能造成網頁權重分散及重複內容問題,但現在使用RWD響應式技術只需建置單一網站,大大節省了網站開發的成本,也利於SEO最佳化搜尋,不因多樣化裝置產生不同網址,會分散最佳化搜尋成效,Google也於「行動版網站搜尋引擎最佳化設定」中呼籲以RWD響應式網頁技術建置網站,有利於網站取得最佳排名,充分發揮單一網站單一網址的設計優勢,當分享網頁時可以集中流量、按讚數和管理。網站使用CSS3,以百分比的方式以及彈性的畫面設計,可以在不同解析度下改變網頁頁面的佈局排版,讓不同的設備都可以正常瀏覽同一網站。


下一篇
學習HTML的基本結構和標籤
系列文
建立響應式網頁31
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言