輕鬆建立個人網站:步驟與實例分享

更新於 發佈於 閱讀時間約 3 分鐘

上回介紹製作網站的免費軟體Canva功能與使用,近日實際操作,完成了簡單網頁,本篇內容實例說明,如何建立新網站,你也可先参考上回介紹的內容網址如下:

https://vocus.cc/article/68a5e354fd89780001fcefd6

有興趣的人可以實作,也能輕鬆建立出屬於自己的網站。

操作步驟:

  1. 點擊左上方的「建立」按鈕,進入編輯
raw-image

接著會出現如下圖:[建立設計],右邊空間會出現載入一些 Canva提供的網站範本。

raw-image

你可參考範本,選取適合你的範本後,進入編輯修改,可依據個人喜好和個人需求來設計。如下圖是本篇選取的範本

raw-image

上圖畫面最左邊功能欄,有多種功能如[設計],[元素],[文字],[上傳]...等等,你可選擇加入[元素] ,[文字],[上傳]等功能,來設計網站內容.

本次使用文字格式樣式,試算表表格記入事項,表格內容文字再作連結至外網,或崁入式影音播放,以及上傳圖片檔之應用。

[上傳],我的私人照片

[上傳],我的私人照片

2. 編輯完後,儲存設計

網站設計內容,於右方空間呈現,可以瀏覽檢視,不滿意再修改。本篇網站內容,多次依個人喜好,作多次修改,中途設計內容,如下參考:

raw-image

多次修改編輯後,記得儲存

3.網站設計完成後,分享網站

當網站設計完成,可以點擊Canva網頁 右上方的「分享」按鈕, 再[複製連結]網址,

你的新網站,可以選取公開檢視(edit)或公開瀏覽(view),可將網址公開分享,提供他人可以於手機或電腦上瀏覽你的新網站。參考下圖:

可分享給他人,於手機或電腦上瀏覽本篇網站

可分享給他人,於手機或電腦上瀏覽本篇網站

取得網址後,可在手機或電腦瀏覽,為方便使用,可以在手機或電腦桌面新設圖示,

點擊圖示,即可瀏覽該網站。如下圖:

手機上圖示"linct的生活世界",點擊後便可瀏覽

手機上圖示"linct的生活世界",點擊後便可瀏覽

電腦桌面上 的圖示 "linct的生活世界",點擊後便可瀏覽

電腦桌面上 的圖示 "linct的生活世界",點擊後便可瀏覽


本次完成網站: linct的生活世界,請瀏覽參考如下:

linct的生活世界 for view

本站內容可點擊觀看外部網站影音,或閱覽外部網站文章,以及條列式行程計畫項目。各項目內容均可修改更新或追加,刪除,極為簡易方便

若一段時間後,需要更新,追加,刪除項目,可以隨時進入編輯修改,編輯完後,儲存即可,原網址不會變更,故取得原網址的人,亦可瀏覽到更新後的最新網頁內容。若你重新建立新網站,則須再一次分享,取得新的網址,再提供新網址給朋友。

---by linct-----

