2017年11最新Xoops佈景設計作品,由均質化屏二區網站委託Neil網站設計工坊進行本案的Xoops佈景設計開發工作。
使用程式:PHP7,jquery,CSS3,HTML5,javascript、Smarty,AJAX
網站語系:繁體中文
最佳瀏覽:IE11, 相容瀏覽器: IE10、IE9、 Mozilla Firefox、Google
瀏覽器最佳解析度:1440px兼容1024*768包含以上
瀏覽相容:行動裝置/平板電腦/桌上型電腦
※行動瀏覽佈景介面設計開發,我們採用的是與YAHOO,FB及MSN相同技術,以PHP後端判斷使用者是電腦手機或平版介面瀏覽後,切換介面來符合使用者的瀏覽裝置,這樣電腦版的介面及內容配置可以跟手機版完全不同,但資料卻是相同的,便於維護及兼顧設計美觀,網站開啟速度也比RWD介面要快。
※通過行動裝置相容性測試
均質化屏二區網站 http://comm2.flhs.ptc.edu.tw/
工作內容包括:
A、全新客製化佈景PSD模板設計(電腦 and 手機)。
B、Xoops佈景設計/開發(電腦 and 手機)。
C、Xoops佈景介面開發,右區塊呈現在播放器下方橫列顯示4個區塊,取中間區塊最大值均分其他三個區塊寬度,上方主選單浮動選單製作,浮動背景物件製作使用Jquery判斷位置,佈景偵測使用者解析度自動放大功能,ajax驗證註冊防機器人功能,物件Jquery開關特效,內容區塊關閉右區塊自動滿版功能,Xoops預設11個區塊開發製作
D、使用程式:PHP7.0,Jquery,html5,css3,PHP-smarty,AJAX。
E、使用bootstrap3框架+自行開發CSS3樣式編寫。
F、內容頁面自動隱藏上方區塊由標題處開始顯示內容,USER滑鼠向上或點擊開啟按鈕才會顯示上方圖片播放器區塊,增加內容頁面的開啟速度及瀏覽舒適感
G、Neodw後台管理系統建置,admin能透過後台更新網站中JS播放器圖片,新增與刪除網站按鈕,設定跑馬燈,建置區塊選單(圖片選單及按鈕選單與多層選單)及災害示警區塊內容等功能。
H、兼容所有的TAD模組,包括tadtools寫入功能。
I、手機瀏覽介面開發製作,通過行動裝置瀏覽驗證工作。
J、IE11、IE10、IE9、Firefox、Google瀏覽器相容修正。
K、佈景SEO結構強化功能,關鍵字綁定頁面功能。
總計製作工時20天完成,網站目前正常運作中,歡迎大家前往參觀。