2021年6月最新作品,由佩珞拉美容補習班委託Neil網站設計工坊進行本案的網站設計工作。
使用程式:PHP7.4.20,jquery,javascript、Smarty,AJAX
Xoops版本:Xoops2.5.11
MySQL 版本: 5.7.34
使用框架:html5+bootstrap3+自行撰寫css3樣式
網站語系:繁體中文
最佳瀏覽:Edge, 相容瀏覽器: IE11、 Mozilla Firefox、Google
瀏覽器最佳解析度:1440px兼容1024*768包含以上
瀏覽相容:行動裝置/平板電腦/桌上型電腦
網站具有隨USER電腦解析度自動放大功能。
網址自動轉https設定
※網站首頁區塊採用創新工法使用區塊ID來綁定區塊CSS樣式設計(包含視差自動產生),管理員調整的首頁區塊順序,區塊樣式也會跟者一起調整,管理員可以自行開啟所需的模組區塊,增加網站管理的自由靈活度。
※行動瀏覽佈景介面設計開發,採用與YAHOO,FB及MSN相同技術,以PHP後端判斷使用者是電腦或手機平版介面瀏覽後,切換佈景介面來符合使用者的瀏覽裝置,電腦版介面及內容配置可以跟手機版完全不同,但資料卻是相同的,便於維護及兼顧設計美觀,網站開啟速度也比RWD介面要快,更節省瀏覽器效能消耗。
※通過Google行動裝置相容性測試
佩珞拉美容補習班:https://perisleo.com/
工作內容包括:
1、全新客製化PSD模板設計(電腦 and 手機)。
2、Xoops佈景設計/開發(電腦 and 手機)。
3、首頁區塊配置,JS動畫製作,JS播放器建置,浮動css三層下拉選單按鈕建置隨捲軸對應滑動出現,區塊前後台AJAX應用,收納式jQuery物件製作。
4、首頁JS物件觸發動畫區塊開發製作。
5、增加全國學院前後台功能開發(可以新增編輯刪除排序),css排版與視差動畫設計。
6、首頁區塊樣式採用JS視差設計,隨捲軸顯示區塊內容。
7、首頁區塊設計採綁定區塊ID工法,管理員可自行調整區塊順序與新增區塊。
8、內容頁面客製化CSS編排。
9、新增加個資保護聲明前台後編輯功能,並置入預設說明內容。
10、配置Neil網站設計工坊開發的neilofficebriefing班級處室簡介正式版,並做功能升級。
neilofficebriefing班級處室簡介模組:->前往觀看
11、配置Neil網站設計工坊開發的neilonlinevideo網路影音模組正式版,並做功能升級。
neilonlinevideo網路影音模組:->前往觀看
12、配置Neil網站設計工坊開發的neilalbum電子相簿模組正式版,並做功能升級。
neilalbum電子相簿模組:->前往觀看
13、配置Neil網站設計工坊新2020新開發的neilfilefolder檔案管理模組正式版,並做功能升級。
neilfilefolder檔案管理模組:->前往觀看
14、配置Neil網站設計工坊新2020新開發的neilmfdcms多功能內容管理模組正式版,並做功能升級。
->新開發圖文式並列新聞區塊。
neilmfdcms多功能內容管理模組:->前往觀看
15、配置Neil網站設計工坊2021新開發的neilsignedup_c線上課程報名模組正式版,並做功能升級。
->新增加簡章索取區塊功能,開發簡章管理後台介面(可指定專屬會員管理簡章來函)。
->增加條列式課程報名區塊。
->增加報名表是否啟用就讀學校功能(包含欄位:就讀學院/學院類別/就讀組類/就讀班級)
->增加全國鄉鎮縣市後台管理功能開發,鄉鎮縣市ajax選單開發,報名表及模組地址新增鎮縣市選項。
->課程報名新增(課程費用/共開幾堂課/上課地點/LINE客服帳號)等欄位
->報名表增加(LINE-ID/聯絡地址)等增欄位
neilsignedup_c線上課程報名模組:->前往觀看
16、代客安裝Xoops2.5.11主程式及配置所需之Xoops模組,Xoops模組程式開發與樣版修改調整,PHP-smarty與AJAX及CSS3應用。
17、Neodw後台管理系統建置,admin能透過後台更新網站中JS播放器圖片,新增與刪除網站按鈕,設定跑馬燈及區塊選單管理等功能。
18、支援手機、平板電腦與桌上型電腦瀏覽。
19、手機瀏覽介面開發製作,通過Google行動裝置瀏覽驗證工作。
20、Edge、IE11、Firefox、Google瀏覽器相容修正。
21、網站SEO關鍵字優化,網址提交各大搜尋引擎。
22、右浮動功能按鈕製作(回頂端/FB-messenger/Line/影音/fb粉絲團)
23、配置Neil表單防機器人垃圾留言2.0程式,新增自動清除caches功能,自動清理temp程式。
總計製作工時45天完成,網站目前正常運作中,歡迎大家前往參觀。