留言
avatar-img
留言分享你的想法!
avatar-img
linct的沙龍
72會員
230內容數
樂趣體驗紀錄,沙龍房間有歌唱,生活,科技
linct的沙龍的其他內容
2025/08/21
Canva 是一款廣受歡迎的線上設計軟體,讓使用者可以輕鬆地製作各種網頁內容, 以其友善的使用者界面和豐富的設計模板而聞名,即使沒有設計基礎的人也能快速上手,製作出專業水準的作品,Canva提供免費版本,也提供付費的Canva Pro 和Canva for Teams 版本,Canva for En
Thumbnail
2025/08/21
Canva 是一款廣受歡迎的線上設計軟體,讓使用者可以輕鬆地製作各種網頁內容, 以其友善的使用者界面和豐富的設計模板而聞名,即使沒有設計基礎的人也能快速上手,製作出專業水準的作品,Canva提供免費版本,也提供付費的Canva Pro 和Canva for Teams 版本,Canva for En
Thumbnail
2025/07/29
〈不必開啟EXCEL之下,自動化Excel資料計算〉如下参考vbs程式設計,謝謝 https://vocus.cc/article/68830b5dfd897800016ed485
2025/07/29
〈不必開啟EXCEL之下,自動化Excel資料計算〉如下参考vbs程式設計,謝謝 https://vocus.cc/article/68830b5dfd897800016ed485
2025/07/25
本篇文章說明如何使用 VBScript 程式自動計算 Excel 表格資料,提升工作效率。文章包含程式設計說明、執行方法、以及程式碼範例。此程式可自動讀取 Excel 檔案,計算多個項目,並將結果寫回 Excel 檔案。
Thumbnail
2025/07/25
本篇文章說明如何使用 VBScript 程式自動計算 Excel 表格資料,提升工作效率。文章包含程式設計說明、執行方法、以及程式碼範例。此程式可自動讀取 Excel 檔案,計算多個項目,並將結果寫回 Excel 檔案。
Thumbnail
看更多
你可能也想看
Thumbnail
透過蝦皮分潤計畫,輕鬆賺取零用金!本文分享5-6月實測心得,包含數據流程、實際收入、平臺優點及注意事項,並推薦高分潤商品,教你如何運用空閒時間創造被動收入。
Thumbnail
透過蝦皮分潤計畫,輕鬆賺取零用金!本文分享5-6月實測心得,包含數據流程、實際收入、平臺優點及注意事項,並推薦高分潤商品,教你如何運用空閒時間創造被動收入。
Thumbnail
單身的人有些會養寵物,而我養植物。畢竟寵物離世會傷心,植物沒養好再接再厲就好了~(笑)
Thumbnail
單身的人有些會養寵物,而我養植物。畢竟寵物離世會傷心,植物沒養好再接再厲就好了~(笑)
Thumbnail
不知你有沒有過這種經驗?衛生紙只剩最後一包、洗衣精倒不出來,或電池突然沒電。這次一次補貨,從電池、衛生紙到洗衣精,還順便分享使用心得。更棒的是,搭配蝦皮分潤計畫,愛用品不僅自己用得安心,分享給朋友還能賺回饋。立即使用推薦碼 X5Q344E,輕鬆上手,隨時隨地賺取分潤!
Thumbnail
不知你有沒有過這種經驗?衛生紙只剩最後一包、洗衣精倒不出來,或電池突然沒電。這次一次補貨,從電池、衛生紙到洗衣精,還順便分享使用心得。更棒的是,搭配蝦皮分潤計畫,愛用品不僅自己用得安心,分享給朋友還能賺回饋。立即使用推薦碼 X5Q344E,輕鬆上手,隨時隨地賺取分潤!
Thumbnail
身為一個典型的社畜,上班時間被會議、進度、KPI 塞得滿滿,下班後只想要找一個能夠安靜喘口氣的小角落。對我來說,畫畫就是那個屬於自己的小樹洞。無論是胡亂塗鴉,還是慢慢描繪喜歡的插畫人物,那個專注在筆觸和色彩的過程,就像在幫心靈按摩一樣,讓緊繃的神經慢慢鬆開。
Thumbnail
身為一個典型的社畜,上班時間被會議、進度、KPI 塞得滿滿,下班後只想要找一個能夠安靜喘口氣的小角落。對我來說,畫畫就是那個屬於自己的小樹洞。無論是胡亂塗鴉,還是慢慢描繪喜歡的插畫人物,那個專注在筆觸和色彩的過程,就像在幫心靈按摩一樣,讓緊繃的神經慢慢鬆開。
Thumbnail
這篇涵蓋了 Notion 建立網站的基礎,還有免費的教學資源,讓你不用寫程式,就能用 Notion 快速建立個人網站! Notion 簡易入口網站適合學生、求職、接案、小店家使用,能快速產出一個網站,節省成本又快速方便。
Thumbnail
這篇涵蓋了 Notion 建立網站的基礎,還有免費的教學資源,讓你不用寫程式,就能用 Notion 快速建立個人網站! Notion 簡易入口網站適合學生、求職、接案、小店家使用,能快速產出一個網站,節省成本又快速方便。
Thumbnail
如果你也想發展個人自媒體,推薦不妨也先從擁有一個自己的網站開始吧!你是不是想架設一個自己的網站,卻不知道該如何開始呢?很多人也好奇自己架設網站要錢嗎?這裡就也來分享常見的幾種自媒體架站方式,讓你可以更清楚瞭解喔!
Thumbnail
如果你也想發展個人自媒體,推薦不妨也先從擁有一個自己的網站開始吧!你是不是想架設一個自己的網站,卻不知道該如何開始呢?很多人也好奇自己架設網站要錢嗎?這裡就也來分享常見的幾種自媒體架站方式,讓你可以更清楚瞭解喔!
Thumbnail
前言與本文適合對象 本篇電子書是在幫目前已經有在經營的自媒體在更往上提升,所以不會教如何架設網站、主機操作與設定等。 如果真的想要自己架設網站的可以參考:網站帶路姬 想要找部落格主機代管的可以找:金城事務所 我自己的建議是架站跟主機選擇都不是創作者需要學習的,可以交給專業的服務商幫你
Thumbnail
前言與本文適合對象 本篇電子書是在幫目前已經有在經營的自媒體在更往上提升,所以不會教如何架設網站、主機操作與設定等。 如果真的想要自己架設網站的可以參考:網站帶路姬 想要找部落格主機代管的可以找:金城事務所 我自己的建議是架站跟主機選擇都不是創作者需要學習的,可以交給專業的服務商幫你
Thumbnail
自架網站的優點包括完全控制網站的設計和功能,自定義擴展和調整空間,無需依賴第三方平台;此外,網站擁有者可以選擇最佳的安全措施和SEO策略,提升網站的安全性和可見性。 然而,自架網站的缺點是需要技術知識和時間成本,設置和維護較為複雜,初期投入費用較高,且若缺乏技術支持,可能會遇到技術問題難以解決。
Thumbnail
自架網站的優點包括完全控制網站的設計和功能,自定義擴展和調整空間,無需依賴第三方平台;此外,網站擁有者可以選擇最佳的安全措施和SEO策略,提升網站的安全性和可見性。 然而,自架網站的缺點是需要技術知識和時間成本,設置和維護較為複雜,初期投入費用較高,且若缺乏技術支持,可能會遇到技術問題難以解決。
Thumbnail
這篇文章教你如何製作側邊欄,包括準備工作、HTML和CSS的部分,還有一些互動效果。文章涵蓋了連結、圖片、超連結、大小、顏色、排版、flex和滑鼠互動等內容。
Thumbnail
這篇文章教你如何製作側邊欄,包括準備工作、HTML和CSS的部分,還有一些互動效果。文章涵蓋了連結、圖片、超連結、大小、顏色、排版、flex和滑鼠互動等內容。
Thumbnail
你好,在下最近在學習開發web,學了html css js,也得出一些心得,由於網路上已有許多教學,所以我會著重在如何開發出to do List,以及解釋我寫的程式碼。相關的教學我會直接貼網址。如果我有什麼地方出錯,或者是可以寫得更好,歡迎在下方留言,討論。 首先先介紹我的開發環境: 我用了vs
Thumbnail
你好,在下最近在學習開發web,學了html css js,也得出一些心得,由於網路上已有許多教學,所以我會著重在如何開發出to do List,以及解釋我寫的程式碼。相關的教學我會直接貼網址。如果我有什麼地方出錯,或者是可以寫得更好,歡迎在下方留言,討論。 首先先介紹我的開發環境: 我用了vs
Thumbnail
本文介紹瞭如何寫 HTML 標籤,製作一個簡單的自我介紹網頁。透過介紹寫標籤的實例,讓讀者能夠更瞭解如何在 HTML 中使用不同的標籤。
Thumbnail
本文介紹瞭如何寫 HTML 標籤,製作一個簡單的自我介紹網頁。透過介紹寫標籤的實例,讓讀者能夠更瞭解如何在 HTML 中使用不同的標籤。
Thumbnail
本文章介紹了建立網頁的整個流程,包括設置 Templates, Views, Urls 等步驟。透過這些步驟,大家便能創建一個新的網頁,並成功測試。
Thumbnail
本文章介紹了建立網頁的整個流程,包括設置 Templates, Views, Urls 等步驟。透過這些步驟,大家便能創建一個新的網頁,並成功測試。
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News