Web / 前端

校園安全守護站

獨立完成|HTML、CSS、Markdown

本專案為一個專注於校園安全的資訊整合平台。透過系統化的內容分類,涵蓋法律規範、個人資料保護、霸凌防制及緊急突發事件通報等關鍵面向。採用 Markdown 作為內容儲存格式,平衡了資料維護的便利性與前端呈現的靈活性,為校園管理者與學生提供即時、可靠的安全知識庫。

#web

專案亮點

  • 深度整合校安法規與行政通報作業流程,提升校安資訊透明度
  • 使用 Markdown 驅動的內容架構,達成零資料庫依賴的高效內容管理
  • 響應式設計確保在各類行動裝置上皆能快速查閱緊急應變資訊

專案起源與目標

在現代高等教育環境中,校園安全已不僅僅是傳統的安全維護,更涉及繁瑣的法律規範與精細的行政通報流程。本專案旨在解決校園安全資訊零散、不易查閱的問題,建立一個整合性的知識平台,讓校安人員與師生能第一時間掌握正確的法令依據與處置流程。

重點功能說明

  1. 法規知識庫:有系統地整理《校園霸凌防制準則》、《個人資料保護法》及《性別平等教育法》等關鍵法規,並提供針對校園情境的實務解讀。
  2. 緊急通報指南:明列各類突發事件(如自然災害、意外事故、職業災害)的標準化處理步驟,強化「先知快報」的即時應變能力。
  3. 資源鏈結中心:整合教育部校安中心、衛福部、氣象署等外部資源,建立完整的校園安全支持體系。

技術架構與特點

本網站採用靜態網站生成(Static Site Generation)的思維,以 Markdown 作為核心內容載體。

  • 易於維護:校安人員僅需編輯簡單的 Markdown 檔案即可更新法規內容。
  • 高效加載:減少伺服器運算與資料庫查詢,確保在大規模訪問或弱網環境下仍能快速讀取。
  • 模組化設計:預留擴充接口,可輕鬆整合校園內各個行政單位的資訊連結。