南市校網申請平台

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

分類、篩選與區塊製作的核心

</div> </div><div class="col-12 col-md-7"><div class="p-3 bg-white border-start border-4 border-danger shadow-sm rounded mb-3">? 頁面存取權限限制：

本功能頁面屬於核心管理層級，**僅有「管理員」或具備 school 模組管理權限者**可以看見並使用。

</div>標籤可以用來做分類，也可以用標籤快速的把各處室或各個頁面的內容給篩選出來，更可以進一步利用標籤來製作各種首頁或專區區塊。因此，好好的花時間設定一下標籤是絕對值得的！

</div> </div> </div> <div class="container-fluid my-5 border-bottom pb-4"><div class="row align-items-center g-4"><div class="col-12 col-md-5"><div class="ck-img-block-n">![標籤管理：選擇頁面類型與批次輸入新標籤](https://schoolweb.tn.edu.tw/uploads/tad_book3/image/298.png)</div> </div><div class="col-12 col-md-7">### ?️ 步驟一：建立新標籤與批次輸入

從標籤管理介面中，可以輕鬆地建立自訂標籤：

1. 首先選擇「**頁面類型**」（例如：公告）。
2. 接著在「**新標籤**」的輸入框中，填入想要設定的標籤名稱。
 
<div class="p-3 bg-light rounded border-start border-4 border-warning">? **高效小技巧：** 如果想要一次設定多個標籤，**請務必使用「半形逗號 ( , )」將各個標籤隔開**，即可快速整批送出建立。

</div> </div> </div> </div> <div class="container-fluid my-5 border-bottom pb-4"><div class="row align-items-center g-4"><div class="col-12 col-md-5"><div class="ck-img-block-n">![標籤調色盤自訂顏色設定](https://schoolweb.tn.edu.tw/uploads/tad_book3/image/299.png)</div> </div><div class="col-12 col-md-7">### ? 步驟二：外觀配色與無障礙標準

標籤建立完成後，系統會提供調色盤工具，讓管理員自由調配每一個標籤的外觀色塊。

<div class="p-3 bg-white border-start border-4 border-primary shadow-sm rounded">♿ 網頁親和力（無障礙檢測）極重要規範：

每個標籤在自訂顏色時，**務必確保文字與背景之間的「色彩對比度」達到 4.5:1 以上**（符合 WCAG AA 級標準）。例如：若選擇了淺色背景，請務必搭配深色文字，以利弱視使用者或盲用螢幕閱讀器清晰辨識。

</div> </div> </div> </div> <div class="container-fluid my-5 pb-4"><div class="row align-items-center g-4"><div class="col-12 col-md-5"><div class="ck-img-block-n">![前台標籤以不同顏色外觀呈現效果](https://schoolweb.tn.edu.tw/uploads/tad_book3/image/300.png)</div> </div><div class="col-12 col-md-7">### ✨ 步驟三：設定完成效果展示

當所有標籤與色彩皆設定完畢並儲存後，前台的公告或文章列表上，**每個標籤就會自動以不同的顏色與精緻的外觀來視覺化呈現**。

<div class="p-3 bg-light rounded border-start border-4 border-info">這樣一來，不僅能大幅提升親師生瀏覽校網時的視覺層次感，也能更直覺、快速地透過點擊標籤找到各處室的重點業務公告！

</div> </div> </div> </div> <div aria-hidden="true" class="modal fade" id="imgNModal298" 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>![放大圖片298](https://schoolweb.tn.edu.tw/uploads/tad_book3/image/298.png)</div> </div> </div> </div><div aria-hidden="true" class="modal fade" id="imgNModal299" 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>![放大圖片299](https://schoolweb.tn.edu.tw/uploads/tad_book3/image/299.png)</div> </div> </div> </div><div aria-hidden="true" class="modal fade" id="imgNModal300" 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>![放大圖片300](https://schoolweb.tn.edu.tw/uploads/tad_book3/image/300.png)</div> </div> </div> </div>

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

請點此觀看解決辦法。

對每個網站都有用喔！

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

南市校網申請平台

主內容區域

MarkDown

左邊區域內容

右邊區域內容

頁尾區域