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

更新於 發佈於 閱讀時間約 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的沙龍
69會員
225內容數
樂趣體驗紀錄,沙龍房間有歌唱,生活,科技
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
2025 vocus 推出最受矚目的活動之一——《開箱你的美好生活》,我們跟著創作者一起「開箱」各種故事、景點、餐廳、超值好物⋯⋯甚至那些讓人會心一笑的生活小廢物;這次活動不僅送出了許多獎勵,也反映了「內容有價」——創作不只是分享、紀錄,也能用各種不同形式變現、帶來實際收入。
Thumbnail
2025 vocus 推出最受矚目的活動之一——《開箱你的美好生活》,我們跟著創作者一起「開箱」各種故事、景點、餐廳、超值好物⋯⋯甚至那些讓人會心一笑的生活小廢物;這次活動不僅送出了許多獎勵,也反映了「內容有價」——創作不只是分享、紀錄,也能用各種不同形式變現、帶來實際收入。
Thumbnail
嗨!歡迎來到 vocus vocus 方格子是台灣最大的內容創作與知識變現平台,並且計畫持續拓展東南亞等等國際市場。我們致力於打造讓創作者能夠自由發表、累積影響力並獲得實質收益的創作生態圈!「創作至上」是我們的核心價值,我們致力於透過平台功能與服務,賦予創作者更多的可能。 vocus 平台匯聚了
Thumbnail
嗨!歡迎來到 vocus vocus 方格子是台灣最大的內容創作與知識變現平台,並且計畫持續拓展東南亞等等國際市場。我們致力於打造讓創作者能夠自由發表、累積影響力並獲得實質收益的創作生態圈!「創作至上」是我們的核心價值,我們致力於透過平台功能與服務,賦予創作者更多的可能。 vocus 平台匯聚了
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 等步驟。透過這些步驟,大家便能創建一個新的網頁,並成功測試。
Thumbnail
建立自己的網站需要考慮許多因素,包括網站類型、架站軟體的選擇、素材的準備、網域名稱的購買、主機空間的租用、網站設計的進行以及網站被收錄的步驟。透過這些步驟,你可以自己建立一個符合需求的網站,展示你的企業形象、進行電子商務或建立社交媒體平臺等。
Thumbnail
建立自己的網站需要考慮許多因素,包括網站類型、架站軟體的選擇、素材的準備、網域名稱的購買、主機空間的租用、網站設計的進行以及網站被收錄的步驟。透過這些步驟,你可以自己建立一個符合需求的網站,展示你的企業形象、進行電子商務或建立社交媒體平臺等。
Thumbnail
對於網頁製作新手來說,自己架設網站絕對是可行的。現代的網頁製作工具和平台設計得十分用戶友好,即使沒有網頁開發背景,也能輕鬆上手。在選擇網頁製作平台時,需要注意以下幾點: 操作介面:選擇一個操作界面清晰直觀的平台,這有助於您更容易地設計網站和探索各種功能。 功能齊全:確保平台提供您所需的所有功能...
Thumbnail
對於網頁製作新手來說,自己架設網站絕對是可行的。現代的網頁製作工具和平台設計得十分用戶友好,即使沒有網頁開發背景,也能輕鬆上手。在選擇網頁製作平台時,需要注意以下幾點: 操作介面:選擇一個操作界面清晰直觀的平台,這有助於您更容易地設計網站和探索各種功能。 功能齊全:確保平台提供您所需的所有功能...
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News