使用 Notion 搭建兒童畫室網站

簡介

• Notion 新功能：網站發布，自訂網域名稱
• 範例主題：童心繪園兒童畫室

網站頁面規劃

• 網站頁面包含：
  • 介紹畫室老師
  • 展示小朋友的美術作品
  • 畫室連繫資訊和訪客留言表單

基本操作

• 隱藏側邊欄
• 上傳畫室的 Logo 和主視覺圖
  • 選擇 Custom 和 Upload 上傳圖檔
  • 調整圖片位置

編輯內容

• 插入圖片、文字和分隔線
  • 使用 # 確定字級大小 (標題二，兩個 #)
  • 連續輸入三個 - (減號) 插入分隔線
  • 啟用 Small Text 設定，頁面更簡潔
• 雙欄效果
  • 將文字拉到圖片旁邊排列
  • 插入圖檔和描述文字
  • 制作報名按鈕 (外部工具 Button)
    • 設定按鈕連結至 Google 表單
    • 調整按鈕外觀與對齊方式

設計頁尾

• 雙欄區塊
  • 將子頁面拖曳到其中一欄
  • 修改子頁面的圖示 (表情符號或自訂圖片)
  • 左側填入畫室連繫資訊

畫室師資頁面

• 使用 Callout 區塊
  • 插入老師照片、姓名和簡介
  • 複製區塊後替換內容製作多位老師簡歷

學員作品展示頁面

• 插入資料庫
  • 使用 Table 建立 Database
  • 設定欄位：作品名稱、類型、作者名字
  • 建立「作品類型」預設選項
  • 插入作品圖檔和資料
  • 改變資料庫外觀為 Gallery
  • 顯示額外資訊，調整排列順序
  • 啟用篩選功能，製作分類分頁

連繫我們頁面

• 設計留言表單
  • 使用第三方表單設計網站
  • 插入簡答題和長答題
  • 提交按鈕改成中文顯示，發布並嵌入 Notion
  • 測試表單提交功能
• 嵌入地圖
  • 在 Google 地圖中取得地址嵌入語法
  • 使用 Notion 插入地圖區塊，粘貼語法
  • 使地圖與表單呈現雙欄效果

發布網站

• 分享與發布網站
  • 免費版使用 notion.site 的網址
  • 設定自訂網址（付費功能）
  • 上傳網站縮圖，設置暗色模式和小圖示
  • 設定頁首外觀，製作導覽列
  • 在 GoDaddy 註冊網域並連結至 Notion
  • 修改 DNS 設定 (CNAME 和 TXT 記錄)
  • 將網站轉移到新網址，驗證網域設置

結論

• 使用 Notion 建立即時、高效的兒童畫室網站
• 可自訂網域，提高網站專業度