2021年1月最新作品,由桃園大埔國小全球資訊網委託Neil網站設計工坊進行本案的網站設計工作。
使用程式:PHP7.3.24,jquery,javascript、Smarty,AJAX
MySQL 版本: 10.4.16-MariaDB
使用框架:html5+bootstrap3+自行撰寫css3樣式
網站語系:繁體中文
最佳瀏覽:Edge, 相容瀏覽器: IE11、 Mozilla Firefox、Google
瀏覽器最佳解析度:1440px兼容1024*768包含以上
瀏覽相容:行動裝置/平板電腦/桌上型電腦
網站具有隨USER電腦解析度自動放大功能。
※網站首頁區塊採用創新工法使用區塊ID來綁定區塊CSS樣式設計(包含視差自動產生),這樣既使管理員調整的首頁區塊順序,區塊樣式也會跟者一起調整,管理員可以自行開啟所需的模組區塊,增加網站管理的自由靈活度。
※行動瀏覽佈景介面設計開發,採用與YAHOO,FB及MSN相同技術,以PHP後端判斷使用者是電腦或手機平版介面瀏覽後,切換佈景介面來符合使用者的瀏覽裝置,電腦版介面及內容配置可以跟手機版完全不同,但資料卻是相同的,便於維護及兼顧設計美觀,網站開啟速度也比RWD介面要快,更節省瀏覽器效能消耗。
※通過Google行動裝置相容性測試
桃園大埔國小全球資訊網http://www.dpps.tyc.edu.tw
工作內容包括:
1、全新客製化PSD模板設計(電腦 and 手機)。
2、Xoops佈景設計/開發(電腦 and 手機)。
3、學校伺服器主機lampp建置與設定,Xoops網站建置,htaccess加入PHP.INI參數設定。
4、首頁區塊配置,JS動畫製作,JS播放器建置,浮動css三層雙樣式下拉選單按鈕建置隨捲軸對應滑動出現,jQuery分類滑動選單建置,區塊前後台AJAX應用,內容頁面編輯,收納式jQuery搜尋區塊製作。
5、首頁區塊樣式採用JS視差設計,隨捲軸顯示區塊內容。
6、首頁區塊設計採綁定區塊ID工法,管理員可自行調整區塊順序與新增區塊。
7、底區塊關於我們內容編排製作,代表圖後台可替換。
8、配置Neil網站設計工坊開發的neilofficebriefing班級處室簡介正式版,並做功能升級。
neilofficebriefing班級處室簡介模組:->前往觀看
9、配置Neil網站設計工坊開發的neilonlinevideo網路影音模組正式版,並做功能升級。
neilonlinevideo網路影音模組:->前往觀看
10、配置Neil網站設計工坊開發的neilalbum電子相簿模組正式版,並做功能升級。
neilalbum電子相簿模組:->前往觀看
11、配置Neil網站設計工坊新2020新開發的neilmfdcms多功能內容管理模組正式版,並做功能升級。
neilmfdcms多功能內容管理模組:->前往觀看
12、配置Neil網站設計工坊新2020新開發的neilfilefolder檔案管理模組升級正式版。
neilfilefolder檔案管理模組:->前往觀看
13、災害示警區塊API橋接建置與CSS樣式設計。
14、配置Neil網站設計工坊商用smtp郵件發信帳號一組。
15、代客安裝Xoops2.5.10主程式及配置所需之Xoops模組,Xoops模組程式開發與樣版修改調整,PHP-smarty與AJAX及CSS3應用。
16、Neodw後台管理系統建置,admin能透過後台更新網站中JS播放器圖片,新增與刪除網站按鈕,設定跑馬燈及區塊選單管理等功能。
17、支援手機、平板電腦與桌上型電腦瀏覽。
18、手機瀏覽介面開發製作,通過Google行動裝置瀏覽驗證工作。
19、Edge、IE11、Firefox、Google瀏覽器相容修正。
20、網站SEO關鍵字優化,網址提交各大搜尋引擎。
21、配置Neil表單防機器人垃圾留言2.0程式。
總計製作工時30天完成,網站目前正常運作中,歡迎大家前往參觀。