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