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

會員登入

忘記密碼? 現在註冊!

流量統計

今天: 125
昨天: 516
本週: 2243
本月: 5577
總計: 6371
平均: 62

網站QRcode

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

內容資訊:桃園市閱讀計畫網站上線——完成XOOPS AWD自適應無障礙A級建置與資料移轉-尼爾網站設計工坊-網站設計


發佈者:admin / 發佈時間:2025-04-14 / 內容狀態:啟用中
:::

2025年4月最新成果出爐!桃園市閱讀計畫網站由桃園市楊梅區楊明國小正式委託尼爾網站設計工坊進行全面改版,包含新版XOOPS AWD自適應網站設計、資料移轉、系統升級與無障礙功能強化,網站已成功上線並通過A級無障礙檢測。

本案採用PHP 8.3.19、jQuery、JavaScript、Smarty3、AJAX及Apache 2.4.63開發,搭配Xoops 2.5.11與MySQL 8.0.4資料庫。整站採HTML5 + Bootstrap4.6架構並配合客製CSS3設計,使網站具備高度穩定性與延展性。

網站支援Edge、Chrome、Firefox、Vivaldi、Opera等主流瀏覽器,並能依照使用者螢幕解析度自動縮放,於手機、平板、桌機皆維持一致清晰的顯示效果。

同時完成SSL憑證(Certbot)建置,安全通訊協定為TLS 1.3,並於ssllabs.com測得A+評級。

全站無障礙A級認證通過,完整鍵盤操作支援

網站依循WCAG2.1標準規劃,導入完整的輔助操作功能,包括:

  • 網頁導盲磚(:::)
  • SiteNavigator網站導覽
  • AccessKey鍵盤快速鍵
  • 全站Tab鍵可完整操作所有區塊與功能

網站已順利通過數位發展部無障礙2.1審查,取得A級標章。
Google PageSpeed行動版無障礙測試更達100分。

全面升級首頁佈景工法,管理介面更彈性

首頁採模組化佈景技術,提供:

  • 區塊順序自由調整
  • 模組區塊一鍵開關
  • CSS樣式統一生成,不會跑版
  • ICON/區塊設定可自訂
  • 支援SEO友善結構

同時也完成Search.Google提交、xsitemap建立、搜尋關鍵字設定,有效提升網站搜尋能見度。

專屬手機版獨立開發,採WebApp架構

  • 手機版使用獨立PSD設計稿製作:介面清晰、按鈕大、觸控友善。
  • WebApp技術依裝置載入對應佈景:手機與桌機的內容版面可獨立配置,但均由同一後台管理,維護效率大幅提升。
  • 通過Google行動相容測試:跨裝置皆能保持高流暢度瀏覽體驗。

:::
右方浮動選單
內容資訊