歡迎參觀:尼爾網站設計工坊網站 跳到主要內容 網站導覽

會員登入

忘記密碼? 現在註冊!

流量統計

今天: 122
昨天: 516
本週: 2240
本月: 5574
總計: 6368
平均: 62

網站QRcode

尼爾網站設計工坊-網站QRcode
關閉網站選單
:::

內容資訊:網站設計-尼爾網站設計工坊-網站設計


發佈者:admin / 發佈時間:2025-08-16 / 內容狀態:啟用中
:::

網站設計服務

網站設計服務頁面標題圖

尼爾網站設計工坊(Neil Web Design)以XOOPS為核心架站系統,提供專業、安全、穩定的網站建置服務。XOOPS為國際級開源CMS,擁有完整的後台管理與會員機制,歷經全球開發者數十年持續維護,安全性與穩定性表現卓越,並持續進化至今。
若您需要一個專業、美觀、功能齊全、資安等級高、價格實惠的網站,選擇XOOPS是最佳解決方案;交由尼爾網站設計工坊規劃執行,將為您量身打造最適合的網站平台。
我們提供高質感的XOOPS客製化設計服務,涵蓋企業形象、產品展示、學校主題、補教機構與各類專案網站,依據產業特性與品牌風格打造專屬網站,讓您的網站在茫茫雲海中脫穎而出,成為最閃亮的焦點。

流程圖文字描述: 客戶報價 → 同意製作 → 專案成立 → 架構討論 → 設計 PSD 稿(電腦版/手機版) → 客戶審核修改(三次,電腦與手機分開計算) → PSD 定稿確認,同意開發製作 → 按照 PSD 稿進行網站開發作業 → 開發完成,網站正式上線 → 網站操作線上教學 → 結案驗收,執行保固條約。
  • 依據需求客製化設計電腦版與手機版 PSD 設計稿各一式。
  • 依據設計稿進行切版與 CSS 樣式撰寫,採用 Neil 多功能佈景框架作為網站基礎架構。
  • 製作網站首頁,含動畫 Logo、分類選單與導覽元素配置。
  • 整理原始資料與網站架構,依類型進行分類排序與序列化編排,優化內容呈現。
  • 設置 jQuery 三層滑動選單(支援瀏覽權限設定與自訂 ICON),可由後台建立與維護。
  • 採用 Neodw 後台管理系統,內建跑馬燈、SEO 關鍵字、圖片播放器、全國據點,廣告管理,災害示警、隨機小語、聯絡表單、等功能,並支援 AJAX 機器人防護。
  • 主選單支援三級巢狀分類與下拉結構,搭配浮動動畫特效。
  • 首頁導入視差滾動設計與動態區塊效果,提升視覺互動感。
  • 整合 Neodw 關鍵字管理系統,以 JavaScript 隱藏關鍵字供搜尋引擎抓取,隨內容擴增同步強化 SEO
  • 採用 JSON-LD Schema.org 結構化資料強化 SEO 能見度。
  • 符合 WCAG 2.1 無障礙規範,支援導盲磚(:::)、網站導覽、Accesskey 鍵盤快速鍵,Tab 鍵可遍歷全站內容。
  • 採用 XOOPS CMS 建置,網站與模組具備完整後台介面,內容可由管理者自由維護。
  • 全站模組支援 HTTPS 安全協定,自動辨識與切換 HTTP/HTTPS。
  • 所有 Neil 系列模組皆支援 MySQL 8.0 嚴格模式。
  • 內容頁預設自標題起始顯示,上方區塊為預設收合狀態,可滑動或點擊展開,加速頁面開啟。
  • 相容主流瀏覽器:Edge、Chrome、Firefox、Vivaldi、Opera。
  • 提供 AnyDesk 遠端教學與 LINE 線上即時支援服務。
  • 建立Neil_ISP v2.0分散式爬蟲攻擊智能防禦安全套件功,增加網站安全防護功能。
  • 首頁區塊支援自由排序、內容新增與自訂 ICON,依 PSD 設計稿版型對應配置。
  • 協助網站提交至 Google 搜尋服務,完成驗證與建檔流程。

