- 1. Google Fonts 網路中文字型
- 2. 使用Google fonts黑體（思源黑體）
- 3. 使用Google fonts圓體字型
- 4. 使用Google fonts仿宋字型
- 5. 上課影音
- 6. 期末範例
- 7. 網站基本架構--相簿篇
- 8. 相簿
- 8.1 滿版型相簿（四欄）
- 8.2 一般型相簿（四欄）
- 9. RWD-聯絡我們 / 地圖設定
- 10. 上課影音
- 11. 期末範例
- 12. 網站基本架構
- 13. 期末作業須製作之頁面
- 14. 內容列表頁
- 14.1 文字標題列表（圖文）
- 14.2 圖文列表（以圖為主）
- 14.3 分類式圖文列表
- 15. 文章內容頁
- 15.1 圖文並茂編排內容頁
- 15.2 單欄式圖文內容頁
- 15.3 單純文字內容頁
- 15.4 圖文左右編排內容頁
- 16. 麵包屑breadcrumb
- 17. 上課影音
- 18. 本單元範例下載
- 18.1 head需修改之項目
- 18.2 skins/css/網頁主色設定
- 18.3 等待動畫page-loader
- 18.4 Toggle navigation行動版導覽列/桌機版logo圖檔
- 18.5 導覽列設定/navbar/dropdown
- 18.6 首頁video影片設定 / videowrap影音區塊 / script
- 19. 上課影音
18. 本單元範例下載
✱ 範例下載
學長姐參考範例：
http://mepopedia.com/~jinjin/ex/final-1055445017
1. head需修改之項目
請於下列標示部分，替換成自己的設計元素
2. skins/css/網頁主色設定
skin / mycolor.css 網頁主色設定
使用搜尋快速鍵Ctrl+F(或搜尋與取代Ctrl+shift+F) 將原來色碼替換成欲取代的色碼
3. 等待動畫page-loader
等待動畫，可自行設計gif動畫後替換
4. Toggle navigation行動版導覽列/桌機版logo圖檔
行動版導覽列logo文字及圖示設定
5. 導覽列設定/navbar/dropdown
導覽列原始碼位置
6. 首頁video影片設定 / videowrap影音區塊 / script
html /script導覽列原始碼位置
html 影片代碼位置修改
?
19. 上課影音
[講義] RWD多頁網頁編輯 (一) skin / navigation / Menu / video
https://youtu.be/ZfnETBim57c