# Html 學習筆記
## HTML 5 與 CSS 3 程式設計應用技巧

| 章節 | 單元 | 單元內容 | 學習進度 |
|:----:|:----:| --------------------------------------- | -------- |
| 1 | 1 | 認識網站與網頁 | |
| | 2 | 網頁設計前的準備工作 | |
| | 3 | HTML頁面結構 | |
| | 4 | 好用的HTML學習網站 - w3schools | |
| 2 | 1 | 段落效果設定 | |
| | 2 | 條列式清單設定 | |
| | 3 | 字元格式設定 | |
| | 4 | 文字特殊用法 | |
| | 5 | 建立超連結 | |
| | 6 | 綜合範例應用 - 精美個性化履歷 | |
| | 7 | 綜合範例應用 - 美食蒐錄情報網 | |
| 3 | 1 | 網頁圖像使用要點 | |
| | 2 | 影像軟體編修影像 | |
| | 3 | 網頁圖像應用 | |
| | 4 | 使用色彩 | |
| | 5 | 綜合範例應用 - 美輪美奐的分類相簿 | |
| 4 | 1 | 製作基本表格 | |
| | 2 | 儲存格編輯 | |
| | 3 | 建立與使用表單元件 | |
| | 4 | 綜合範例應用 - 賞心悅目的旅遊行程表 | |
| | 5 | 綜合範例應用 - 極具吸引力的線上購物表單 | |
| 5 | 1 | 加入音樂 audio | |
| | 2 | 加入視訊 video | |
| | 3 | 加入 Flash 動畫 | |
| | 4 | iframe 內嵌 YouTube 影音 | |
| | 5 | 綜合範例應用 - 動感十足的新品發表 | |
| 6 | 1 | CSS 基本格式 | |
| | 2 | CSS 添加方式 | |
| | 3 | CSS 選擇器入門 | |
| | 4 | 使用 CSS 設定文字 | |
| | 5 | 使用 CSS 設定背景 | |
| | 6 | 綜合範例應用 - 別具匠心的心得報告 | |
| 7 | 1 | 控制編排區塊 | |
| | 2 | 編排網頁區塊 | |
| | 3 | 定位網頁元件 | |
| | 4 | 綜合範例應用 - 一目了然的社團介紹 | |
| 8 | 1 | 區塊陰影效果 | |
| | 2 | 漸層特效 | |
| | 3 | 圖片圓角加陰影 | |
| | 4 | 標題提示區塊 | |
| | 5 | 超連結按鈕效果 | |
| | 6 | 綜合範例應用 - 不一樣的首頁文字製作 | |
| 9 | 1 | 網站架構規劃 | |
| | 2 | 網站首頁內容設計 | |
| | 3 | 「世運站」內容設定 | |
| | 4 | 複製與修改其他捷運站內容 | |