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

2025年8月最新網站設計作品，由桃園市平鎮區祥安國民小學委託Neil網站設計工坊進行本案的網站設計工作。

• 使用程式：PHP8.3.22，jquery，javascript、Smarty3，AJAX
• Apache版本：2.4.63
• Xoops版本：Xoops2.5.11
• MySQL 版本：Mysql8.0.4
• 使用框架：html5+bootstrap4.6+自行撰寫css3樣式
• 網站語系：繁體中文 / 英文
• 最佳瀏覽：Edge， 相容瀏覽器：Google、Firefox、Vivaldi、Opera
• 瀏覽器最佳解析度：1440px兼容1024*768包含以上
• 瀏覽相容：行動裝置/平板電腦/桌上型電腦
• 網站具有隨USER電腦解析度自動等比例放大縮小功能。
• SSL憑證申請建置(Certbot)憑證，網站SSL憑證安全協定為 TLS 1.3，通過 ssllabs.com A+級驗證。
• 網站提交search.google，提交xsitemap，建立搜尋關鍵字
• 網站具有中英文切換功能，使用xlanguage模組進行語言轉換，管理者可透過語言標籤輸入中英文後，自動產生中英文組合標籤，複製貼上到內容即可。

※全國首創將Xlanguage多國語言模組與GTranslate整合成功，可以透過後台自行定義中英文內容，例如選單按鈕，分類文字，簡介說明，等需要使用英文簡寫或簡短敘述的地方，其他沒定義到英文的內容如新聞區或榮譽榜等，將會使用GTranslate自動將內容翻成英文，達成真正全英文網站的國際化目標。

※網站符合無障礙2.1規範(WCAG 2.1)，網頁導盲磚(:::)、網站導覽 (Site Navigator)、鍵盤快速鍵 (Access Key) 均有建置，使用鍵盤tab能夠遍歷網站全部內容與操作功能。

※通過數位發展部無障礙2.1審查(WCAG 2.1)，網站獲得無障礙A級標章。

※手機版 Google pagespeed 首頁檢測無障礙功能評分100分。

※網站首頁採用佈景開發工法，管理員能調整首頁區塊順序，可以自行開啟或關閉模組區塊，區塊CSS樣式一體化產生不跑版，增加網站管理的自由靈活度，可自訂區塊ICON圖標等功能。  

• 手機版專用介面開發，使用PSD手機版設計稿裁切製作，使用Neil多功能佈景框架做為網站底板架構。
• 行動瀏覽採用的與YAHOO，FB及MOMO相同AWD(Adaptive Web Design)技術開發，以PHP判斷使用者瀏覽裝置後讀取對應佈景，手機版內容配置可以跟電腦版不相同，但資料卻是使用相同後台管理，便於維護及兼顧設計美觀。
• 手機版網站符合行動瀏覽並通過Google行動裝置相容測試。

網站設計工作內容

• 全新客製化中右布局網站PSD模板設計( 電腦 and 手機)。
• Xoops佈景設計 / 開發(電腦 and 手機)。
• 私有雲伺服器主機Apache/ PHP/ MySQL / phpMyAdmin 建置設定，Xoops網站建置，php.ini參數設定。
• 建立Let's Encrypt免費SSL憑證，並建立自動更新腳本，無須手動更新。
• 提供.htaccess阻擋惡意機器人爬蟲攻擊連線的代理伺服器IP名單，並不定期更新，建立全新防爬蟲防禦機制。
• 首頁區塊配置，JS動畫製作，JS播放器建置，浮動css三層式下拉選單建置隨捲軸對應滑動出現，左三層滑動選單建置，區塊前後台AJAX應用，內容頁面編輯，收納式jQuery搜尋區塊製作。
• 首頁區塊樣式採用JS視差設計，隨捲軸顯示區塊內容，底區塊CSS動畫製作。
• 首頁區塊設計採佈景開發工法，管理員可自行調整區塊順序與新增區塊，可自訂區塊ICON圖標，更換模組區塊樣式(不破版不變形)。
• 網站符合無障礙2.1規範(WCAG 2.1)，網頁導盲磚(:::)、網站導覽 (Site Navigator)、鍵盤快速鍵 (Access Key) 均有建置，使用鍵盤tab能夠遍歷網站全部內容與操作功能。
• 通過數位發展部無障礙2.1審查(WCAG 2.1)，網站獲得無障礙A級標章。
• 升級Xoops版本到最新版，升級Neil模組到新版，保留全部原始資料，mysql資料表優化精簡。
• 網站建立中英文內容(使用中英文語言標籤產生器)，建立包含(布景區塊標題，分類，選單，簡介內容)，並整合GTranslate套件交互運作。
• Neil開發模組配置
  • 配置Neil網站設計工坊開發的neilofficebriefing班級處室簡介正式版，並做功能升級。
  • 配置Neil網站設計工坊開發的neilonlinevideo網路影音模組正式版，並做功能升級。
  • 配置Neil網站設計工坊開發的neilalbum電子相簿模組正式版，並做功能升級。
  • 配置Neil網站設計工坊開發的neilmfdcms多功能內容管理模組正式版，並做功能升級。
  • 配置Neil網站設計工坊開發的neilfilefolder檔案管理模組正式版，並做功能升級。
  • 配置Neil網站設計工坊開發的neilsignedup_a線上活動報名模組正式版，並做功能升級。
  • 配置Neil網站設計工坊開發的neilhonorlist榮譽事項模組正式版，並做功能升級。
  • 配置Neil網站設計工坊開發的neilcurriculum班級課表模組正式版，並做功能升級。
• 災害示警區塊API橋接建置與CSS樣式設計。
• 配置Neil網站設計工坊商用smtp郵件發信帳號一組。
• 代客安裝Xoops2.5.11主程式及配置所需之Xoops模組，Xoops模組程式開發與樣版修改調整，PHP-smarty與AJAX及CSS3應用。
• Neodw後台管理系統建置，admin能透過後台更新網站中JS播放器圖片，新增與刪除網站按鈕，設定跑馬燈及區塊選單管理等功能。
• 支援手機、平板電腦與桌上型電腦瀏覽，。
• 手機瀏覽介面開發製作，通過Google行動裝置瀏覽驗證工作。
• Edge、Google、Firefox、Vivaldi、Opera瀏覽器兼容修正。
• 網站SEO關鍵字優化，網址提交各大搜尋引擎。
• 配置Neil表單防機器人垃圾留言2.0程式，新增自動清除caches功能，自動清理temp程式。
• 網站首頁無障礙功能設計，Google行動裝置相容測試無障礙功能評分100分。

總計製作工時40天完成(不含無障礙送審缺失改善時間)，網站目前正常運作中，歡迎大家前往參觀。

風車校園風格設計