2019年3月最新作品，由健康資訊網委託Neil網站設計工坊進行本案的網站設計開發工作。

使用程式：PHP7，jquery，javascript、Smarty，AJAX

使用框架：html5+bootstrap3+自行撰寫css3樣式

網站語系：繁體中文

最佳瀏覽：IE11， 相容瀏覽器： IE10、 Mozilla Firefox、Google

瀏覽器最佳解析度：1440px兼容1024*768包含以上

瀏覽相容：行動裝置/平板電腦/桌上型電腦

網址自動轉https設定

網站具有隨USER電腦解析度自動放大功能。

※本站使用Neil區塊管理模組功能，將tad模組區塊樣板與程式獨立出來與tad模組是分離的，所以未來可以持續的更新模組而不會使首頁區塊設計介面被覆蓋掉，保持網站模組程式在最新的狀態。

※行動瀏覽佈景介面設計開發，我們採用的是與YAHOO，FB及MSN相同技術，以PHP後端判斷使用者是電腦手機或平版介面瀏覽後，切換介面來符合使用者的瀏覽裝置，電腦版介面及內容配置可以跟手機版完全不同，但資料卻是相同的，便於維護及兼顧設計美觀，網站開啟速度也比RWD介面要快，更節省瀏覽器效能消耗。

※通過行動裝置相容性測試

健康資訊網https://health-4fun.com/

工作內容包括：

A、全新客製化PSD模板設計(電腦 and 手機)。

B、Xoops佈景設計/開發(電腦 and 手機)。

C、首頁區塊配置，JS動畫製作，JS播放器建置，浮動css三層下拉選單按鈕建置隨捲軸對應滑動出現，新增TAD模組區塊程式開發與AJAX應用，區塊前後台AJAX應用，容頁面編輯建置，收納式jQuery搜尋區塊製作。

D、針對tadnews模組客製化開發雙層滑動分類按鈕顯示文章內容群組選單

E、首頁區塊樣式採用JS視差設計，隨捲軸顯示區塊內容。

F、配置頁腳聯絡我們區塊，USER發送留言直接MAIL通知管理員並使用佈景管理絡我們後台管理。

G、代客安裝Xoops2.5.9主程式及配置所需之Xoops模組，Xoops模組程式開發與樣版修改調整，PHP-smarty與AJAX及CSS3應用。

H、Neodw後台管理系統建置，admin能透過後台更新網站中JS播放器圖片，新增與刪除網站按鈕，設定跑馬燈及區塊選單管理等功能。

I、支援手機、平板電腦與桌上型電腦瀏覽。

J、手機瀏覽介面開發製作，通過行動裝置瀏覽驗證工作。

K、IE11、IE10、Firefox、Google瀏覽器相容修正。

M、網站關鍵字SEO優化工作。

總計製作工時20天完成，網站目前正常運作中，歡迎大家前往參觀。

健康養生活力保健風格網站設計