1. 課程介紹

一、響應式(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號）