網站創建器(website builder)介紹

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

什麼是網站創建器(website builder)?

網站創建器也叫網站生成器。是指無需編寫代碼即可構建網站的工具(軟件或平台工具)。在網站創建器誕生之前,做網站需要懂代碼,寫代碼,不是一般人就能創作的,例如:如果不用網站創建器或内容管理系統(CMS,Wordpress等)創建網站,那建一個網站你需要 HTML,CSS,JS來做前台,C#來做後台,然後還要使用數據庫來存取網站的內容。換句話來説說,你需要懂的語言有HTML,CSS,JS和C#,注意這只是可以用來做網站的其中一些語言,但不一定要用它們來寫的。是不是聽起來很煩啊,有了網站創建器(website builder)那就不一樣了。

網站創建器的類別:

線上網站創建器(Online Website Builder)

線上網站創建器是您通過瀏覽器訪問平台,在平台上操作網站設計的工作,不需下載軟件安裝,這個網站創建器軟件是安裝在伺服器或雲端伺服器上,只要你可以上網,在任何地方都可以進行網站創建的工作。

離線網站創建器(Offline Website Builder)

其實是指網站設計軟件/程式。一般使用者下載軟件/程式並安裝在其電腦上,然後打開軟件設計頁面等網站元素,除了一開始不用注冊域名,注冊賬戶以外,設計過都是程大同小異,完成整個網站設計后,最後還要上載到伺服器上才算完成。

網站創建器(website builder)是如何工作的?

如今,大多數網站創建器(website builder)使用起來都非常方便,例如:拖放網站元素到創建區而生成網站部分,對齊,編輯文字等功能。一般程序都是:註冊->選擇模板->選擇域名->設計網站->添加應用(plugins)等。主要部分是在設計網站部分,利用拖放網站元件來構成網站,簡單來講就像堆積木一樣,選擇模板步驟是安裝已完成,按主題分好的模板網站,之後的設計只是增加,修改或刪除所有元素重新來設計整個網站.

網站創建器(website builder)評測

Weebly 付費版(Pro Plan)功能評測

Webnode網站創建器評測

