2024年6月最新網站設計作品,由李奇英文委託Neil網站設計工坊進行本案的網站設計及系統升級工作。
使用程式:PHP8.1.28,jquery,javascript、Smarty3,AJAX
Xoops版本:Xoops2.5.11
MySQL 版本:8.0.37-cll-lve
使用框架:html5+bootstrap3+自行撰寫css3樣式
網站語系:繁體中文
最佳瀏覽:Edge, 相容瀏覽器:Google、Firefox、Vivaldi、Opera
瀏覽器最佳解析度:1440px兼容1024*768包含以上
瀏覽相容:行動裝置/平板電腦/桌上型電腦
網站具有隨USER電腦解析度自動等比例放大縮小功能。
網址自動轉https設定,一欄式網站布局,SEO優化,模組功能擴充開發,系統升級。
網站提交search.google,提交xsitemap,建立搜尋關鍵字
※網站首頁採用佈景開發工法,管理員能調整首頁區塊順序,可以自行開啟或關閉模組區塊,區塊CSS樣式一體化產生不跑版,增加網站管理的自由靈活度,可自訂區塊側標說明等功能。
1. 手機版專用介面開發,使用PSD手機版設計稿裁切製作,使用Neil多功能佈景框架做為網站底板架構。
2. 行動瀏覽採用的與YAHOO,FB及MOMO相同技術,以PHP判斷使用者瀏覽裝置後讀取對應佈景,非RWD框架採用WebApp技術,手機版內容配置可以跟電腦版不相同,但資料卻是使用相同後台管理,便於維護及兼顧設計美觀。
3. 手機版網站符合行動瀏覽並通過Google行動裝置相容測試,手機瀏覽無障礙功能評分96分。
李奇英文:https://richieenglishnew.com/
網站設計工作內容
1、全新客製化一欄式網站PSD模板設計( 電腦 and 手機)。
2、Xoops佈景設計/開發(電腦 and 手機)。
3、Xoops網站建置,cPanel 設定(更新資料庫/PHP版本換置/安全性設置)。
4、首頁區塊配置,JS動畫製作,JS播放器建置,浮動css三層式下拉選單建置隨捲軸對應滑動出現,區塊前後台AJAX應用,內容頁面編輯,收納式jQuery搜尋區塊製作。
5、首頁區塊樣式採用JS視差設計,隨捲軸顯示區塊內容,底區塊CSS動畫製作。
6、首頁區塊設計採佈景開發工法,管理員可自行調整區塊順序與新增區塊,可更換模組區塊樣式(不破版不變形)。
7、升級Xoops版本到最新版,升級Neil模組到新版,保留全部原始資料,mysql資料表優化精簡。
8、佈景管理模組功能擴充開發:
-> 聯絡我們增加縣市鄉鎮地址欄位,後台可選擇啟用/關閉及必填設定。
-> 廣告管理:增加數字廣告功能(前後台功能開發)
-> 開發區塊圖片撥放功能(前後台功能開發)
9、配置Neil網站設計工坊開發的neilofficebriefing班級處室簡介正式版,並做功能升級。
neilofficebriefing班級處室簡介模組:->前往觀看
10、配置Neil網站設計工坊開發的neilonlinevideo網路影音模組正式版,並做功能升級。
neilonlinevideo網路影音模組:->前往觀看
11、配置Neil網站設計工坊開發的neilalbum電子相簿模組正式版,並做功能升級。
neilalbum電子相簿模組:->前往觀看
12、配置Neil網站設計工坊開發的neilmfdcms多功能內容管理模組正式版,並做功能升級。
->好站連結條列式區塊功能開發
neilmfdcms多功能內容管理模組:->前往觀看
13、配置Neil網站設計工坊開發的neilfilefolder檔案管理模組正式版,並做功能升級。
neilfilefolder檔案管理模組:->前往觀看
14、配置Neil網站設計工坊開發的neilsignedup_c線上課程報名模組正式版,並做功能升級
->建立報名表欄位設定頁面,將報名表顯示就讀學校欄位/備註說明/移到報名表欄位設定頁面
->由【線上活動報名模組】移植自訂表單欄位功能
->報名紀錄查詢-增加 尚未審核/審核通過/取消報名三種狀態管理員及報名者可刪除報名資料功能。
->升級首頁ajax瀑布流套件及前端樣板結構與php後端程式結構,js程式優化加快首頁及分類頁讀取速度
->增加上課老師是否為必填設定,若設為非必填,建立課程報名不選擇上課老師資料也能送出
->課程說明增加附件檔上傳功能(多檔),編輯刪除及下載功能。
->網站首頁新開發左右滑動課程資訊展示區塊
->大考倒數的天數增加數字變換效果,當觸發視差動畫時數字會由0開始到設定值,修改區塊功能,增加列數設定,增加考試日期設定。
neilsignedup_c線上課程報名模組:->前往觀看
15、代客安裝Xoops2.5.11主程式及配置所需之Xoops模組,Xoops模組程式開發與樣版修改調整,PHP-smarty與AJAX及CSS3應用。
16、Neodw後台管理系統建置,admin能透過後台更新網站中JS播放器圖片,新增與刪除網站按鈕,設定跑馬燈及區塊選單管理等功能。
17、支援手機、平板電腦與桌上型電腦瀏覽。
18、手機瀏覽介面開發製作,通過Google行動裝置瀏覽驗證工作。
19、Edge、Google、Firefox、Vivaldi、Opera瀏覽器兼容修正。
20、網站SEO關鍵字優化,網址提交各大搜尋引擎。
21、配置Neil表單防機器人垃圾留言2.0程式,新增自動清除caches功能,自動清理temp程式。
22、網站首頁無障礙功能設計,Google行動裝置相容測試無障礙功能評分96分。
總計製作工時30天完成,網站目前正常運作中,歡迎大家前往參觀。