線上書籍

Home

Google雲與網頁設計

一、響應式(RWD)網頁介紹
  1. 響應式網頁設計(Responsive Web Design)，網站會自動針對不同瀏覽媒介(桌上型電腦、筆記型電腦、平板、手機)的螢幕尺寸，進行內容調整而以最佳瀏覽(排版)的方式呈現。
  2. 需求，Internet Explorer 9 以上，Chrome、Firefox、Opera、Safari則使用最新版本即可
  3. 開發成本與時間比網頁APP低
  4. 不需要下載APP就能使用
  5. 維護成本比APP低
  6. 利於SEO(搜尋引擎最佳化)
  7. 但小尺寸螢幕不適合複雜的功能或介面
二、Bootstrap安裝
  1. 由Twitter所開發
  2. 採模組化設計
  3. 官網：http://getbootstrap.com/
    中文：https://kkbruce.tw/bs3/
  4. Bootstrap框架
三、導航列與輪播圖
  1. Bootstrap：超過數十個可重覆使用的元件建置，元件有符號圖示(Glyphicons)、下拉選單、輸入框(Input)群組、導覽、警告視窗等等許多功能。
  2. JavaScript：內含13個JQuery外掛，外掛有提示(tooltip)、彈出視窗(popover)、對話視窗(modal)等具互動性的元件。

  3. backstretch 一個簡單的jQuery插件，它允許你動態調整大小，幻燈片功能的背景圖像添加到任何頁面或元素

    官網：http://srobbin.com/jquery-plugins/backstretch/

四、Google雲與網頁設計應用
  1. Google表單
  2. Google文件
  3. Google地圖
  4. youtube影音
  5. 將專案資料夾上傳遠端伺服器 https://www.ugm.com.tw/tncomu/20160824/index.html
五、利用Google雲免費傳真文件 六、台南社大本學期開課
  1. 網站程式設計-PHP：8/23 已報名21人，剩9個名額
  2. 上課時間：每週三 晚上07:00～09:50 第一次上課日期：09 月 07 日
  3. 開課地點：台南社區大學（台南市公園路750號）