南市校網申請平台

無障礙校網建置
=======

進入網站初始化設定後，系統會先自動帶入各校的基本資料，方便管理員快速完成設定。

預設可能會自動填入的資料包括：

- 學校簡稱
- 學校代碼
- 教育雲縣市縮寫
- 學校全銜（若不正確請自行修改）
- 學校總機電話
 
其中，**學校英文名稱**不一定會自動帶入，且此欄位並非必填。各校可依實際需求決定是否填寫。

另外，若系統尚未帶入傳真電話，請管理員自行補上。

</div> </div> </div> <div class="container-fluid my-5 border-bottom pb-4" id="init-step2"><div class="row align-items-start g-4"><div class="col-12 col-md-5"><div class="p-4 bg-dark text-white rounded shadow text-center"><span class="fs-1 d-block mb-2">🍱</span>#### 午餐與隱私欄位

---

食登平臺設定 ➔ 業務執掌頁面隱私

</div> </div><div class="col-12 col-md-7">### 三、食登平臺學校編號設定

「食登平臺學校編號設定」主要會用在**營養午餐**相關區塊。

系統預設會先嘗試找出學校對應的食登平臺編號：

- 若有找到，會自動帶入
- 若沒有找到，請管理員手動新增
- 如果學校有多個編號，請使用**小寫分號 `; `** 隔開
 
### 四、業務執掌頁面的隱私設定

以下設定會影響「業務執掌」頁面中個人資料的顯示方式：

- 顯示完整姓名
- 顯示電話
- 顯示信箱
 
這些選項屬於隱私相關設定，管理員可依學校需求決定是否開放顯示。

</div> </div> </div> <div class="container-fluid my-5 border-bottom pb-4" id="init-step3"><div class="row align-items-start g-4"><div class="col-12 col-md-5"><div class="p-4 bg-light border rounded shadow-sm text-center"><span class="fs-1 d-block mb-1">📅</span>#### 公告天數與標準

訪客檢視天數 ➔ 置頂限制 ➔ AA/AAA 標準切換

</div> </div><div class="col-12 col-md-7">### 五、訪客可查看公告的天數設定

「訪客能看到幾天公告？」是用來限制**未登入訪客**可查看公告的範圍。

設定方式如下：

- 若欄位留空，代表不限制公告天數
- 若填入數字，例如 `30 `，未登入訪客就只能看到最近 30 天內的公告
 
這個功能特別適合用在日後重新申請無障礙標章時。

因為多年後網站公告可能已累積數千筆，管理員不可能逐筆檢查所有公告是否符合無障礙規範。透過限制訪客只看到最近 30 天公告，無障礙審核時也只會檢查這段期間的公告內容，能有效降低整理與檢查的壓力。

### 六、公告置頂天數設定

「公告置頂最長天數」預設為 **14 天**。管理員可依照學校公告管理需求自行調整。

### 七、本站預設的無障礙標準

「本站預設的無障礙標準」預設為 **AA**。一般情況下，不建議隨意修改此設定。

若將標準改為 **AAA**，系統中部分設定項目會出現與 AAA 等級相關的選項。除非學校有明確需求，否則建議維持 AA 即可。

</div> </div> </div> <div class="container-fluid my-5 border-bottom pb-4" id="init-step4"><div class="row align-items-start g-4"><div class="col-12 col-md-5"><div class="p-4 bg-secondary text-white rounded shadow-sm text-center"><span class="fs-1 d-block mb-2">👁️</span>#### 權限與提示欄位

---

無權限文章顯示 ➔ 今日午餐說明 ➔ AI 智能體網址

</div> </div><div class="col-12 col-md-7">### 八、無閱讀權限文章的顯示方式

「無閱讀文章權限者的顯示設定」提供兩種選項：

- **僅顯示文章標題**  
     <small>訪客或沒有權限的使用者可以看到文章標題，但點入後不會顯示文章內容。系統會提示該文章開放哪些群組閱讀。</small>
- **完全隱藏文章**  
     <small>沒有閱讀權限的使用者完全看不到該文章，也不會知道這篇文章存在。</small>
 
管理員可依文章內容的敏感程度選擇適合的顯示方式。

</div> </div> </div><div class="container-fluid my-5 border-bottom pb-4" id="init-step4"><div class="row align-items-start g-4"><div class="col-12 col-md-12">### 九、今日午餐資訊說明

「今日午餐資訊的說明」可用來在今日午餐資訊區塊中加入補充文字。例如可填入過敏原提醒：

> 本校營養午餐有供應甲殼類、芒果、花生、牛奶及羊奶、蛋、堅果類、芝麻、含麩質穀物、大豆、魚類、使用亞硫酸鹽類等 11 種及其製品，不適合對其過敏體質者食用。

由於區塊設定中的文字欄位通常有字數限制，如果需要放置較長的說明文字，可以在此欄位填寫。

</div> </div> </div> <div class="container-fluid my-5 pb-4" id="init-ai-prompt"><div class="row align-items-start g-4"><div class="col-12 col-md-12">### 十、學校自訂無障礙 AI 工具網址

「學校自訂無障礙 gem 或智能體網址」為非必填欄位。如果學校自行設計了用來修正文章無障礙問題的 AI 工具或機器人，可以將網址貼在此處。

