南市校網申請平台

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

<div class="accessibility-note-v2 mb-3">♿ 網頁無障礙警示（WCAG 2.1 AA 規範）：

系統預設的色彩配置**並不符合無障礙文字對比度要求**（未達 4.5:1）。為了保障視障與低視能使用者的閱讀權益，請管理員在啟用時，務必參考下方步驟二調整區塊底色。

</div><div class="p-3 bg-light rounded border-start border-4 border-primary">? 系統官方建議設定值：

<div class="d-flex flex-column gap-1 fs-5"><span>? **狀態：** <span class="text-success fw-bold">啟用</span></span> <span>? **區塊位置：** <span class="text-primary fw-bold">中間區域</span>（首頁黃金看板區）</span> <span>? **顯示頁面：** <span class="text-primary fw-bold">僅首頁</span></span></div> </div> </div> </div> </div><div class="container-fluid my-5 border-bottom pb-4"><div class="row g-4 align-items-center mb-4"><div class="col-12 col-lg-4 text-center"><div class="ck-img-block-p">![午餐區塊參數設定界面](https://schoolweb.tn.edu.tw/uploads/tad_book3/image/125.png)</div> <small class="text-muted d-block mt-2">? 點擊圖片可放大檢視後台選項參數設定</small></div><div class="col-12 col-lg-8"><div class="p-4 bg-white border-start border-4 border-dark shadow-sm rounded">### ⚙️ 區塊選項參數配置指南

後台提供了非常彈性且細緻的控制選項，用以微調前台菜單的外觀。

</div> </div> </div><div class="row g-4"><div class="col-12 col-md-6 col-lg-4"><div class="card card-equal-height bg-white border-0 shadow-sm border-start border-4 border-primary p-3">? 1. 圖片尺寸與版面布局：

<div class="fs-6 text-muted">? **圖片寬度 / 高度：** 預設值為 `100px`，為了維持菜色照片的清晰度與辨識度，不建議將數值設得太小。

? **直式或橫式切換：** 預設為「橫式」（適合中間寬版區域）。若欲將此區塊放置於網頁的**左右兩側側邊欄**，強烈建議改選「**直式**」以符合窄版空間。

</div> </div> </div><div class="col-12 col-md-6 col-lg-4"><div class="card card-equal-height bg-white border-0 shadow-sm border-start border-4 border-success p-3">? 2. 字型樣式與校名自訂：

<div class="fs-6 text-muted">? **文字級距樣式：** 菜色種類（如主食、主菜）預設為 `font-size: 1.2rem;`（放大為 120%）；菜色名稱預設為 `1rem`（維持 100% 原尺寸）。

? **校名與 CSS 設定：** 預設為短校名且字體放大為 110%（`font-size: 1.1rem;`）。若學校欲直接連動智餐平台的預設名稱，請將此欄位\*\*完全清空\*\*即可。

</div> </div> </div><div class="col-12 col-md-12 col-lg-4"><div class="card card-equal-height bg-white border-0 shadow-sm border-start border-4 border-danger p-3">♿ 3. 核心色彩對比度配置（重中之重）：

<div class="fs-6 text-dark">? **主食底色 / 其他底色：** 請務必配合文字顏色進行色彩微調，確認其對比度符合 **4.5:1** 以上的數位無障礙 A/AA 級規範標準！

? **文字顏色：** 系統預設為純白 `#ffffff`，此欄位即是用來與上述設定的底色進行對比度公式計算的基準。

</div> </div> </div><div class="col-12"><div class="card bg-light border-0 shadow-sm border-start border-4 border-secondary p-3">? 4. 供應商顯示與註解區字數限制注意事項：

<div class="fs-6 text-muted"><span class="me-3">? **是否顯示供應商：** 此功能為後台保留設定，目前系統暫無實體前台功能。</span> <span>? **註解文字欄位：** 本欄位設有\*\*嚴格的字數限制\*\*。若校方需要填入較多字數的午餐宣導或說明，請優先移步至 **「初始化設定」 > 「今日午餐資訊的說明」** 進行完整配置。</span></div> </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-p">![符合無障礙標準的外觀與重新擷取功能](https://schoolweb.tn.edu.tw/uploads/tad_book3/image/126.png)</div> </div><div class="col-12 col-md-7">調整完區塊底色後的實體外觀如上圖所示，其文字與底色之間的色彩對比度已順利達到 **4.5:1** 的數位無障礙標準，既美觀又符合檢測規範。

<div class="p-3 bg-light rounded border-start border-4 border-info shadow-sm">?️ 前台資料未正常出現時的處理步驟：

1. 管理員可先點擊選單中的「**點此（另開新視窗）校園食材登錄平臺觀看詳細資訊**」，藉此確認智慧財產平台端目前是否有正常的供餐資料。
2. 若確認智餐平台端確實有資料，請回到校網後台並按下「**重新擷取資料**」按鈕，系統便會立即強制同步，將最新的菜單存回校網資料庫中顯示。
3. ? **暑假與寒假指定日期查閱技巧：** 由於寒暑假期間學校一般不供餐，若為了測試或檢測需要查看過去或特定的日期午餐，可在網址列尾端直接夾帶 `period` 參數來指定日期。例如輸入：  
     `https://網址/?period=2026-06-30` 即可順利強制調閱。
 
 </div> </div> </div> </div><div aria-hidden="true" class="modal fade" id="imgPModal1" 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>![放大圖片124](https://schoolweb.tn.edu.tw/uploads/tad_book3/image/124.png)</div> </div> </div> </div><div aria-hidden="true" class="modal fade" id="imgPModal2" 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>![放大圖片125](https://schoolweb.tn.edu.tw/uploads/tad_book3/image/125.png)</div> </div> </div> </div><div aria-hidden="true" class="modal fade" id="imgPModal3" 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>![放大圖片126](https://schoolweb.tn.edu.tw/uploads/tad_book3/image/126.png)</div> </div> </div> </div>

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

請點此觀看解決辦法。

對每個網站都有用喔！

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

南市校網申請平台

主內容區域

MarkDown

左邊區域內容

右邊區域內容

頁尾區域