跳至主要內容區
:::

響應式網頁設計- 校園網站 4.0

當手機、平板等行動裝置日益普及後,網站就必需提供響應式 ( Responsive ) 的功能,讓各種不同尺寸與解析度的螢幕、使用不同的瀏覽器 ( IE、Firefox、Chrome、Safari、Opera 等)、甚至是不同的作業系統 ( Windows、iOS、以及 Android ),都能自動改變網頁呈現的方式,才能讓使用者有最佳的操作和使用體驗。

「校園網站 4.0」是以最新的 HTML5、CSS3、JavaScript 和 JQuery 技術,所開發出來具全方位響應式功能的網站,只需要一個網站、一套程式與資料,就能滿足所有上網者的需求,不需要再另行開發手機版網頁、更不需要花大錢找人撰寫 App 應用程式。

由於只有一個網站就能滿足所有裝置的需求,因此只需要維護一個網站的資料與內容,不但可以節省網站建置的成本,更大幅降低日後網站內容維護的時間與人力成本。

響應式網頁在不同螢幕尺寸的桌機、筆電、平板和手機,都有很好的顯示效果。
響應式網頁設計示意圖

響應式網頁設計示意圖

Top
改變字體大小
調整背景顏色