別擔心，這堂課就是專門針對完全沒有網頁設計基礎的你所開設。

讓你真正能夠做中學，由不懂到了解，從網頁設計小白，搖身一變成為能夠製作出 RWD 網頁的設計者。

在這門課程裡，老師從最基礎的版型規劃、切版，一直到 HTML 內容架構與 CSS 美化，並在這堂課最後，帶你從零開始，實際完成一個完整的 RWD 靜態網頁的設計。

而在學習過程中，老師會隨時提點設計時該留意的地方，不但處處充滿網頁設計的小技巧，也將製作網頁時可能會遇到的相關問題，不厭其煩地一一解說。

身為網頁設計領域新手的你，請千萬不要錯過這堂精彩的課程。

• 不需具備任何基礎，step by step 教會你，打穩網頁設計基本功。
• 詳細語法解說，搭配實作練習，學習效果百分百。
• 不必害怕網頁程式碼，從零開始就能學會網頁設計。
• 系統化學習 HTML 與 CSS 語法和基礎知識。
• 從 0 開始建置一個實用的公司 RWD 網站。
• 隨時穿插網頁設計要點與網頁設計常見錯誤，快速吸收講師多年寶貴的實務經驗。

• 1-1 認識網站與 RWD 網頁
• 1-2 申請網路空間
• 1-3 Sublime Text 3 介紹

• 2-1 網頁的結構
• 2-2 HTML 基本標籤
• 2-3 圖片設定
• 2-4 CSS 基礎觀念應用
• 2-5 文字與段落
• 2-6 超連結的類型與應用
• 2-7 多媒體標籤
• 2-8 網頁背景設計
• 2-9 四方連續的背景圖樣設計

• 3-1 表格介紹
• 3-2 表格排版實作 I：表格編排內容
• 3-3 設計我的商品頁 II：美化頁面
• 3-4 設計我的商品頁 III：增加動態特效

• 4-1 div 容器與盒子模型
• 4-2 塊狀元素與行內元素
• 4-3 四大定位方式
• 4-4 實例應用：相簿網頁的編排設計

• 5-1 HTML 5 的語義標籤
• 5-2 基本雙欄版型設計與編排
• 5-3 版型設計的延伸練習
• 5-4 進階版型設計應用
• 5-5 導覽列的樣式設計
• 5-6 複合式下拉選單設計
• 5-7 網頁版型整合設計

• 6-1 表單結構標籤與後台串接介紹
• 6-2 表單的控制項介紹
• 6-3 表單頁面設計 I
• 6-4 表單頁面設計 II
• 6-5 結構化偽類別選取及屬性器應用
• 6-6 利用 CSS 與表單元素製作頁籤切換效果

• 7-1 尺寸的種類與設定
• 7-2 認識 viewport 與 Media Queries
• 7-3 使用 Google 雲端字型
• 7-4 圖示字型介紹與應用
• 7-5 使用 Xmind 規劃網站架構圖
• 7-6 線框圖設計與規劃
• 7-7 好用的線上線框圖製作服務

• 8-1 RWD 網頁初始化設定
• 8-2 HEAD 標頭載入的設定
• 8-3 HTML 內容架構設計
• 8-4 基本 div 框架的大小設定
• 8-5 頁首與選單設計
• 8-6 主內容區塊設計與編排
• 8-7 頁尾區塊的資訊設計
• 8-8 手機版本的 CSS 修改
• 8-9 平板版本的 CSS 修改
• 8-10 多媒體的 RWD 設定
• 8-11 淺談網頁的 SEO