- 類別:Xoops佈景設計作品
- 名稱:屏東縣立枋寮高級中學Xoops佈景設計(包含手機介面)
- 方案:Xoops佈景設計開發方案
- CMS:Xoops2.5.10
2020年12月最新Xoops佈景設計作品,由屏東縣立枋寮高級中學委託Neil網站設計工坊進行本案的Xoops佈景設計開發工作。
使用程式:PHP7.3.23,jquery,javascript、Smarty,AJAX
MySQL 版本: 5.6.49
使用框架:html5+bootstrap3+自行撰寫css3樣式
網站語系:繁體中文
最佳瀏覽:Edge, 相容瀏覽器: IE11、 Mozilla Firefox、Google
瀏覽器最佳解析度:1440px兼容1024*768包含以上
瀏覽相容:行動裝置/平板電腦/桌上型電腦
網站具有隨USER電腦解析度自動放大功能。
佈景可以安裝使用於任何的Xoops網站
※行動瀏覽佈景介面設計開發,採用與YAHOO,FB及MSN相同技術,以PHP後端判斷使用者是電腦或手機平版介面瀏覽後,切換佈景介面來符合使用者的瀏覽裝置,電腦版介面及內容配置可以跟手機版完全不同,但資料卻是相同的,便於維護及兼顧設計美觀,網站開啟速度也比RWD介面要快,更節省瀏覽器效能消耗。
屏東縣立枋寮高級中學 http://www.flhs.ptc.edu.tw/
工作內容包括:
1、全新客製化佈景PSD模板設計(電腦 and 手機)。
2、Xoops佈景設計/開發(電腦 and 手機)。
3、Xoops佈景介面開發,上方浮動主選單製作,收納式jQuery物件製作,內容區塊關閉右區塊自動滿版功能,底區塊樣式製作,Xoops預設11個區塊開發製作
4、佈景功能開發:LOGO動畫區製作,LOGO圖片及標題文字後台均可更改,主選單按鈕增加英文副標題切割字元功能修改,撥放器右區塊五按鈕後台介面開發,前台CSS樣式製作
5、內容頁面自動隱藏上方區塊由標題處開始顯示內容,USER滑鼠向上或點擊開啟按鈕才會顯示上方圖片播放器區塊,增加內容頁面的開啟速度及瀏覽舒適感
6、註冊表單配置Neil防機器人2.0版
7、Neodw後台管理系統建置,admin能透過後台更新網站中JS播放器圖片,新增與刪除網站按鈕,設定跑馬燈及區塊選單管理等功能。
8、兼容所有的TAD模組,包括tadtools寫入功能。
9、手機瀏覽介面開發製作。
10、Edge、IE11、Firefox、Google瀏覽器相容修正。
11、佈景SEO結構強化功能,關鍵字綁定頁面功能。
總計製作工時15天完成,網站目前正常運作中,歡迎大家前往參觀。