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

2020年1月最新作品，由臺中市太平區東平國民小學全球資訊網委託Neil網站設計工坊進行本案的網站設計工作。

• 使用程式：PHP7.3.10，jquery，javascript、Smarty，AJAX
• MySQL 版本：10.4.8-MariaDB
• 使用框架：html5+bootstrap3+自行撰寫css3樣式
• 網站語系：繁體中文
• 最佳瀏覽：IE11， 相容瀏覽器： IE10、 Mozilla Firefox、Google
• 瀏覽器最佳解析度：1440px兼容1024*768包含以上
• 瀏覽相容：行動裝置/平板電腦/桌上型電腦
• 網站具有隨USER電腦解析度自動放大功能。 

※網站首頁區塊採用創新工法使用區塊ID來綁定區塊CSS樣式設計(包含視差自動產生)，這樣既使管理員調整的首頁區塊順序，區塊樣式也會跟者一起調整，另外製作了左，中上，兩個自訂區塊CSS樣式，管理員可以自行開啟所需的模組區塊，增加網站管理的自由靈活度。

※本站使用Neil區塊管理模組功能，將tad模組區塊樣板與程式獨立出來與tad模組是分離的，所以未來可以持續的更新模組而不會使首頁區塊設計介面被覆蓋掉，保持網站模組程式在最新的狀態。

※行動瀏覽佈景介面設計開發，採用與YAHOO，FB及MSN相同技術，以PHP後端判斷使用者是電腦或手機平版介面瀏覽後，切換佈景介面來符合使用者的瀏覽裝置，電腦版介面及內容配置可以跟手機版完全不同，但資料卻是相同的，便於維護及兼顧設計美觀，網站開啟速度也比RWD介面要快，更節省瀏覽器效能消耗。

※通過Google行動裝置相容性測試

工作內容包括：

• 全新客製化PSD模板設計(電腦 and 手機)。
• Xoops佈景設計/開發(電腦 and 手機)。
• 建置Xampp伺服器與相關設定，.htaccess加入PHP.INI參數設定。
• 首頁區塊配置，JS動畫製作，JS播放器建置，浮動css三層下拉選單按鈕建置隨捲軸對應滑動出現，jQuery分類滑動選單建置，新增TAD模組區塊程式開發與AJAX應用，區塊前後台AJAX應用，容頁面編輯建置，收納式jQuery搜尋區塊製作。
• 首頁區塊樣式採用JS視差設計，隨捲軸顯示區塊內容。
• 擷取台中市教育局新聞Xoops區塊製作
• 首頁區塊設計採綁定區塊ID工法，管理員可以行調整區塊順序與新增區塊。
• Neil開發模組配置
  • 配置Neil網站設計工坊開發的neilhonorlist榮譽事項正式版模組。
  • 配置Neil網站設計工坊2018新開發的neilofficebriefing班級處室簡介正式版模組。
  • 配置Neil網站設計工坊2018新開發的neilcurriculum班級課表管理正式版模組。
  • 配置Neil網站設計工坊2019新開發的neilonlinevideo網路影音模組正式版模組。
  • 配置Neil網站設計工坊2019新開發的neilalbum電子相簿模組正式版模組。
• 災害示警區塊API橋接建置與CSS樣式設計。
• 配置Neil網站設計工坊商用smtp郵件發信帳號一組。
• 代客安裝Xoops2.5.10主程式及配置所需之Xoops模組，Xoops模組程式開發與樣版修改調整，PHP-smarty與AJAX及CSS3應用。
• Neodw後台管理系統建置，admin能透過後台更新網站中JS播放器圖片，新增與刪除網站按鈕，設定跑馬燈及區塊選單管理等功能。
• 支援手機、平板電腦與桌上型電腦瀏覽。
• 手機瀏覽介面開發製作，通過Google行動裝置瀏覽驗證工作。
• IE11、IE10、Firefox、Google瀏覽器相容修正。

總計製作工時30天完成，網站目前正常運作中，歡迎大家前往參觀。

活力校園風格網站設計