線上書籍

Home

網頁設計與雲端應用

  1. 響應式網頁介紹
    簡單來說，響應式網頁就是一個網頁可以在不同的載具上呈現，早期網頁同時要制作不同的版本，如手機版、電腦版，如今只要制作一個即可。
    優點：
    1. 開發成本與時間比APP低
    2. 不需下載APP就能使用
    3. 維護成本比APP低
    4. 符合使用者習慣
    5. 利於SEO(搜尋引擎最佳化)

    缺點：
    1. 舊版瀏覽器不支援
    2. 小尺寸螢幕不適合複雑的功能或介面
    3. 載入速度問題
    4. 不同載具間的瀏覽方式
    5. 開發時間較長
  2. 認識Viewport
    Viewport的作用是告訴瀏覽器，目前裝置有多寬或多高，以讓訪客在透過不同的裝置瀏覽網站時，作為縮放的基準比例 <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">

    width：使用device-width(裝置寬度)作為可視區域的寬度。
    initial-scale：初始比例，用1表示100%，範圍從0.1~1可任填。
     maximum-scale=1.0
    minimum-scale：最小可以縮放到0.8比例
    maximum-scale：最大可以縮放到2.0比例
    user-scalable：是否允許縮放，1 或 0 (yes 或 no)

  3. 何謂bootstrap
    Bootstrap原名Twitter Blueprint，由Twitter的Mark Otto和Jacob Thornton編寫，本意是製作一套可以保持一致性的工具和框架。
    官網：http://getbootstrap.com/
    正體中文：https://kkbruce.tw/bs3
    簡體中文：http://www.bootcss.com/