【網頁設計】職種　【術科】模擬試題卷

一、主題說明：（請詳細閱讀）

親愛的網頁設計師們：

週末的郊山步道越來越熱鬧。親子、學生與退休族走進山林，放鬆身心，但步道旁的零食包裝、被踩出的捷徑、被餵食而跑到登山口討食的獼猴，也一年比一年多。多數人並不是故意破壞，而是不知道「自己走過之後，山會變成什麼樣子」。

青嵐山步道系統管理處希望建置一個網站「山徑慢行」，讓第一次爬山的人在出發前，就能選到適合自己的步道、備妥裝備，並理解「無痕山林」的做法。網站的語氣要友善，不說教；要讓 10 歲的孩子看得懂，也讓 65 歲、只想散步的長輩願意使用。

請你用設計把「出發前的準備」變成一件輕鬆、有趣、願意照做的事。

二、圖形檔：

1. 至少使用主辦單位提供的「圖案檔」15 張以上。
2. 圖案檔（jpg）共有 24 張，可依照需要進行去背、合成、修改或重新繪製。
3. 圖案檔名可依照需求修改（不可使用中文檔名）。

三、製作內容：

1.【網站名稱與重點規劃】

1. 以「山徑慢行」為網站名稱，另構思一句簡短、容易記憶的 Slogan，傳達網站的核心價值。
2. 網站請依照下列重點進行規劃：
   1. 讓使用者在三次點擊之內，找到適合自己的步道。
   2. 把參考資料中的條列內容消化後，以圖示、卡片或資訊圖表呈現，避免整段文字貼上。
   3. 同時照顧兒童、一般成人與長輩的閱讀需求（字級、對比、按鈕大小）。

2.【網頁基礎內容】

1. 【首頁】（Home）：主視覺、網站名稱與 Slogan、四條步道的快速入口、「出發前三件事」的簡述。
2. 【步道總覽】（Trails）：四條步道的卡片，每張至少包含名稱、長度、所需時間、難度與適合對象；點選後可看到該步道的詳細介紹（可用獨立頁面或燈箱／展開方式呈現）。
3. 【出發準備】（Before You Go）：依參考資料整理裝備清單與天氣、時間判斷原則。
4. 【無痕山林】（Leave No Trace）：以視覺化方式呈現七大準則，每一項附一個生活化的例子。
5. 【步道上的朋友】（Wildlife）：介紹參考資料中的動植物，以及遇到時該怎麼做。
6. 【安全與求助】（Safety）：迷路、受傷、天候轉壞時的處理步驟與求助資訊。

3.【網頁互動內容】

1. 妥善設計網站地圖與基礎內容中各個項目的排版布局與互動方式。
2. 步道篩選：可依「難度」或「所需時間」篩選步道卡片，篩選後畫面只顯示符合的步道。
3. 裝備檢查清單：使用者可逐項勾選，畫面即時顯示「已準備 X／Y 項」。
4. 無痕山林小測驗：至少 5 題，作答完成後顯示答對題數與說明。

4.【其他加分項目】

除了上述對於本網站需求之外，可以發揮你的創意性、設計感、技術力，增加一些可供額外加分的內容。

四、設計要求：

1. 響應式網站設計：確保網站在手機、平板與桌機上都有良好的顯示效果（涉及媒體查詢和 CSS 選擇器的使用），網頁呈現形式和頁數不限。
2. 使用者體驗（UX）：製作考慮過「視覺動線」、「色彩心理應用」、「圖片選擇」以及「導航結構」、「易讀性」和「功能性」的網站。

五、參考資料（文字素材）：