Welcome! 登入 註冊
專區首頁 專區百科 專區論壇 專區部落格 專區地圖

Advanced

[講義] RWD多頁網頁編輯 (二) 網頁架構 / 列表頁 / 內容頁 /

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




Edited 6 time(s). Last edit at 11/27/2019 02:43PM by JinJin.
(編輯記錄)