跳至主內容區
南市校網申請平台
導覽列
:::
回首頁
相關服務
十秒鐘轉為負載平衡版！（2023起已非負載平衡）
網站套用 SSL 方法
升級PHP8+XOOPS2.5.11學校需注意事項
升級PHP8+XOOPS2.5.11常見問題
建置無障礙校網步驟及常見問題
WCAG 2.3 AA 無障礙網站編輯注意事項
提供學校主網站搬移至集中式服務
如何搬移網站到集中式？
集中式校網使用常見問題
討論區
重新取得佈景設定
:::
主內容區域
所有書籍
「無障礙校網建置」目錄
MarkDown
3-10 連結（等同 tad_link 好站連結）
選擇後會自動跳轉頁面
1. 集中式校網平台
1-1 無障礙學校網站建置說明
1-2 我可以隨意裝模組嗎？
1-3 我可以把原本學校佈景匯出拿來這裡匯入用嗎？
1-4 常見的無障礙要求（坑）
2. 初始化設定
2-1 網站初始化設定
2-1-1 在Chrome加入個人用無障礙的 skill
2-2 處室設定
2-2-1 基本資訊
2-2-2 頁面設定
2-2-2-1 「行政處室」選單區塊
2-2-2-2 自由編輯頁面
2-2-3 成員設定
2-2-3-1 成員完整設定
2-2-3-2 成員排序
2-2-3-3 批次新增成員
2-2-3-4 行政職務換人
2-2-4 群組帳號設定
2-2-4-1 行政人員登入
2-3 學校簡介
2-3-1 轉移有包含圖片的文章
2-3-2 主要內容為圖片以及附檔注意事項
2-3-3 學校簡介排序與區塊設定
2-4 導覽列選單設定
2-4-1 選單設定
2-5 區塊管理
2-5-1 行政處室
2-5-2 學校簡介
2-5-3 內容列表
2-5-4 顯示單一內容
2-5-5 頁籤區塊
2-5-6 標籤公告區塊
2-5-7 資訊輪播(有圖片的輪播)
2-5-8 標籤連結
2-5-9 顯示某頁面連結
2-5-10 跑馬燈區塊
2-5-11 今日午餐資訊
2-5-12 請由此登入
2-5-13 下載區塊
2-5-14 標籤雲
2-5-15 大型行事曆
2-5-16 小行事曆
2-5-17 工具列
2-5-18 無障礙標章
2-5-19 AQI空氣品質
2-5-20 天氣預報
2-6 佈景套用
3. 頁面（功能）
3-1 自由編輯
3-2 外連
3-3 父選項
3-4 文章（等同 tadnews 的自訂頁面）
3-5 報導（等同 tadnews 的含封面的公告）
3-6 相簿（等同 tadgallery 電子相簿或 tad_gphoto Google相簿）
3-7 榮譽榜（等同 tad_honor 榮譽榜）
3-8 影片（等同 tad_player 影音播放）
3-9 檔案（等同 tad_uploader 檔案上傳模組）
3-10 連結（等同 tad_link 好站連結）
3-11 公告（等同 tadnews 的一般公告）
3-12 處室成員
3-13 行事曆（等同 tad_cal 行事曆）
3-14 電子書
4. 教職員管理
5. 標籤管理
6. 專區管理
7. 申請無障礙標章
3-12 處室成員
無障礙校網建置 ======= <style type="text/css">.ck-img-block-n { overflow: hidden; border-radius: 8px; box-shadow: 0 4px 6px rgba(0,0,0,0.1); } .ck-img-block-n img { transition: transform 0.3s ease; cursor: pointer; } .ck-img-block-n img:hover { transform: scale(1.04); } </style> <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"></div> </div><div class="col-12 col-md-7">「**公告**」功能等同 `tadnews` 的最新消息模組，可建立多篇最新公告，並依照發布日期自動由新到舊排序。 在行政處室分頁下設定啟用或新增「校園公告」功能後，我們就可以在該處室的管理介面點擊「**新增公告**」。 </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"></div> </div><div class="col-12 col-md-7"><div class="p-3 bg-light rounded border-start border-4 border-danger mb-3">♿ 網站無障礙規範核心注意： 公告是校網最常用的功能，也是無障礙審核人員最注重的地方。因此，發布公告前，**務必使用 AI 將欲貼上的內容調整為符合無障礙規範的格式**。 </div>⚠️ 強烈建議點擊後台提供的「**AI 文章修正工具**」專屬連結，因為該工具已寫好完整的無障礙提示詞（Prompt），請盡量不要自己隨便找坊間的 AI 任意調整，以免生成不合規的網頁原始碼。 </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"></div> </div><div class="col-12 col-md-7">**? 實用範例演示：** 我們先到舊校網隨便找一篇舊公告（如下圖，該公告內文有肉眼直接可見的裸露網址，且沒有完整的連結意義提示文字，這在無障礙審查中屬於不符規範的典型扣分項），我們直接反白標記其公告內文並複製起來。 </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"></div> </div><div class="col-12 col-md-7">接著切換到 AI 文章修正工具介面，直接在輸入框中貼上剛剛複製的舊公告內容，並點擊「**發送**」。 </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"></div> </div><div class="col-12 col-md-7">AI 會自動根據內建的無障礙提示詞，精確地將公告內容轉換為合規的 HTML 代碼。 它會以程式碼區塊的方式顯示優化後的原始碼，我們直接點擊右上角的「**複製**」按鈕將其複製起來。 </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"></div> </div><div class="col-12 col-md-7">接著回到新網站發布公告的編輯介面，點擊 CKEditor 編輯器左上角的「**原始碼**」按鈕切換為程式碼模式，隨後將剛才從 AI 複製出來的 HTML 代碼貼進去。 </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"></div> </div><div class="col-12 col-md-7">若想要確認排版，請**再次點擊**編輯器左上角的「**原始碼**」按鈕，切回日常的所見即所得模式。 此時可以清楚看到原本裸露的網址連結，已經被結構化且具明確語意提示的文字所取代，完全符合無障礙網頁規範！ </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"></div> </div><div class="col-12 col-md-7">**? 附件檔案處理細節：** 如果原來的舊公告帶有附件檔案，也請記得將它們下載到本機。上傳前，**務必將檔案重新命名為具有具體意義的「中文名稱」**，切勿使用看不懂的英文代碼或亂碼當作檔名。 </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"></div> </div><div class="col-12 col-md-7">接著在基本資料區設定好對應的公告「**標籤**」，並在下方附件欄位「**上傳附檔**」，完成後通常就可以直接點擊儲存發布了。 </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"></div> </div><div class="col-12 col-md-7">**? 進階排程管理：** 若是想要設定預約發布時間（時間到了系統才自動公開）、勾選讓這篇公告在列表中「**置頂顯示**」、或是設定公告下架時間（一般公告不需特別設定下架時間），都可以切換到「**時間設定**」頁籤中進行微調。 </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"></div> </div><div class="col-12 col-md-7"><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"></div> </div><div class="col-12 col-md-7">點擊送出儲存後，呈現在校網前台的就是一篇排版精美且百分之百符合無障礙檢測規範的模範公告了！ </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"></div> </div><div class="col-12 col-md-7">新系統的底層十分貼心，在前台下載附檔的區塊中，**系統會自動為附件加上該檔案格式的文字提示**（如：`.pdf`、`.docx` 提示），這也是無障礙 AAA 級規範不可或缺的剛性要求。 </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"></div> </div><div class="col-12 col-md-7"><div class="p-3 bg-light rounded border-start border-4 border-info">⭐ 專家進階技巧：全原始碼轉換法 另外一種能讓排版更精確、更不易出錯的文章遷移方式是：直接進入「舊網站該公告的後台編輯畫面」，將其切換為「**原始碼**」模式，並把裡面的 HTML 代碼整段複製起來。 </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"></div> </div><div class="col-12 col-md-7">然後將複製好的整段網頁原始碼直接貼給 AI 文章優化工具並送出。透過這種代碼對代碼的方式，AI 判讀原本的段落和超連結時會更加精準。 </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"></div> </div><div class="col-12 col-md-7">如此一來，AI 吐回來的轉換結果會顯得更加精緻。不論是點擊代碼視窗右上角的「**複製**」按鈕，或是下方的「複製為文字」都是可以的。 </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"></div> </div><div class="col-12 col-md-7">同樣地，切換到新網站的新增公告畫面，點選編輯器左上角的「**原始碼**」進入編輯模式，並將這段更完美的優化代碼貼進去。 </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"></div> </div><div class="col-12 col-md-7">再度點擊「原始碼」切回所見即所得狀態來進行實時預覽。 您可以發現，採用這個進階方法，不但完全消除了不合規的裸露連結，**連原本文章的整體表格結構、縮排與段落層次也保留得極為完整、美觀**。 </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"></div> </div><div class="col-12 col-md-7">**? 前台網頁公告區塊規劃：** 當您在處室前台點擊右上角的「**設定此頁**」時，系統提供了合適的區塊可以直接部署。如果套用「**內容列表**」區塊，網頁就會以最傳統清晰的新聞條列方式將公告呈現在前台頁面上。 </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"></div> </div><div class="col-12 col-md-7"><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"></div> </div><div class="col-12 col-md-7">進入區塊的核心設定欄位後，**重新調整「資料來源」選項**，將其改點選為「**所有校園公告**」並儲存。 </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"></div> </div><div class="col-12 col-md-7">設定完成後，這個內容列表區塊就會打破處室藩籬，自動匯聚並跨處室列出「全校所有單位」的綜合最新公告！ </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"></div> </div><div class="col-12 col-md-7">? **最佳實務推薦：** 雖然內容列表很實用，但學校首頁最常用、最美觀的版面配置首推「**頁籤區塊**」。關於如何將公告、檔案、連結多合一併呈，詳細操作請密切參考的「[**2-5-5 頁籤區塊**](https://schoolweb.tn.edu.tw/modules/tad_book3/page.php?tbsn=1&tbdsn=31)」專章手冊。 </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"></div> </div><div class="col-12 col-md-7">最後，系統還提供另一種公告專用的「**跑馬燈區塊**」可供調配選用。 </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"></div> </div><div class="col-12 col-md-7">在現代化網站建置實務上，最新公告通常含有大量重要主旨需要快速點讀，**因此跑馬燈型態同樣不屬於熱門常用型態**，此處功能僅供學校作為活動花絮或緊急短宣傳之參考調配。 </div> </div> </div> <div aria-hidden="true" class="modal fade" id="imgNModal1" 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></div> </div> </div> </div><div aria-hidden="true" class="modal fade" id="imgNModal2" 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></div> </div> </div> </div><div aria-hidden="true" class="modal fade" id="imgNModal3" 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></div> </div> </div> </div><div aria-hidden="true" class="modal fade" id="imgNModal4" 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></div> </div> </div> </div><div aria-hidden="true" class="modal fade" id="imgNModal5" 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></div> </div> </div> </div><div aria-hidden="true" class="modal fade" id="imgNModal6" 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></div> </div> </div> </div><div aria-hidden="true" class="modal fade" id="imgNModal7" 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></div> </div> </div> </div><div aria-hidden="true" class="modal fade" id="imgNModal8" 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></div> </div> </div> </div><div aria-hidden="true" class="modal fade" id="imgNModal9" 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></div> </div> </div> </div><div aria-hidden="true" class="modal fade" id="imgNModal10" 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></div> </div> </div> </div><div aria-hidden="true" class="modal fade" id="imgNModal11" 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></div> </div> </div> </div><div aria-hidden="true" class="modal fade" id="imgNModal12" 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></div> </div> </div> </div><div aria-hidden="true" class="modal fade" id="imgNModal13" 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></div> </div> </div> </div><div aria-hidden="true" class="modal fade" id="imgNModal14" 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></div> </div> </div> </div><div aria-hidden="true" class="modal fade" id="imgNModal15" 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></div> </div> </div> </div><div aria-hidden="true" class="modal fade" id="imgNModal16" 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></div> </div> </div> </div><div aria-hidden="true" class="modal fade" id="imgNModal17" 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></div> </div> </div> </div><div aria-hidden="true" class="modal fade" id="imgNModal18" 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></div> </div> </div> </div><div aria-hidden="true" class="modal fade" id="imgNModal19" 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></div> </div> </div> </div><div aria-hidden="true" class="modal fade" id="imgNModal20" 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></div> </div> </div> </div><div aria-hidden="true" class="modal fade" id="imgNModal21" 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></div> </div> </div> </div><div aria-hidden="true" class="modal fade" id="imgNModal22" 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></div> </div> </div> </div><div aria-hidden="true" class="modal fade" id="imgNModal23" 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></div> </div> </div> </div><div aria-hidden="true" class="modal fade" id="imgNModal24" 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></div> </div> </div> </div><div aria-hidden="true" class="modal fade" id="imgNModal25" 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></div> </div> </div> </div>
:::
左邊區域內容
依學校
篩選
若帳密正確卻無法登入，Chrome 請按 Ctrl + Shift + N 用「無痕視窗」試試。
請點此觀看解決辦法
。
對每個網站都有用喔！
右邊區域內容
登入後始可申請（僅限
台南市資訊組長
）。
申請網站數量不拘，方案空間總和不超過50G即可。
特色：
一套程式共用，每個站至少節省200M空間
一鍵安裝，省卻繁雜安裝流程
支援 IPv6
支援 HTTP/2
一鍵套用Let's Encrypt SSL安全憑證，瞬間提昇網站安全性
自動更新，不用擔心升級
支援客製模組、佈景，可自行安裝模組、佈景
每六小時備份一次，可追朔三天資料，資料不流失！並可提供備份報表下載。
享有比釋出版還要新的模組，第一步搶先使用新功能。
若遇到使用問題，亦可於第一時間排除
頁尾區域
3-10 連結（等同 tad_link 好站連結）
