本課程以「範例實作」方式，逐步學習HTML與CSS 語法，進而製作出一個完整的網頁版型，再針對手機上的內容做調校、實測，並產生自適應網頁。

單元一：網站建置與優化
●網站建置與網頁設定
●SEO與關鍵字設定
●網頁內容結構化
●CSS設定方式與位置

單元二：圖文設定、影音嵌入
●文字設定、字型嵌入
●按鈕製作(圓角、橢圓形、陰影、邊框、漸層)
●圖片優化
●背景色模式、漸層背景、多重背景圖與位置設定
●影音、Google地圖、YouTuBe影片嵌入

單元三：網頁版型編排
●盒模型概念與排版
●重置概念
●直式、橫式選單製作

單元四：動畫製作
●變形設定
●特效過渡
●動畫製作

單元五：環境架設與實測
●伺服器環境設定
●網頁實測
●網頁模擬器設定
●手機語法調校
●Viewport設定
●Webkit設定

單元六：自適應網頁設定
●單位：px／em／rem／百分比
●媒體詢問(Media Queries)
●圖片自適應(Fluid Image)

單元七：手機選單製作
●手機超連結種類
●手機隱藏式選單
●手機側欄選單
●手機下拉式選單


※為維護課程品質及尊重智慧財產權，上課中請勿錄音錄影，亦不提供錄音或錄影補課。