點擊LOGO返回首頁-尼爾網站設計工坊

2026年3月最新完成之校園網站設計專案，由「桃園市觀音區育仁國民小學」委託尼爾網站設計工坊進行官方網站全面升級與無障礙AA網站建置作業。本案採用 XOOPS 2.5.11 架構搭配 AWD（Adaptive Web Design）自適應網站技術開發，整合無障礙規範、校園視覺設計、模組功能開發與網站資安防護，打造兼具地方特色、閱讀體驗與系統穩定性的現代化校園網站。
育仁國小位於桃園觀音海濱地區，校園長期以自然、人文與在地文化作為教育核心。本次網站設計也延續學校特色，整體視覺以「蓮葉」作為主題意象，搭配白鷺鷥、海濱自然元素與柔和綠藍色系，營造具有人文氣息與教育溫度的校園網站風格。

網站首頁版型採左中式資訊架構，透過不規則幾何構圖與柔性曲線配置，使畫面在保有活潑感的同時，仍能維持資訊閱讀的穩定性。首頁主視覺亦結合校方提出的「感恩、創意、科技、人文、活力」五大教育願景，透過動畫與圖像方式呈現，讓網站不只是資訊平台，更成為展現校園精神的重要窗口。
本案另一項重要特色，則是導入 AI 協作內容整理流程。由於偏鄉小校行政人力有限，教師多需兼任數項校務工作，因此尼爾網站設計工坊協助學校重新整理舊站資訊架構，將原本零散內容重新編排為更清晰的樹狀導覽結構，大幅提升網站資訊檢索效率與使用者瀏覽體驗。
此外，亦透過 AI 協作技術（GPT／Gemini）協助校方整理校園歷史、地理特色與教育理念，將原本簡短的校園介紹延伸為完整且具溫度的內容頁面。同時搭配 SeaArt 視覺輔助插圖設計，使網站內容更具沉浸感與一致性，也降低真實人物肖像辨識需求，避免後續肖像權使用疑慮。

在網站技術層面，本案採用：

• PHP 8.3.30
• Apache 2.4.66（Ubuntu）
• MySQL 8.0.45（嚴謹模式）
• HTML5 + Bootstrap 4.6
• jQuery、JavaScript、Smarty3、AJAX

並客製化開發專屬 Xoops 佈景「neilyrestyc」，為本案唯一使用版本，不重複套用於其他網站。
網站同時導入尼爾網站設計工坊自研發之【Neil_ISP v2.1 分散式爬蟲攻擊智能防禦安全套件】，可有效阻擋異常代理連線與分散式爬蟲攻擊，降低伺服器負載與網站資安風險，並已完成壓力測試驗證。
為符合最新政府網站規範，本案亦全面依循 WCAG 2.1 AA 標準進行無障礙建置，包括：

• 網頁導盲磚（:::）
• Site Navigator 網站導覽
• Access Key 鍵盤快速鍵
• 完整 TAB 鍵操作流程
• ARIA 標籤補強
• CTRL＋放大至400%版面自動流動功能

最終正式通過數位發展部無障礙AA級審查，取得無障礙AA級標章。 此外，網站亦完成 Search Console、xsitemap 與 SEO 搜尋索引建置，手機版 Google PageSpeed 無障礙功能評分達 100 分，並通過 Google 行動裝置相容性檢測。

本次「桃園市觀音區育仁國民小學」網站設計專案，不僅完成校園網站升級與無障礙建置，更透過內容整理、視覺規劃與 AI 協作流程，協助偏鄉學校降低網站維護負擔，讓校園網站真正成為能長期陪伴學校成長的數位平台。