留言
avatar-img
留言分享你的想法!
avatar-img
james007的沙龍
0會員
9內容數
james007的沙龍的其他內容
2022/03/24
製作Youtube,影片,廣告或社交平台貼文等都需要用到不同的素材,例如:卡通,背景素材,動態圖等。以下推薦幾個素材庫: motion array envato-elements artgrid影片素材庫評價與教學 免版稅音樂,音效和影片素材庫,最新artlist評價與教學
Thumbnail
2022/03/24
製作Youtube,影片,廣告或社交平台貼文等都需要用到不同的素材,例如:卡通,背景素材,動態圖等。以下推薦幾個素材庫: motion array envato-elements artgrid影片素材庫評價與教學 免版稅音樂,音效和影片素材庫,最新artlist評價與教學
Thumbnail
2022/03/24
helium 10好用嗎? helium 10教學與評價
Thumbnail
2022/03/24
helium 10好用嗎? helium 10教學與評價
Thumbnail
2021/04/22
谷歌於2009年推出了google縮網址服務。短網址便於分享,提供追踪網站URL,流量統計等數據。雖然google縮網址在2018年已經關閉,但你之前建立網址將繼續有效。小編們有沒有找到代替google短網址的方案呢?不用煩心,正所謂方法總比問題多,方案一:你可以自己架設一個縮址的網站,爲自己服務和
Thumbnail
2021/04/22
谷歌於2009年推出了google縮網址服務。短網址便於分享,提供追踪網站URL,流量統計等數據。雖然google縮網址在2018年已經關閉,但你之前建立網址將繼續有效。小編們有沒有找到代替google短網址的方案呢?不用煩心,正所謂方法總比問題多,方案一:你可以自己架設一個縮址的網站,爲自己服務和
Thumbnail
看更多
你可能也想看
Thumbnail
2025 vocus 推出最受矚目的活動之一——《開箱你的美好生活》,我們跟著創作者一起「開箱」各種故事、景點、餐廳、超值好物⋯⋯甚至那些讓人會心一笑的生活小廢物;這次活動不僅送出了許多獎勵,也反映了「內容有價」——創作不只是分享、紀錄,也能用各種不同形式變現、帶來實際收入。
Thumbnail
2025 vocus 推出最受矚目的活動之一——《開箱你的美好生活》,我們跟著創作者一起「開箱」各種故事、景點、餐廳、超值好物⋯⋯甚至那些讓人會心一笑的生活小廢物;這次活動不僅送出了許多獎勵,也反映了「內容有價」——創作不只是分享、紀錄,也能用各種不同形式變現、帶來實際收入。
Thumbnail
嗨!歡迎來到 vocus vocus 方格子是台灣最大的內容創作與知識變現平台,並且計畫持續拓展東南亞等等國際市場。我們致力於打造讓創作者能夠自由發表、累積影響力並獲得實質收益的創作生態圈!「創作至上」是我們的核心價值,我們致力於透過平台功能與服務,賦予創作者更多的可能。 vocus 平台匯聚了
Thumbnail
嗨!歡迎來到 vocus vocus 方格子是台灣最大的內容創作與知識變現平台,並且計畫持續拓展東南亞等等國際市場。我們致力於打造讓創作者能夠自由發表、累積影響力並獲得實質收益的創作生態圈!「創作至上」是我們的核心價值,我們致力於透過平台功能與服務,賦予創作者更多的可能。 vocus 平台匯聚了
Thumbnail
Webflow是一個強大的網站建設平台,它提供了一個直觀且無需編碼的方式來創建精美的網站。無論您是一個新手還是一個有經驗的網站開發者,Webflow都可以滿足您的需求。 Webflow的主要特點之一是它的可視化編輯器。您可以通過拖放元素、設計佈局和編輯內容來建立網站,而無需編寫任何代碼。
Thumbnail
Webflow是一個強大的網站建設平台,它提供了一個直觀且無需編碼的方式來創建精美的網站。無論您是一個新手還是一個有經驗的網站開發者,Webflow都可以滿足您的需求。 Webflow的主要特點之一是它的可視化編輯器。您可以通過拖放元素、設計佈局和編輯內容來建立網站,而無需編寫任何代碼。
Thumbnail
Softr 是一個可以建立網站應用的 NoCode 工具,它提供多元彈性的頁面區塊、會員系統、身份權限設定、第三方串接等功能,讓使用者輕鬆打造想要的軟體服務。不論是微型電商、一頁式商品 / 服務網站,或是數據管理、進度追蹤、庫存管理,甚至是內外部協作的供應商/客戶入口等,都能透過 Softr 來建立
Thumbnail
Softr 是一個可以建立網站應用的 NoCode 工具,它提供多元彈性的頁面區塊、會員系統、身份權限設定、第三方串接等功能,讓使用者輕鬆打造想要的軟體服務。不論是微型電商、一頁式商品 / 服務網站,或是數據管理、進度追蹤、庫存管理,甚至是內外部協作的供應商/客戶入口等,都能透過 Softr 來建立
Thumbnail
前端工程師為了讓網頁呈現在使用者面前時更加美觀,經常需要透過圖表及文字的調整達到前述美觀目的。本篇文章將分別介紹測試圖片網站「Dynamic Dummy Image Generator」及測試文字網站「Lipsum generator:Lorem Ipsum」,讓身為前端工程師或有意成為前端工程師的
Thumbnail
前端工程師為了讓網頁呈現在使用者面前時更加美觀,經常需要透過圖表及文字的調整達到前述美觀目的。本篇文章將分別介紹測試圖片網站「Dynamic Dummy Image Generator」及測試文字網站「Lipsum generator:Lorem Ipsum」,讓身為前端工程師或有意成為前端工程師的
Thumbnail
其實要為專案建立操作介面的方式很多,除了網頁之外,還能另外寫個專門的手機 APP 連線,或是乾脆升級算法,讓我們能隨口喊一聲「嘿OO!」就搞定,不過⋯
Thumbnail
其實要為專案建立操作介面的方式很多,除了網頁之外,還能另外寫個專門的手機 APP 連線,或是乾脆升級算法,讓我們能隨口喊一聲「嘿OO!」就搞定,不過⋯
Thumbnail
本篇適合: > 剛開始學習 HTML / CSS ,對基本語法有了解的人 > 想要快速建立一個一頁式網站,但對 CSS 仍無法很活用的人 初始設定與 Bootstrap 中文版網頁使用 在過去在大學期間擔任助教的過程,常常有人問「Bootstrap」是什麼?一來我也不是什麼前端工程師,我一時也不太知
Thumbnail
本篇適合: > 剛開始學習 HTML / CSS ,對基本語法有了解的人 > 想要快速建立一個一頁式網站,但對 CSS 仍無法很活用的人 初始設定與 Bootstrap 中文版網頁使用 在過去在大學期間擔任助教的過程,常常有人問「Bootstrap」是什麼?一來我也不是什麼前端工程師,我一時也不太知
Thumbnail
不懂寫程式該如何架設網站?在上一篇文章介紹了多款 No Code 架設網站的工具,我想你已對架站的 No Code 工具有一定了解。如果你還未曾試過建立網站,今天就試試由零開始利用 Notion 架設一個簡單的個人網站。 Notion 網站架設準備工作 將 Notion Page 轉為一頁式網頁
Thumbnail
不懂寫程式該如何架設網站?在上一篇文章介紹了多款 No Code 架設網站的工具,我想你已對架站的 No Code 工具有一定了解。如果你還未曾試過建立網站,今天就試試由零開始利用 Notion 架設一個簡單的個人網站。 Notion 網站架設準備工作 將 Notion Page 轉為一頁式網頁
Thumbnail
無論是個人或企業層面,學習使用 No Code 工具和技術都有助提升工作效率。對於個人職涯來說,能夠掌握 No Code 的開發技能,懂得利用相關工具改善流程和解決問題,必能助你在職場上脫穎而出。這篇文章會為大家介紹 7 個 No Code 網站開發工具,並逐一詳細說明它們的特式和架站方法。
Thumbnail
無論是個人或企業層面,學習使用 No Code 工具和技術都有助提升工作效率。對於個人職涯來說,能夠掌握 No Code 的開發技能,懂得利用相關工具改善流程和解決問題,必能助你在職場上脫穎而出。這篇文章會為大家介紹 7 個 No Code 網站開發工具,並逐一詳細說明它們的特式和架站方法。
Thumbnail
這是一篇全面,適合新手學習的Woocommerce教學。  你可以低成本(只需要Server + Domain費用), 就可以透過Wordpress + Woocommerce,去建立網店。  你將會學習:前期Server設置、使用Wordpress、安裝Woocommerce、設立outgoin
Thumbnail
這是一篇全面,適合新手學習的Woocommerce教學。  你可以低成本(只需要Server + Domain費用), 就可以透過Wordpress + Woocommerce,去建立網店。  你將會學習:前期Server設置、使用Wordpress、安裝Woocommerce、設立outgoin
Thumbnail
安裝軟體:ATOM-https://atom.io/ 基本上安裝畫面上的download會顯示您目前所用的工具所需的軟體 這邊顯示是Windows的64-bit就是我所用的~Mac會顯示Mac用的 2.每個軟體學習一開始都是要從HELLO WORLD開始,是因為要確認”環境”是否安裝”完成
Thumbnail
安裝軟體:ATOM-https://atom.io/ 基本上安裝畫面上的download會顯示您目前所用的工具所需的軟體 這邊顯示是Windows的64-bit就是我所用的~Mac會顯示Mac用的 2.每個軟體學習一開始都是要從HELLO WORLD開始,是因為要確認”環境”是否安裝”完成
Thumbnail
如果有接觸過網頁開發的讀者,或者會聽過很多不同的專有名詞,其中不少得Front-end (前端) 和 Back-end (後端)這兩個字詞。有一些網站可能只需要設計師和前端開發者,有些則需要後端開發者和測試人員等等,那究竟前端和後端如何分辨?首先,讓我們搞清楚前端開發是什麼一回事。
Thumbnail
如果有接觸過網頁開發的讀者,或者會聽過很多不同的專有名詞,其中不少得Front-end (前端) 和 Back-end (後端)這兩個字詞。有一些網站可能只需要設計師和前端開發者,有些則需要後端開發者和測試人員等等,那究竟前端和後端如何分辨?首先,讓我們搞清楚前端開發是什麼一回事。
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News