2021年10月最新作品，由桃園市立石門國中委託Neil網站設計工坊進行本案的網站設計工作。
使用程式：PHP7.4.21，jquery，javascript、Smarty，AJAX
Xoops版本：Xoops2.5.11
MySQL 版本： 10.4.20-MariaDB
使用框架：html5+bootstrap3+自行撰寫css3樣式
網站語系：繁體中文
最佳瀏覽：Edge， 相容瀏覽器：Google、Firefox、Vivaldi、Opera
瀏覽器最佳解析度：1440px兼容1024*768包含以上
瀏覽相容：行動裝置/平板電腦/桌上型電腦
網站具有隨USER電腦解析度自動放大功能。
※網站首頁區塊採用創新工法使用區塊ID來綁定區塊CSS樣式設計(包含視差自動產生)，管理員調整的首頁區塊順序，區塊樣式也會跟者一起調整，管理員可以自行開啟所需的模組區塊，增加網站管理的自由靈活度，可自訂區塊ICON圖標功能。
1. 手機版專用介面開發，使用PSD手機版設計稿裁切製作，使用Neil多功能佈景框架做為網站底板架構。
2. 行動瀏覽採用的與YAHOO，FB及MSN相同技術，以PHP判斷使用者瀏覽裝置後讀取對應佈景，非RWD框架採用WebApp技術，手機版內容配置可以跟電腦版不相同，但資料卻是使用相同後台管理，便於維護及兼顧設計美觀。
3. 手機版網站符合行動瀏覽並通過https://search.google.com/ 行動裝置相容測試。
桃園市立石門國中http://www.smjh.tyc.edu.tw/
工作內容包括：
1、全新客製化PSD模板設計( 電腦 and 手機)。
2、Xoops佈景設計/開發(電腦 and 手機)。
3、私有雲伺服器主機lampp建置設定，Xoops網站建置，htaccess加入PHP.INI參數設定。
4、首頁區塊配置，JS動畫製作，JS播放器建置，浮動css三層雙樣式下拉選單按鈕建置隨捲軸對應滑動出現，jQuery分類滑動選單建置，區塊前後台AJAX應用，內容頁面編輯，收納式jQuery搜尋區塊製作。
5、首頁區塊樣式採用JS視差設計，隨捲軸顯示區塊內容。
6、首頁區塊設計採綁定區塊ID工法，管理員可自行調整區塊順序與新增區塊，可自訂區塊ICON圖標。
7、底區塊關於我們內容編排製作，代表圖後台可替換。
8、配置Neil網站設計工坊開發的neilofficebriefing班級處室簡介正式版，並做功能升級。
neilofficebriefing班級處室簡介模組：->前往觀看
9、配置Neil網站設計工坊開發的neilonlinevideo網路影音模組正式版，並做功能升級。
neilonlinevideo網路影音模組：->前往觀看
10、配置Neil網站設計工坊開發的neilalbum電子相簿模組正式版，並做功能升級。
neilalbum電子相簿模組：->前往觀看
11、配置Neil網站設計工坊新2020新開發的neilmfdcms多功能內容管理模組正式版，並做功能升級。
neilmfdcms多功能內容管理模組：->前往觀看
12、配置Neil網站設計工坊新2020新開發的neilfilefolder檔案管理模組正式版，並做功能升級。
neilfilefolder檔案管理模組：->前往觀看
13、配置Neil網站設計工坊新2021新開發的neilsignedup_a線上活動報名模組正式版，並做功能升級。
neilsignedup_a線上活動報名模組：->前往觀看
14、災害示警區塊API橋接建置與CSS樣式設計。
15、配置Neil網站設計工坊商用smtp郵件發信帳號一組。
16、代客安裝Xoops2.5.11主程式及配置所需之Xoops模組，Xoops模組程式開發與樣版修改調整，PHP-smarty與AJAX及CSS3應用。
17、Neodw後台管理系統建置，admin能透過後台更新網站中JS播放器圖片，新增與刪除網站按鈕，設定跑馬燈及區塊選單管理等功能。
18、支援手機、平板電腦與桌上型電腦瀏覽。
19、手機瀏覽介面開發製作，通過Google行動裝置瀏覽驗證工作。
20、Edge、Google、Firefox、Vivaldi、Opera瀏覽器兼容修正。
21、網站SEO關鍵字優化，網址提交各大搜尋引擎。
22、配置Neil表單防機器人垃圾留言2.0程式，新增自動清除caches功能，自動清理temp程式。
總計製作工時30天完成，網站目前正常運作中，歡迎大家前往參觀。
