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

2024年12月，全新改版的高雄市立鳳西國民中學官網正式上線！本次由Neil（尼爾）網站設計工坊承接，全面採用XOOPS AWD自適應架構與無障礙標準打造，全站通過WCAG2.1 A級檢測，兼具美觀、效能與無障礙使用體驗。

技術架構與系統版本

• 程式環境：PHP8.1.25
• 使用技術：jQuery、JavaScript、Smarty3、AJAX
• XOOPS核心：Xoops 2.5.11
• 資料庫：MariaDB 10.4.32
• 前端框架：HTML5 + Bootstrap4.6 + 客製CSS3
• 網站語系：繁體中文
• 最佳瀏覽器：Edge（相容Chrome/Firefox/Vivaldi/Opera）
• 最佳解析度：1440px（兼容1024×768以上）
• 支援裝置：手機／平板／桌機全自動等比例縮放

資安與SEO佈署

• SSL憑證：Certbot，自動更新，TLS1.3
• 安全等級：通過SSLLabs A+評等
• SEO設定：
  • 已送交 Google Search Console
  • xsitemap完整建置
  • 主題關鍵字設定完成

無障礙與效能優化成果

• ✔通過數位發展部WCAG2.1無障礙 A 級審查
• ✔Google Page Speed（桌機／手機）無障礙測試皆達100分滿分
• ✔版面與互動元件依標準統整ARIA／焦點管理／對比度

首頁與佈景設計重點

本案採用新版佈景開發工法，具備下列彈性特色：

• 首頁各區塊可任意排序，模組區塊開關由管理員自由控制，CSS樣式統一、跨瀏覽器不跑版。
• ICON、區塊標題支援自訂化，高擴充性後台設定。

手機版與行動體驗設計

手機版專屬UI製作，依PSD手機稿精準切版，套用Neil多功能佈景框架打造一致性視覺，WebApp技術（非RWD）自動切換佈景，以PHP判斷裝置載入獨立佈景，手機版可採與電腦版不同的排版結構，資料共用同一後台，維護更簡單。

通過Google行動裝置相容測試，行動端瀏覽速度與體驗全面提升。