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

2026年2月最新完成之設計專案，由吳岳國文補習班委託尼爾網站設計工坊打造全新XOOPS AWD自適應SEO網站，並同步進行客製模組開發與系統優化作業，全面提升網站品牌形象、行動瀏覽體驗與後台管理效率，正式宣告網站設計上線。

本案採用PHP8.3.30、jQuery、JavaScript、Smarty3與AJAX技術開發，搭配最新Xoops2.5.11版本與MySQL8.0.44-cll-lve資料庫環境，整站架構以HTML5＋Bootstrap4.6為基礎，並結合尼爾自行撰寫之CSS樣式系統，打造穩定、輕量且具高度擴充性的網站基礎架構。

網站語系為繁體中文，支援Edge、Google Chrome、Firefox、Vivaldi、Opera等主流瀏覽器，並可依使用者裝置解析度自動等比例縮放，於手機、平板與桌上型電腦皆呈現清晰一致之瀏覽效果。

本次設計除完成搜尋引擎基礎優化與網站結構調整外，亦同步提交search.google並建置xsitemap，強化搜尋引擎索引效率與自然排序基礎。

客製模組開發與管理效率優化

本專案重點包含多項功能擴充與優化：

• 客製化短網址功能開發，提升行銷連結分享效率與SEO友善度
• 右側收納式選單功能優化，強化行動裝置操作體驗
• 內容管理模組擴充，新增新聞類型機制，可於發佈內容時自動產生「課程報名頁面按鈕」，提升轉換率與使用直覺性
• 配置自研【Neil_ISPv2.0分散式爬蟲攻擊智慧防禦安全套件】，有效阻擋異常代理與分散式爬蟲攻擊行為，降低伺服器I/O負載，提升整體穩定度

透過上述開發與整合，使網站在功能層面兼顧彈性、效率與安全性。

---

中國風視覺設計融合現代動態效果

• 整體視覺風格以中國風紫紅墨韻色系為主軸，呼應國文補習班之文化意象。背景採幾何圖形與固定浮動構圖設計，搭配內容區透明度設定，營造層次分明的視差視覺效果，使畫面更具空間感與沉浸氛圍。
• 首頁區塊運用JS視差效果與CSS動態呈現技術，提升畫面節奏與視覺張力，同時維持閱讀舒適度。內容頁插圖則整合SeaArt視覺輔助創作，強化圖文表達力與品牌辨識度。

---

符合無障礙2.1標準——完整鍵盤操作與可達性建置

網站依循WCAG2.1無障礙規範進行架構設計與調整，導入：

• 網頁導盲磚(:::)
• SiteNavigator網站導覽
• AccessKey鍵盤快速鍵

使用者可透過鍵盤Tab完整操作全站內容與功能，不需滑鼠即可順利瀏覽。整站結構亦符合語意標籤與可讀性設計原則，兼顧不同使用族群之瀏覽需求。

---

行動版採AWD自適應技術，非傳統RWD架構

本案行動版採用AWD（Adaptive Web Design）自適應技術，由PHP判斷使用者裝置自動載入對應佈景，並非傳統RWD單一版型縮放模式。

• 手機版介面獨立開發：依PSD手機版設計稿裁切製作，打造完整觸控化介面。
• 資料同源、版型可分離：手機版與電腦版內容可獨立配置，但共用後台資料庫，維護更彈性。
• 通過Google行動裝置相容性測試，確保行動瀏覽流暢度與相容性。

---

本次「吳岳國文補習班XOOPS AWD自適應SEO網站」設計專案，不僅強化網站技術架構與安全防護，更整合品牌視覺、內容管理與搜尋引擎優化策略，打造兼具文化氣質與現代技術實力的補教網站新典範。