網站採用模組化後台架構,具備高度彈性擴充能力,並可依不同產業需求(如教育、形象、商務、展示)進行客製化調整,所有模組皆支援權限控管、分層管理,並可依需求選配或停用。支援以下模組功能:

  • 預設內容模組(新聞、FAQ、形象簡介)
  • 圖片與影音展示(支援多圖上傳、影音嵌入、輪播圖)
  • 表單功能(聯絡表單、報名系統、自訂欄位)
  • 文件與檔案下載管理
  • 行事曆與活動公告整合(支援嵌入 Google Calendar)
  • 可選配模組:商品展示、課程報名、活動報名、校刊投稿、組織簡介、班級課表、榮譽事項等
  • 支援依需求安裝 TAD 系列模組(tadtools、tad_repair 等)

 

網站安全防護頁面插圖

近年來隨著 AI 驅動的分散式爬蟲快速進化,傳統防護方式(例如早期的「動態蜜罐」)已全面失效;而 XOOPS 原生的 Protector 套件對於代理池型、多來源 IP 的分散式攻擊更是毫無防禦能力,因此網站常出現:

  • 流量莫名飆高
  • 伺服器延遲異常
  • 頁面無法正常載入
但實際來訪的並非真正使用者,而是海量高速網路爬蟲。例如:【桃園市祥安國小】曾遭遇單日 超過 150,000 次異常請求,造成網站瞬間卡死、效能大幅下降。為全面應對此類 AI 型態的分散式攻擊,我們重新設計並開發:
【分散式爬蟲攻擊智能防禦安全套件】Neil_ISP v2.0
並深度整合至 neillibrary 模組,強化網站的安全性、穩定性與抗壓能力,功能包括:
  • UA 真實性驗證 + 官方搜尋引擎 IP 白名單
  • 聚合攻擊偵測(/16、/24 網段智慧封鎖)
  • Safety 安全等級分級機制(0 / 1 / 2)
  • 行為軌跡分析(Behavior Pattern Detection)
  • 全新動態蜜罐(前後雙層隱形防禦)
  • 關鍵字陷阱點擊計數(可後台調整閥值)
  • 後台管理:解除封鎖 + 人類白名單(Whitelist)
  • 延遲式爬蟲清洗機制(Scheduled Cleanup)
  • 人類救濟機制(Human Recovery System)
  • 同 IP 多設備辨識(cookieid 個別設備追蹤)
Neil_ISP v2.0 已於多所學校及商業網站正式部署並通過實戰壓力測試,證實能有效壓制代理池型、聚合式 AI 爬蟲攻擊。本套件已納入尼爾網站設計工坊的標準服務項目, 可全面提升 XOOPS 平台的雲端安全性、韌性與穩定瀏覽體驗。

 

網站無障礙 AA 功能頁面插圖

為落實「資訊平權」的理念,尼爾網站設計工坊多年來持續投入無障礙技術研發,並成功協助多所國中小取得數位發展部核發的無障礙 AA 級認證標章。 我們全程遵循國際 WCAG 2.1 AA 標準與最新政府法規,打造所有族群都能順利使用的友善網站環境。

無障礙設計功能介紹

