跳至主內容區
南市校網申請平台
導覽列
:::
回首頁
相關服務
十秒鐘轉為負載平衡版！（2023起已非負載平衡）
網站套用 SSL 方法
升級PHP8+XOOPS2.5.11學校需注意事項
升級PHP8+XOOPS2.5.11常見問題
建置無障礙校網步驟及常見問題
WCAG 2.3 AA 無障礙網站編輯注意事項
提供學校主網站搬移至集中式服務
如何搬移網站到集中式？
集中式校網使用常見問題
討論區
重新取得佈景設定
:::
主內容區域
所有書籍
「無障礙校網建置」目錄
MarkDown
3-6 相簿（等同 tadgallery 電子相簿或 tad_gphoto Google相簿）
選擇後會自動跳轉頁面
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-8 影片（等同 tad_player 影音播放）
無障礙校網建置 ======= <style type="text/css">.ck-img-block-s { overflow: hidden; border-radius: 8px; box-shadow: 0 4px 6px rgba(0,0,0,0.1); } .ck-img-block-s img { transition: transform 0.3s ease; cursor: pointer; } .ck-img-block-s 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-s"></div> </div><div class="col-12 col-md-7">「**榮譽榜**」功能等同 `tad_honor` 榮譽榜，可建立多篇榮譽榜文章。 會新增榮譽榜的行政處室都可以啟用榮譽榜頁面，如此便能開始管理與發布榮譽榜項目。 </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-s"></div> </div><div class="col-12 col-md-7"><div class="p-3 bg-light rounded border-start border-4 border-warning">⚠️ 無障礙叮嚀： 若是從舊網站複製榮譽榜內容過來，**記得一定要先經過 AI 的無障礙調整處理**，避免原始碼中帶有不符合現行無障礙規範的架構。 </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-s"></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-s"></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-s"></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-s"></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-s"></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-s"></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-s"></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-s"></div> </div><div class="col-12 col-md-7">在「設定此頁」的下方提供了三個不同的區塊類型供榮譽榜調度選用。**請注意：此處產生的區塊預設只會顯示該處室的榮譽榜**（若需要跨處室的全局榮譽榜，建議到全局區塊中建立或於後續修改其區塊範圍參數）。 **1. 內容列表區塊（最常用）：** - 放置於**中間主要區域**：建議選擇「使用預設欄位」。 - 放置於**左右兩側區域**：欄位較窄，強烈建議選擇「整合成一欄」。 </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-s"></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-s"></div> </div><div class="col-12 col-md-7">**2. 跑馬燈區塊：** 除了列表之外，也可以啟用動態的跑馬燈功能來輪流滾動呈現處室的榮譽事蹟。 </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-s"></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-s"></div> </div><div class="col-12 col-md-7">**3. 資訊輪播區塊：** 此區塊採用大型圖片看板輪播模式，**非常適合在該處室發布的榮譽榜都有確實上傳精美封面圖**的情況下啟用。 </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-s"></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="imgSModal1" 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="imgSModal2" 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="imgSModal3" 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="imgSModal4" 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="imgSModal5" 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="imgSModal6" 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="imgSModal7" 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="imgSModal8" 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="imgSModal9" 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="imgSModal10" 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="imgSModal11" 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="imgSModal12" 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="imgSModal13" 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="imgSModal14" 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="imgSModal15" 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-6 相簿（等同 tadgallery 電子相簿或 tad_gphoto Google相簿）
