:::
🔍 點擊圖片可放大檢視「學校簡介」管理區塊
🔍 點擊圖片可放大檢視舊網站網頁編輯器區塊
🔍 點擊圖片可放大檢視編輯器下方的 AI 工具列
🔍 點擊圖片可放大檢視 Monica 網頁對話介面
🔍 點擊圖片可放大檢視 AI 輸出與複製模式選單
🔍 點擊圖片可放大檢視新編輯器貼上代碼畫面
🔍 點擊圖片可放大檢視編輯器還原預覽與儲存按鈕
🔍 點擊圖片可放大檢視舊網站原始排版畫面
🔍 點擊圖片可放大檢視符合無障礙規範的新版介面
🔍 點擊圖片可放大檢視主導覽列選單連動畫面
主內容區域
2-3 學校簡介

步驟一、啟動學校簡介新增頁面
學校簡介一般都是從學校的舊網站把學校簡介複製過來,所以我們在初始化介面點擊「學校簡介」下的「新增頁面」按鈕。

步驟二、擷取舊網站網頁原始碼
先登入學校舊網站,並找到的學校簡介,找出想要複製的頁面,例如「學校沿革」。
先點編輯,然後將編輯器左上角的「原始碼」點下去切換成原始碼介面,然後按瀏覽器右鍵選擇複製。(其實直接複製預覽內容也是可以,但原始碼比較精準)

步驟三、輸入標題並開啟 AI 修正工具
接著切換到無障礙網站,輸入簡介標題,點擊下方 AI 文章修正工具,這邊推薦使用第一個 Monica,來讓 AI 進行文章的調整與修正。

步驟四、將複製內容投放至 Monica AI
連到Monica之後,可能需要先登入。Monica的額度每天有40次免費的額度可以使用,我們把剛剛複製好的原始碼,在輸入框貼上去即可。
此輸入框除了貼原始碼以外,也可以直接複製文章內容貼上也是可以的,貼上後直接按「發送」即可,無須填寫任何提示詞。

步驟五、選擇複製為純文字模式
只要幾秒鐘時間 AI 就會開始自動處理完,我們可以按文章下方的複製按鈕,它有兩種複製模式,請選擇最下面的「複製為純文字」。

步驟六、將修正內容貼入新網站原始碼
接著切回新的無障礙網站,一樣把編輯器切換為原始碼狀態,然後按 Ctrl + V,或者按滑鼠右鍵「貼上」都可以。

步驟七、恢復預覽確認無誤並儲存
再點擊一下「原始碼」按鈕,如此即可恢復成預覽頁面。我們可以稍微看一下頁面顯示是否正常,如果一切都沒問題,可以直接按最下方的「儲存」送出。

步驟八、對照:舊網站顯示狀況
這是原本學校舊網站的頁面顯示狀況。

步驟九、對照:新網站 AI 處理後顯示效果
這是用AI處理後的顯示狀況,通常會更美觀,而且顏色對比度也會自動調整為符合無障礙的需求。
此時左邊的「學校簡介」區塊也會出現一個新的選項,也就是我們剛剛新增的文章。

步驟十、主導覽列選單同步自動更新
同時,上方導覽列的學校簡介也會出現一篇學校沿革。

2-2-4-1 行政人員登入