無障礙導盲磚(:::)
協助視障使用者快速定位頁面主要區塊,提高閱讀效率。
網站導覽區塊(Site Navigator)
以結構化方式呈現整站架構,使使用者能快速瀏覽並跳轉所需資訊。
鍵盤快速鍵(Access Keys)
全站可用 Tab 與 Enter 完成操作,並支援 Tab + Shift 倒序切換焦點,符合鍵盤操作需求。
圖片播放控制區
針對輪播或動態區塊提供「播放 / 暫停」控制,避免閃爍動態造成干擾。
字型放大與版面縮放(CTRL + 200% / RWD 放大模式)
版面在放大後仍保持穩定、不跑版,支援各項輔助科技工具。
裝置分流機制(AWD 裝置辨識)
依據使用者的裝置自動載入適合的版型,提高行動端使用體驗。
錨點跳轉(AA 專屬快速鍵導航)
  • Alt + A:跳至內容資訊區(文章主內容)
  • Alt + N:跳至內容導引區(模組選單)
提供快速邏輯導引,提升操作效率。
ARIA 標籤與語意結構補強(WAI-ARIA)
精準標記區塊語意,提升螢幕閱讀器的朗讀品質。
標題層級正確配置(H1–H6)
維持清晰的語意層級,讓使用者與輔助科技能正確理解頁面架構。
鍵盤 Tab/Shift+Tab 事件偵測
偵測到鍵盤操作時自動切換無障礙模式,提供更貼近實際需求的操作方式。
文字背景比對符合 4.5:1 標準
確保文字內容在各種設備上都保有良好可讀性。
無障礙模式調整項目
啟動無障礙模式後,網站將自動:
  • 降低整體顏色對比
  • 停止動畫、視差與過度動態效果
  • 調整 DOM 結構,提高鍵盤可操作性
  • 強化螢幕閱讀器的相容性與朗讀流暢度
如需離開無障礙模式,僅需按下 F5 即可恢復一般模式。
無障礙 AA 級網站設計的核心精神,是確保每一位使用者—包含視覺、聽覺、動作或認知功能受限者—都能平等地取得資訊、使用功能並安全完成操作。透過正確的語意化標記、鍵盤友善設計、輔助科技支援與內容呈現最佳化,我們讓網站不只是「能看」,而是 真正能被人人使用。
尼爾網站設計工坊已將上述所有無障礙功能列為標準服務項目,致力打造更友善、更包容、更具資訊平權價值的雲端網站環境。

 

客製化PSD稿設計頁面插圖

尼爾網站設計工坊依據客戶需求設計電腦版與手機版 PSD 設計稿,風格獨特、非套版,素材來源皆為合法付費圖庫,無任何版權疑慮。設計確認後可提供原始 PSD 檔,並提供三次修改(電腦與手機稿分開計算)。

我們所開發的網站均採用 自適應網頁設計(AWD, Adaptive Web Design) 架構,能依據使用者的裝置與操作環境,自動切換 電腦版 手機版 佈景,提供符合不同裝置的專屬介面,兼具效能最佳化與卓越的使用體驗。
我們導入與 Yahoo、Facebook、MOMO 等大型平台同等級的 WebApp 技術 ,支援電腦與手機獨立介面設計,並共用同一套後端資料庫與管理介面,確保前端靈活、後端高效,在開發彈性與長期維護效率之間取得最佳平衡,並大幅優化日常管理操作流程。
此外,網站已通過 Google Lighthouse 行動裝置相容測試,並全面符合 WCAG 無障礙規範的行動操作要求,真正實現原生頂級的行動瀏覽體驗,讓您的網站在設計、效能與可近性上達到完美閉環。

  • 網站完成後提供一年免費保固,期間內如需進行小幅文字調整或圖片更換,不額外收費(不含因自行修改程式碼導致之錯誤修復)。
  • 所有Neil系列模組提供永久除錯服務,但不包含以下情形:
    • 自行升級 PHP、MySQL 或更換伺服器作業系統導致之相容性錯誤。
    • 瀏覽器版本更新造成樣式錯位或排版異常。
    • 擅自修改模組程式碼產生的錯誤。
    • 升級XOOPS主程式後產生之模組相容問題。
  • 網站採用自動化快取清理機制,無需年度維護費,即使長期使用亦可穩定運作。

:::
內容標籤
:::
右方浮動選單
內容資訊