南市校網申請平台

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

<div class="card bg-light border-0 shadow-sm p-3">? 系統官方建議設定值：

<div class="d-flex flex-column gap-2"><span class="fs-5">? **預設狀態：** <span class="text-danger fw-bold">關閉</span></span> <span class="fs-5">? **區塊位置：** <span class="text-primary fw-bold">中間區塊</span></span> <span class="fs-5">? **顯示頁面：** <span class="text-primary fw-bold">僅首頁</span></span></div> </div> </div> </div> </div><div class="container-fluid my-5 pb-4"><div class="row g-4 align-items-center mb-4"><div class="col-12 col-lg-5 text-center"><div class="ck-img-block-v4">![內容列表區塊後台詳細參數配置](https://schoolweb.tn.edu.tw/uploads/tad_book3/image/250.png)</div> <small class="text-muted d-block mt-2">? 點擊圖片可放大檢視後台設定項目</small></div><div class="col-12 col-lg-7"><div class="p-4 bg-white border-start border-4 border-dark shadow-sm rounded">### ⚙️ 區塊配置項目與排版調校說明

後台提供了高度客製化的列表樣式切換，請特別留意「資料單選」與「因應區塊位置調整欄位整合」的搭配邏輯：

</div> </div> </div><div class="row row-cols-1 row-cols-md-2 g-4"><div class="col"><div class="card card-equal-height bg-white border-0 shadow-sm border-start border-4 border-primary p-3">? 1. 資料來源（單選機制）：

⚠️ 系統智慧過濾：列表僅會主動列出目前「已有實體內容」的頁面供選擇。

<div class="ms-2">? **頁面總覽：** 可選全校性的 `所有校園公告 `、 `所有榮譽榜 `、 `所有常用連結 `、 `所有檔案下載 `、 `所有公開資訊 `、 `所有電子書 `。

? **處室頁面：** 指定特定行政處室的特定頁面內容（括號內數字代表該頁面目前已擁有的內容篇數）。

? **專區頁面：** 指定特定主題專區的特定分頁內容（括號內數字即為現存內容數）。

</div> </div> </div><div class="col"><div class="card card-equal-height bg-white border-0 shadow-sm border-start border-4 border-success p-3">? 2. 顯示數量：

請根據前台佈局評估\*\*適量填寫即可\*\*。不建議設定過多筆數，以維持網頁垂直長度的精簡，並提供更佳的無障礙鍵盤焦點跳轉體驗。

</div> </div><div class="col"><div class="card card-equal-height bg-white border-0 shadow-sm border-start border-4 border-info p-3">? 3. 顯示方式（外觀密集度）：

系統內建兩種 Bootstrap 列表外觀風格：

<div class="ms-3 fs-6"><span class="fw-bold text-dark">? 以表格顯示：</span> 標準直觀的表格排版。  
 <span class="fw-bold text-primary">? 以緊湊表格顯示：</span> 內距（Padding）較前者更加緊密，可在有限空間內呈現更多文字訊息。</div> </div> </div><div class="col"><div class="card card-equal-height bg-white border-0 shadow-sm border-start border-4 border-warning p-3">? 4. 是否整合成一欄（響應式位置搭配關鍵）：

此欄位設定需與區塊在網頁上的\*\*放置位置\*\*進行完美搭配：

<div class="ms-3 fs-6"><span class="text-danger fw-bold">? 整合成一欄（推薦側邊欄）：</span> 如果打算將此區塊放置在網頁的**「左側」或「右側」窄版區塊**，強烈建議選擇此項，讓資料自動垂直堆疊。  
 <span class="text-success fw-bold">? 使用預設欄位（推薦中間欄）：</span> 如果區塊是放置在視野寬廣的**「中間區塊」**，選擇此項即可呈現完整的多欄位列表。</div> </div> </div> </div> </div><div aria-hidden="true" class="modal fade" id="imgNModal249" 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>![放大圖片249](https://schoolweb.tn.edu.tw/uploads/tad_book3/image/249.png)</div> </div> </div> </div><div aria-hidden="true" class="modal fade" id="imgNModal250" 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>![放大圖片250](https://schoolweb.tn.edu.tw/uploads/tad_book3/image/250.png)</div> </div> </div> </div>

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

請點此觀看解決辦法。

對每個網站都有用喔！

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

南市校網申請平台

主內容區域

MarkDown

左邊區域內容

右邊區域內容

頁尾區域