1. 期末範例
上課期末作業範例線上瀏覽
http://mepopedia.com/~jinjin/web/final/
上課期末範例下載
2. 網站基本架構
3. 須製作之頁面
1.首頁，包含導覽列之介紹頁、列表頁、文章頁、相簿列表頁等
2.介紹頁：了解大概的內容
3.列表頁（分為圖片列表頁與文字列表頁）：介紹內容之列表頁面
4.文章頁（分為有圖片與無圖片）：為介紹之內容主頁
5.相簿列表頁（點開放大、幻燈輪播）
6.聯絡我們
4. 麵包屑breadcrumb
麵包屑提供了導航功能，提供網頁間之關係路徑，並增加網頁親和性
在文章內容主頁中，通常會有麵包屑breadcrumb，提供文章路徑，說明所在位置，並方便返回前面位置
如：
列表頁：https://www.gvm.com.tw/category/world_focus
文章頁與麵包屑
https://www.gvm.com.tw/article/69594
html語法
5. 圖片列表頁
6. 上課影音
[講義] RWD多頁網頁編輯 (二) 網頁架構 / 列表頁 / 內容頁 /期末作業講解
https://youtu.be/K5Eol6qjXCE