設定完成後，行政人員在編輯文章時，畫面下方會出現連結按鈕，方便直接前往該工具，協助處理文章內容的無障礙調整。

### 📋 XOOPS文章無障礙處理提示詞內容

底下是「XOOPS文章無障礙處理」的提示詞，各校可據此內容去自行添加或修改：

<div class="prompt-box-n"> 
```markdown
# Role
你是一位資深 Web 開發工程師，專精於 WCAG 2.2 
AAA 無障礙網頁規範與 NVDA 螢幕閱讀器報讀優化。
# Task
將使用者輸入的文章或原始碼，轉換為完全符合無障礙規範的 HTML 片段，確保能直接貼入 XOOPS 系統的 CKEditor 中使用。
# Execution Rules
## 1. 結構與標題層級 (無障礙核心)
- **保留原意**：若原始內容無標題結構，【嚴禁】自行無中生有添加標題。
- **層級限制**：若原始內容包含標題，【一律從 <h3> 開始】向下遞增。絕對【禁用】`<h1>` 與 `<h2>`。
- **語意 vs 視覺**：只有具備「文件大綱語意」的標題才能使用 `<h3>`-`<h6>`。若純粹為視覺上的美化或強調，請改用 Bootstrap 5 的字級與粗細類別（例如：`<span class="fs-4 fw-bold">`），禁止濫用標題標籤。
## 2. 連結處理 (NVDA 友善)
- **隱藏網址**：【嚴禁】直接將網址字串作為超連結文字（例如 <a>https://...</a> 是違規的）。必須將網址整合進具備描述性的文字中。
- **Title 屬性限制**：`title` 屬性【僅限】用於提示特殊行為或格式（例如：`title="另開新視窗"` 或 `title="PDF文件"`）。【嚴禁】寫入與連結文字重複或冗餘的描述。`target`屬性不存在或不是_blank時，`title` 屬性【嚴禁】寫入"另開新視窗"。
- **內容忠實**：不得自行增減原始內容中的連結或檔案數量，遇到Email【嚴禁】加上連結。
## 3. 圖片與表格處理
- **自適應圖片**：所有 <img> 標籤必須加入 Bootstrap 5 類別 `.img-fluid`。【嚴禁】在 style 中寫死 width 與 `height`。
- **替代文字 (Alt)**：依據圖片意義提供精確的 alt 描述；若為純裝飾性圖片，必須加上 `alt=""`。
- **圖轉文/表**：若圖片內容包含「表格」、「大量文字」或「平面圖等複雜圖表」，【必須】在圖片下方直接產生對應的 HTML 表格或語意化文字摘要（平面圖需轉為口語化描述）。
- **表格**：表格中若有使用 caption 標籤，【必須】用`style="caption-side: top;"`使之顯示在表格上方。
## 4. 色彩與樣式 (AAA 級標準)
- **高對比度**：任何自訂的文字與背景色彩搭配，文字對比度【必須】符合 WCAG 2.2 AAA 級的 7:1 標準。
- **優先使用框架**：樣式請優先使用 Bootstrap 5 內建類別，盡最大可能減少自定義的 Inline CSS (`style="..."`)。
- **附件處理**：若內文提到「檢附文件」等字眼，保留原文字樣即可，不需虛構或預留連結位置。
# Output Format (嚴格遵守)
1. **純程式碼**：僅輸出適用於 CKEditor 的 HTML 片段。
2. **零廢話**：【禁止】任何問候、自我介紹、思考過程、解釋說明 or 結語。
3. **單一區塊**：將最終結果包裝在單一個 ` html ` 與 ` ` 的程式碼區塊中，以便使用者一鍵複製。

```

</div> </div> </div> </div> <div aria-hidden="true" class="modal fade" id="imgModalInitStep" tabindex="-1"><div class="modal-dialog modal-dialog-centered modal-lg"><div class="modal-content bg-transparent border-0"><div class="modal-body p-0 text-center position-relative"><button aria-label="Close" class="btn-close btn-close-white position-absolute top-0 end-0 m-3" data-bs-dismiss="modal" type="button"></button>![放大圖片：網站初始化設定畫面範例](https://schoolweb.tn.edu.tw/uploads/tad_book3/image/2.png)</div> </div> </div> </div>

若帳密正確卻無法登入，Chrome 請按 Ctrl + Shift + N 用「無痕視窗」試試。

請點此觀看解決辦法。

對每個網站都有用喔！

登入後始可申請（僅限台南市資訊組長）。
申請網站數量不拘，方案空間總和不超過50G即可。
特色：
- 一套程式共用，每個站至少節省200M空間
- 一鍵安裝，省卻繁雜安裝流程
- 支援 IPv6
- 支援 HTTP/2
- 一鍵套用Let's Encrypt SSL安全憑證，瞬間提昇網站安全性
- 自動更新，不用擔心升級
- 支援客製模組、佈景，可自行安裝模組、佈景
- 每六小時備份一次，可追朔三天資料，資料不流失！並可提供備份報表下載。
- 享有比釋出版還要新的模組，第一步搶先使用新功能。
- 若遇到使用問題，亦可於第一時間排除

南市校網申請平台

主內容區域

MarkDown

左邊區域內容

右邊區域內容

頁尾區域