你 Canva 了沒？讓你輕鬆打造網站的秘密武器

Canva 不只是在簡報、影片、社群媒體…等有很優秀的表現，在製作網頁的領域也是不容小覷，不論是一般的 Canva 專案類型可以發佈為四種網頁風格的網站頁面，也可以透過「網站」範本快速製作出具有 RWD 響應式網頁與擁有 Canva 免費網域名稱或綁定客製化網域名稱，這使得 Canva 成為一個非常方便、易用的網站建立工具，即使您沒有任何網頁開發的經驗，也可以輕鬆地建立您自己的網站。

※ 20230807 補充：

如果同學有加入老師建立的 Canva 教室，建立的網站必須經過按下「傳送給教師」，等待老師的「審核通過」，才會出現「發佈網站」的相關按鈕。




一、將一般 Canva 專案發佈為網站

當您完成 Canva 設計中的簡報、影片、心智圖…等專案時，除了可以使用標準的「分享連結」外，也可以將其發佈為以網頁方式呈現的網站。


Canva 提供四種網頁風格：簡報、捲動、經典導覽與標準





二、符合 RWD 的專業網站製作

如果您需要更專業的網頁設計，Canva 也提供了眾多的「網站」範本，來簡化網站製作的流程。Canva 專業網站發佈的方式，與 Google 協作平台很類似：

  • 網站可以使用 Canva 免費網域或是自己的網域名稱(免費帳號無法使用此功能)
  • 若要更新網站的內容，需要重新發佈一次，也可以隨時取消發佈
  • 提供網站流量統計資訊



1. 開啟「頁面檢視」，並設定每個頁面的「標題」做為網頁選單名稱


↓ 依下圖方式設定每個頁面的「標題」




↓ 下圖是在網頁開啟發佈網站




2.「發佈網站」的第一個步驟：

選擇是否需要 RWD「在行動裝置上調整尺寸」的版面與發佈到 Canva 免費網域、透過 Canva 購買新網域或是發佈至現有的網域上。


3. 「發佈網站」的第二個步驟：

第一次發佈 Canva 網站時，會需要先設定如下圖的「子網域」，您可以自行設定一個尚未被使用的子網域名稱。




4. 「發佈網站」的第三個步驟：

檢查 Canva 網站設定是否正確，設定我的最愛圖示、是否需要使用「密碼保護」(密碼將會透過 email 寄給您，目前學生無法核選此項功能)、是否在搜尋引擎隱藏我的網站。

※ 使用 Canva 教育版的學生帳號發佈網站時，需要經過教師的核准才能正式發佈，而且未來有更新時，也需要經過教師的核准。

※ 我的最愛圖示可以使用 JPG 或是 PNG 圖檔，大小最小 180 X 180 像素、最大 280 X 280 像素。




5. 「發佈網站」的第四個步驟：

正式發佈 Canva 網站，並檢視已上線的網站呈現。





6. 更新網站內容時，需先「解除鎖定」才能編輯並重新發佈：




三、Canva 專業網站製作 FAQ

以下整理一些在使用 Canva 專業網站製作時，可能會遇到的幾個常見問題與解決的途徑。

1.可以發佈幾個 Canva 網站？

  • Canva 免費網域：教育版可發佈不限數量的網站
  • 自訂網域：付費版最多 5 個、教育版最多 1 個


2.子網域名稱是否可以更換？從「帳號設定/網域」進行管理


3.發佈第二個、第三個 Canva 網站時，將以您之前所設定的 Canva 網域名稱為主，如 harmonica80.my.canva.site ，在其後方設定「子目錄」的方式，做為其專屬網址。




4.「只允許取代內容」可以更新內容但不能移動元素位置，避免不小心動到版面編排。

此功能只有在「不顯示頁面檢視」的狀態下，可以在頁面的左側選單中找到它。










四、Canva 網站製作教學影片












※ 使用 AI 輔助撰寫部落格文章

這是第一次嚐試使用 AI 進行輔助撰寫部落文章，可以看得出 AI 在整理大綱、提供文章標題的優越表現，真的比我們慢慢思考來得快很多！但是，也會發現在 Canva 網頁功能的描述上，真的會出現「把沒有的功能說得跟真的一樣」的情形！

所以，在使用 AI 輔助時，跟現在網路上的資訊一樣，有的是真的，也有不少假的資料，如何去判斷 AI 說的是真是假，相信未來也會列入「資訊素養」，成為現在全民都必須了解的知識。

1.請AI先列出參考大綱

AI 真的整理的很快速，很快就把 Canva 製作網頁的一些重點列出來了！


2.請AI列出參考文章標題

常常自己在寫文章時，在標題上需要著磨不少時間，現在 AI 先幫你想一些點子，再來挑選與調整，真的快很多。


3.請AI簡要介紹 Canva 發佈成網頁的功能

目前 Canva 並沒有紅線文字的功能，所以使用AI輔助時，還是需要自行判斷是否「睜眼說瞎話」。







※ 教學資料總整理：


※ Youtube 直播與研習記錄：


※ 延伸閱讀：


留言

張貼留言