歡迎參觀:尼爾網站設計工坊網站 跳到主要內容 網站導覽

會員登入

忘記密碼? 現在註冊!

流量統計

今天: 94
昨天: 409
本週: 1898
本月: 9020
總計: 61874
平均: 308

網站QRcode

尼爾網站設計工坊-網站QRcode
關閉網站選單
:::

內容資訊:完成桃園市山東國民小學XOOPS AWD自適應網站設計專案-尼爾網站設計工坊-網站設計


發佈者:管理員 / 發佈時間:2023-07-23 / 內容狀態:啟用中
:::

2023年7月最新網站設計作品,由桃園市山東國民小學委託Neil網站設計工坊(尼爾網站設計)進行全新XOOPS AWD自適應架構網站建置。
本案以穩定的PHP8與MariaDB雙核心環境為基礎,結合自訂化佈景開發與高效率行動介面優化,打造出兼具速度、安全與管理彈性的教育型官方網站。

系統與開發環境

  • PHP版本:8.1.17
  • 資料庫版本:MariaDB 10.4.28
  • XOOPS版本:2.5.11
  • 使用程式:jQuery、JavaScript、Smarty3、AJAX
  • 架構技術:HTML5+Bootstrap3+自訂CSS3樣式
  • 網站語系:繁體中文

網站支援Edge、Chrome、Firefox、Vivaldi、Opera等主流瀏覽器,最佳解析度為1440px(兼容1024×768以上),並具備自動等比例縮放機制,於桌上型電腦、平板與手機皆能流暢顯示。

安全性與SSL憑證

本案採用Certbot自動簽發憑證,網站啟用TLS1.3安全通訊協定,並通過ssllabs.comA+等級安全驗證。
此升級大幅提升使用者資料傳輸安全性,同時符合最新的HTTPS安全規範與SEO友好要求。

首頁佈景與模組整合
網站首頁採用佈景動態工法開發,管理者可自由調整首頁模組順序、開啟或關閉區塊,系統會自動同步產生對應CSS樣式,避免跑版問題。
並支援自訂ICON圖標功能,使網站外觀更具識別度,同時提升後台操作靈活度。

手機版與行動優化技術

  • 專屬手機介面設計:根據PSD手機版稿精準切製,使用Neil多功能佈景框架作為核心基底,確保一致的視覺體驗。
  • WebApp動態辨識技術:採用與Yahoo、Facebook、MSN相同的後端偵測機制,由PHP判斷使用者裝置後載入對應佈景,採非傳統RWD結構,讓行動版內容配置可獨立設計,同時共用相同的後台資料,兼顧美觀與維護效率。
  • 行動相容測試通過:網站已通過Google行動裝置相容性測試,確保於各類行動裝置皆能穩定瀏覽。

本次專案成功整合XOOPS AWD架構、SSL安全技術與WebApp行動框架,讓桃園市山東國小的校園網站更符合現代教育數位化需求,不僅展現校風特色,也強化了網站的安全性與使用便利性。


:::
內容資訊