跳至主內容區

南市校網申請平台

:::

主內容區域

選擇後會自動跳轉頁面

3-11 公告(等同 tadnews 的一般公告)

啟用校園公告功能

公告」功能等同 tadnews 的最新消息模組,可建立多篇最新公告,並依照發布日期自動由新到舊排序。

在行政處室分頁下設定啟用或新增「校園公告」功能後,我們就可以在該處室的管理介面點擊「新增公告」。

AI文章修正工具提示

♿ 網站無障礙規範核心注意:

公告是校網最常用的功能,也是無障礙審核人員最注重的地方。因此,發布公告前,務必使用 AI 將欲貼上的內容調整為符合無障礙規範的格式

⚠️ 強烈建議點擊後台提供的「AI 文章修正工具」專屬連結,因為該工具已寫好完整的無障礙提示詞(Prompt),請盡量不要自己隨便找坊間的 AI 任意調整,以免生成不合規的網頁原始碼。

舊校網複製公告內容

? 實用範例演示:

我們先到舊校網隨便找一篇舊公告(如下圖,該公告內文有肉眼直接可見的裸露網址,且沒有完整的連結意義提示文字,這在無障礙審查中屬於不符規範的典型扣分項),我們直接反白標記其公告內文並複製起來。

將內容貼給AI工具

接著切換到 AI 文章修正工具介面,直接在輸入框中貼上剛剛複製的舊公告內容,並點擊「發送」。

複製AI生成的原始碼

AI 會自動根據內建的無障礙提示詞,精確地將公告內容轉換為合規的 HTML 代碼。

它會以程式碼區塊的方式顯示優化後的原始碼,我們直接點擊右上角的「複製」按鈕將其複製起來。

新網切換原始碼貼上

接著回到新網站發布公告的編輯介面,點擊 CKEditor 編輯器左上角的「原始碼」按鈕切換為程式碼模式,隨後將剛才從 AI 複製出來的 HTML 代碼貼進去。

切回所見即所得預覽

若想要確認排版,請再次點擊編輯器左上角的「原始碼」按鈕,切回日常的所見即所得模式。

此時可以清楚看到原本裸露的網址連結,已經被結構化且具明確語意提示的文字所取代,完全符合無障礙網頁規範!

附檔中文命名原則

? 附件檔案處理細節:

如果原來的舊公告帶有附件檔案,也請記得將它們下載到本機。上傳前,務必將檔案重新命名為具有具體意義的「中文名稱」,切勿使用看不懂的英文代碼或亂碼當作檔名。

設定公告標籤與上傳檔案

接著在基本資料區設定好對應的公告「標籤」,並在下方附件欄位「上傳附檔」,完成後通常就可以直接點擊儲存發布了。

公告時間設定頁籤

? 進階排程管理:

若是想要設定預約發布時間(時間到了系統才自動公開)、勾選讓這篇公告在列表中「置頂顯示」、或是設定公告下架時間(一般公告不需特別設定下架時間),都可以切換到「時間設定」頁籤中進行微調。

公告可讀群組頁籤

? 閱讀權限控制:

如果該公告內容涉及機密或特定業務,只想限制特定對象觀看,請切換到「可讀群組」頁籤,勾選允許讀取該文章的群組(如:教職員)。若維持全部不勾選,則代表「完全不限制」,前台任何親師生與大眾皆可點閱。

合規公告發布成果

點擊送出儲存後,呈現在校網前台的就是一篇排版精美且百分之百符合無障礙檢測規範的模範公告了!

附檔格式自動提示

新系統的底層十分貼心,在前台下載附檔的區塊中,系統會自動為附件加上該檔案格式的文字提示(如:.pdf.docx 提示),這也是無障礙 AAA 級規範不可或缺的剛性要求。

進階方法:複製舊站原始碼

⭐ 專家進階技巧:全原始碼轉換法

另外一種能讓排版更精確、更不易出錯的文章遷移方式是:直接進入「舊網站該公告的後台編輯畫面」,將其切換為「原始碼」模式,並把裡面的 HTML 代碼整段複製起來。

將舊碼直接貼給AI

然後將複製好的整段網頁原始碼直接貼給 AI 文章優化工具並送出。透過這種代碼對代碼的方式,AI 判讀原本的段落和超連結時會更加精準。

複製AI生成的更精緻代碼

如此一來,AI 吐回來的轉換結果會顯得更加精緻。不論是點擊代碼視窗右上角的「複製」按鈕,或是下方的「複製為文字」都是可以的。

再次貼入新網公告原始碼

同樣地,切換到新網站的新增公告畫面,點選編輯器左上角的「原始碼」進入編輯模式,並將這段更完美的優化代碼貼進去。

檢視精緻縮排與結構預覽

再度點擊「原始碼」切回所見即所得狀態來進行實時預覽。

您可以發現,採用這個進階方法,不但完全消除了不合規的裸露連結,連原本文章的整體表格結構、縮排與段落層次也保留得極為完整、美觀

套用內容列表區塊

? 前台網頁公告區塊規劃:

當您在處室前台點擊右上角的「設定此頁」時,系統提供了合適的區塊可以直接部署。如果套用「內容列表」區塊,網頁就會以最傳統清晰的新聞條列方式將公告呈現在前台頁面上。

編輯區塊更變資料來源

⚠️ 區塊範圍切換重要觀念:

請注意,在某個特定處室頁面直接拉出的內容列表,預設只會抓取「該處室內」的公告,並非全校的綜合最新消息。若是想把這個區塊修改成全校大會統整的公告牆,請點擊編輯該區塊進行進階修改。

重新選取資料來源為所有校園公告

進入區塊的核心設定欄位後,重新調整「資料來源」選項,將其改點選為「所有校園公告」並儲存。

全校綜合最新消息列表成果

設定完成後,這個內容列表區塊就會打破處室藩籬,自動匯聚並跨處室列出「全校所有單位」的綜合最新公告!

強烈推薦頁籤區塊

? 最佳實務推薦:

雖然內容列表很實用,但學校首頁最常用、最美觀的版面配置首推「頁籤區塊」。關於如何將公告、檔案、連結多合一併呈,詳細操作請密切參考的「2-5-5 頁籤區塊」專章手冊。

跑馬燈公告區塊設定

最後,系統還提供另一種公告專用的「跑馬燈區塊」可供調配選用。

跑馬燈公告前台展示

在現代化網站建置實務上,最新公告通常含有大量重要主旨需要快速點讀,因此跑馬燈型態同樣不屬於熱門常用型態,此處功能僅供學校作為活動花絮或緊急短宣傳之參考調配。

選擇後會自動跳轉頁面

:::

左邊區域內容

搜尋網站
依學校
快速登入
臺南市政府教育局 OpenID 登入
若帳密正確卻無法登入,Chrome 請按 Ctrl + Shift + N 用「無痕視窗」試試。
無法登入怎麼辦?

請點此觀看解決辦法

對每個網站都有用喔!

右邊區域內容

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

頁尾區域