網站架設:17 個網頁設計+製作軟體教學(含影音教學)

如何架設網站?完整網頁設計+製作流程教學(2023)

這是一篇完整的「 網站架設+網頁設計 」教學課程,建置觀念到製作流程,一次學會如何架設網站。

想自己架設網站,像是:部落格架設形象官網製作購物網站架設、個人或公司網站設計等 ..?

你可能覺得委託網頁設計公司的建置費用過高,於是打算自架網站?沒關係,我當初的想法跟你是一樣的。

這篇網頁設計教學,我會用 WordPress 軟體 為主軸進行教學,它是一款全球熱門的網頁製作平台,很適合新手架站。

不需要複雜的流程,只要照著我的文章走(前面幾章節,有用數字標示的),就能完成網域申請 > 虛擬主機租用 > WordPress 網站製作。

★☆ — 重要資訊 — ☆★

犬哥網站與 Bluehost 主機有長期合作關係,點擊網站上的 Bluehost 連結 前往官網(包含點擊此連結),最高可享有 3 折的讀者折扣優惠&免費網域,請一定要把握唷!

此外,我們也會得到些許收益,這可以幫助我們繼續創作更多優質內容,也謝謝你對我們的支持:)

至於其他章節,則是額外的網站架站觀念&多種建置方法懶人包分享,告訴你多種如何架設網站的方法,讓你一次從門外漢進化成高手,本文章節如下。


1. 如何自架網站?

架設網站 3 要素
1. 網域申請
(申請門牌)
2. 主機租用
(租一塊地)
3. 網頁設計
(搭建房子)

網站能正常運作,就需有「 個人網域 」+「 虛擬主機 」,這是基本配備。

這也是每個站長都需負擔的小投資,沒有例外。

差別是,跟著我的架站教學,你可用最少的預算,建置你的網站:)

網域如何取名呢?

網域是什麼?「 網域 」是網站組成的第一步,就像家的門牌一樣,讓人可以順利找到你的網站。

  • 簡單好記:越簡單的網域名稱越方便使用者查詢和記憶。例:蘋果 – https://www.apple.com/
  • 品牌名稱:網域名稱以品牌為名,打算發展品牌的公司,可用這個方式。例:愛迪達 – https://www.adidas.com/
  • 與服務 or 產品有關:與服務或產品有關聯。例:博客來 – https://www.books.com.tw/
  • 去除 www:目前大部分新網址都不太會在前面加上 www,這是比較舊式的用法。
  • .com 優先:.com 是大多數人的直覺印象,主要方便好記,增加搜尋率。
  • 勿用中文:網址傳輸是以英文為主,所以網址上有中文,就會轉成一長串的特殊符號+數字,除了難記外,對排名也不太理想。

網域取名完成後,接下來可以看一下網域後綴部分(或稱為頂級域名),要如何選擇呢?

一般最常選擇的就是 .com 類型的頂級域名,它適用於任何場合或服務,通常也是最熱門的選擇(會建議優先選擇)。

但有時候喜歡的網域名字,剛好偏偏被註冊走了,就能用更換頂級域名的方法,還是有機會註冊到自己喜愛的名字。

有關於網域後綴名(頂級域名),有哪些常見的類型呢?下面僅列出一些分享。

  • tw / cn / jp:代表不同國家,如台灣、中國、日本等 ..(選擇這類型的網域,可挑選網站主要訪客的居住地)。
  • co:可解讀為公司或企業的英文縮寫,但基本上適用於任何情況,可當作 com 申請不到的替代方案(簡單好記)。
  • net:網路相關行業可使用,但無明確限制。
  • info:資訊性類型網站可使用,但無明確限制。
  • org:organization(組織)縮寫,適合非營利組織、基金會、人文組織、宗教組織等 ..,但無明確限制。

虛擬主機是什麼?

「 虛擬主機 」是主機公司在自管的實體主機上,切分成多個虛擬空間,並把這些空間,租給一般使用者使用。

這樣可大幅降低使用者的費用,因為養實體主機是很貴的,所以絕大部分的站長,通常都是租用現成的。

另一個比喻,如果把網址比喻成「 門牌 」,那虛擬主機就是「 家 」的角色。

如果網頁製作完成了,就需放置在優質的虛擬主機,才能確保網站不會受到攻擊,和速度穩定。

如何挑選虛擬主機?

  • 公司規模:國外知名虛擬主機公司,都是全球性服務,不論公司規模、營運歷史、主機性能、規格服務,通常優於國內主機。
  • 主機性能&功能性:主機穩定度&安全性是重要的,網站才會安全有保障。還有主機的方案規格是否理想。
  • 方案價位:通常國外的價格,會比國內便宜,但建議不要都價格取向,如果主機因此性能不好,之後你也會選擇離開的。

WordPress 是什麼?

WordPress 是全球知名的網頁設計軟體,全球有 40 % 以上的網站,都來自於 WordPress。

WordPress 網站使用人數(持續增加中)
WordPress 網站使用人數(持續增加中)

擁有上萬個佈景主題(樣板)和功能外掛,只需一鍵安裝即可成為多功能網站。

或許你不知道怎麼選,請參考 優質佈景主題優質外掛推薦,會給你應該的幫助。

WordPress 可完成多種網頁設計,如:部落格架設個人品牌或公司企業官網購物網站架設 等 ..

最大好處是,它是免費開源的軟體,可完全掌握自己網站資料,不需被任何網路平台、網頁設計公司牽制。

因為你就是網站的擁有者。


2. 虛擬主機推薦

Bluehost 是地球最大的虛擬主機公司之一,全球管理數百萬個網站並持續增加中。可參考 Bluehost 心得評價,了解更多。

不論網站空間、網站速度、價格便宜、客戶服務等 .. 多方面表現都令人滿意,對於剛入門的網站新手是最優質的選擇。

許多國內外的部落客、企業主、電商經營者,也都把網站建置在 Bluehost 主機。

Bluehost 的客群來自世界各地,所以不用擔心不懂英文,只要搭配 Google 翻譯,一樣能操作自如。

你也能參考下面影片,進行完整的網域 / 主機申請+ WordPress 架站。

Bluehost 主機教學(手把手,完整架站流程)

有哪家虛擬主機商,對 WordPress 有良好的支援?

Bluehost 是 WordPress 官方認可的虛擬主機商,對 WordPress 有良好的支援。

Bluehost教學 :wordpress.org 認證的虛擬主機公司
wordpress.org 認證的虛擬主機公司(經過官方嚴格審核標準)

Bluehost 正常運行時間、網站速度,表現好嗎?

Bluehost 全年有 99.9% 以上的正常運行時間(沒任何一家能保證 100%),這是重要的數據,不然訪客無法連上你的網站。

再來,我實測了幾個 WordPress 網站,在中低價位的各家主機速度評比,Bluehost 的網站速度是排行前幾的。

Bluehost教學 :網站正常運行比例&頁面載入時間
Bluehost 網站正常運行比例&頁面載入時間

備註:

Bluehost 主機不會是最快的,在速度方面它只是中低價位主機的佼佼者,如果你對主機速度有比較高規格的需求,Bluehost 可能會不適合你。

像是經營一段時間有許多穩定流量的人、因為舊主機速度慢想搬家的人、有高網站流量的人,如果你符合這些狀況,建議你可以參考 WordPress 主機推薦 的其他主機。

使用 A2 Hosting 的 Drive 方案以上,或是使用 Cloudways(VPS 主機),它們的主機速度更快,才會比較適合你的需求,但費用會稍微多一點。

相關架站教學,可參考 A2 Hosting 教學Cloudways 教學

如果你沒有以上狀況,可能只是第一次架設網站的人、有預算考量的人(重視 CP 值)、想簡單快速架站的人 .. 。

那使用 Bluehost 主機,絕對是最棒的選擇!

Bluehost 主機安全性高嗎?

Bluehost 是全球最大的虛擬主機之一,它從 2003 年就開始營運至今,總部位於美國猶他州奧勒姆市,是一家領先的主機解決方案公司。

老字號的品牌&經營歷史表現了它的穩定度,到目前全球已經託管超過 200 萬個網域(網站),在全球聘請許多優質工程師打造主機安全性,防止你的網站受到攻擊。

搭配有優質的 24 / 7 線上客戶服務,如果怕語言不通,通常用 Google 翻譯就能搞定(他們有很多亞洲客戶)。

並且搭配有免費 Cloudflare CDN(Content Delivery Network)服務,加快網頁讀取速度,阻擋惡意連線攻擊。

有關 Bluehost 主機相關問題,也能直接向我詢問,因為我自己就有許多網站是放在 Bluehost 上,而且也用了好幾年。

接下來,我將開始「 Bluehost教學 」課程,帶領你繼續架設網站囉:)


3. Bluehost 方案價格

了解完 Bluehost 這款優質的主機之後呢,這章節就來點評一下主機方案部分,幫助你選擇最適合自己的。

前往 Bluehost,點擊「 Get Started Now(立即開始)」,如下圖。

使用 Bluehost 申請主機+網域
使用 Bluehost 申請主機+網域

點擊後,會看到 Bluehost 主機方案。

如果不知道如何選擇最適合你,下面我會給你一些 Bluehost 的方案建議。

Bluehost 主機:選擇Basic 入門方案功能
Bluehost 主機:選擇 Basic 入門方案功能

要選擇哪種 Bluehost 方案?

Bluehost 的 WordPress 主機提供 3 種選擇,分別是 Basic 方案、Plus 方案、Choice Plus 方案。

依照不同方案,全都享有免費的一年個人網域、SSL 免費憑證、WordPress 自動安裝和更新、24/7 全年無休客服,這是超值的功能服務。

基本來說,Bluehost 的 Basic 方案、Plus 方案會比較建議選擇,因為費用較便宜且功能已經足夠。

這邊我簡單的統整,方便你找到適合自己的方案。

  • 只有一個網站架設需求:選 Basic 方案。
  • 多網站架設需求:選 Plus 方案。

以新手來說,若只有一個網站需架設,選擇 Baisc 方案是毫無懸念的,此方案也搭配 10 GB 的儲存空間,是非常夠用。

如果是有多個網站架設需求,建議直接選擇 Plus 方案,且享有無限儲存空間,自動備份功能等 .. 。

Bluehost 費用了解

Bluehost 原價入門費用是,網址 $14.99 美元 / 年(一年約 $450 台幣)和主機 $9.99美元 / 月(一年約 $3,600 台幣)。

值得開心的是,Bluehost 官方同意為我們網站讀者,提供最高可享有 3 折的主機折扣。

下表是用台幣計算,美元 / 台幣匯率用經常的 1:30 換算

Basic 方案Plus 方案
買一年:特價約 1,062 元(原價 3,600 元買一年:特價約 1,962 元(原價 5,400 元
買三年:特價約 5,346 元(原價 10,800 元買三年:特價約 8,046 元(原價 16,200 元

備註:新手可購買 1 年的 WordPress Basic 方案,用最少預算入門:)

如果網址同樣在 Bluehost 申請, Bluehost 有提供首年網域免費和 SSL 憑證,請多加利用。

這等於說,在 Bluehost 申請個人網域和主機,最少可用不到 1,500 台幣,就能開始啟動你的網路事業,並享有完整的主機規格服務。

不管購買的是哪種主機方案,只要點擊本站 Bluehost 連結,讀者們都享有優惠價格。

接下來,我將購買 1 年的 Basic 入門方案,當作「 Bluehost教學 」範例。


4. 網域申請+租用虛擬主機

選擇心目中的 Bluehost 方案,我們就可以開始申請網域和虛擬主機了,這邊簡化 3 步驟,打造自己的網頁製作。

Step1:選擇方案和申請網域

前往 Bluehost,點擊「 Get Started Now(立即開始)」,如下圖。

使用 Bluehost 申請主機+網域
使用 Bluehost 申請主機+網域

點選你想租用的方案,如果預算有限可從 Basic 方案開始,想架設多個網站就選 Plus 方案。

Bluehost 主機:選擇Basic 入門方案功能
Bluehost 主機:選擇 Basic 入門方案功能

接著來註冊網域,這邊有提供 3 個選項。

申請新網址 Create a new domain、已經有網址 Use a domain you own、稍後申請網域 I’ll create my domain later,確認後點 Next。

有建立新網址、已經有網址、稍後再申請網域,這 3 種選項
有建立新網址、已經有網址、稍後再申請網域,這 3 種選項

小提醒:如果「 網址 」和「 主機 」都是在 Bluehost 註冊申請,Bluehost 會附贈一年的網址(免繳網址費用),且 DNS 已經設定完成。

Step2:申請資料填寫

使用者資訊需都填寫英文,姓名可到 外交部 查詢,地址可用 中華郵政 查詢。

Phone Number 電話因為需輸入國際碼,可以點選「 Use an international number(使用國際碼)」的英文字,就會自動出現國際碼欄位。如果你是輸入手機,就把開頭 0 去掉直接輸入手機號碼即可(手機範例:911000111),如下圖。

至於 Email Address 需填寫正確,申請完成 Bluehost 會寄網域確認信(需點擊啟用)& 購買收據等 .. 敏感訊息。

Bluehost 主機申請欄位
Bluehost 主機申請欄位

接著,主要留意租用多久、是否加購商品、確認消費金額,Bluehost 會贈送一年網址和免費的 SSL 憑證。

加購商品只有 Domain Privacy(網域隱私保護)比較值得加購(也可以不加購),其他可不勾選省預算。

Bluehost 主機申請欄位
Bluehost 主機申請欄位

小提醒:Bluehost 方案費用依照官方當時為準,上圖購買費用僅供參考使用(記得使用 折扣連結 前往,才會享有專屬折扣價格)。

然後填入付款訊息並勾選服務條款,最後按下 Submit 送出。

bluehost教學 :付款方式
bluehost教學 :付款方式

這樣一來,個人網域和 Bluehost 主機就都申請完成囉,太好了。

Step3:創建 bluehost 帳戶

申請完成後會看到歡迎訊息 & 收據明細,可把收據保存下來,Bluehost 也有同步傳到你的信箱。

接著註冊 Bluehost 帳戶,這是用來登入 Bluehost 後台的,點擊 Create your account 創建帳戶。

bluehost教學 :虛擬主機申請完成
bluehost教學 :虛擬主機申請完成

下圖,Domain Name(你的網域名稱)是未來登入 Bluehost 的帳號,並輸入你想申請的密碼,確認無誤後點 Create Account 建立帳號。

bluehost教學 :創建bluehost帳戶
創建 bluehost 帳戶:輸入密碼

小提醒:P.S 這裡的資料請妥善保存,是未來登入 Bluehost 的帳密唷:)

到了這裡,恭喜完成了網域申請 > 主機申請 > Bluehost 帳戶註冊的重要流程。

有了這些東西,我們就可以架設 WordPress 網站囉。


5. 建立 WordPress 網站

到了這邊,應該已經有個人網域、虛擬主機、Bluehost 登入帳密了,我們繼續架設 WordPress 網站。

如果有跟上面流程走,Bluehost 帳戶申請完成,會有個 Login 按鈕,點擊可前往登入頁面。

或是前往 Bluehost 官網,點右上角的 Login 登入也可以。

Bluehost教學 :登入 Bluehost 帳戶
登入 Bluehost 帳戶

輸入你的網域名稱(或信箱)&密碼, 登入 Bluehost 。

bluehost教學 :後台登入
bluehost教學 :後台登入

如果是第一次登入,Bluehost 會有個引導流程,協助你安裝 WordPress 網站。

會有多個步驟,都先點選 Skip this step 略過設定流程,直接進行網站安裝。

Bluehost 網站安裝引導
Bluehost 網站安裝引導

網站安裝完成後,會直接跳轉到 Bluehost 後台首頁,如果有任何加購選項,都先取消。

然後點 My Sites,就會出現剛架設完成的網站啦!這裡可進入 WordPress 網站前台&相關網站管理。

Bluehost教學 :前往網站前台&功能管理
前往網站前台&功能管理

備註:因為 Bluehost 是英文介面,中文標題在 Bluehost 後台可能呈現問號(除非英文命名),但這不會有任何影響。

如果要前往 WordPress 後台,可點 Manage Site 功能管理(上圖),進入點 Log in to WordPress,就可以囉。

Bluehost教學 :WordPress 後台登入路徑
WordPress 後台登入路徑

WordPress 網站前台

首度前往 WordPress 前台,會出現網頁準備中頁面(Coming Soon),這是 Bluehost 貼心幫忙製作的,等網頁設計完畢後,再切換 正式上線 即可。

還有,如果網址列出現臨時網域(非剛申請的網域)是正常的。

那是因為 Bluehost 需把你的新網域,通報給全世界的主要伺服器基地,讓它們收錄你的網域,如此一來你的網域才會被找到(就是一種新生報到點名的感覺)。

等作業完成後,Bluehost 會自動把臨時網域,更改成你剛申請的網址(在此之前,如果要登入 WordPress 後台,建議先從 Bluehost 後台前往)。

WordPress 網站後台

首次登入 WordPress 後台,建議優先更改網站語言、網站標題、永久連結 等 .. 主要項目,方便未來操作。可參考 WordPress 後台教學


6. Bluehost 其他設定

bluehost 網站架設,功能設定
Bluehost 其他設定

如果有跟著上面的教學,你應該也順利建立 WordPress 網站了。

接著還有一些事項需完善它,像是信件認證(WhoIs 網域身份認證)、Bluehost & WordPress 設定、網站正式上線、SSL 安全憑證等 .. 。

如果網域是在第三方網域商申請(不是在 Bluehost 一起申請),別忘了需設定網域的 DNS 指向,把網域指向剛申請好的 Bluehost 主機,這樣搜尋網域才會順利看到網站唷。

上面提到的待辦事項,可以參考 Bluehost 網站製作,補充尚未學習到的部分。

完成後,我們的基礎設施就都建置完成了,恭喜大家。


什麼是 DNS 設定?

DNS 設定指向
DNS 設定指向

DNS(Domain Name System) 又稱為網域名稱系統,是網際網路的一種服務。

所有連上網路的主機都有一組 IP 位置。

DNS 主要功能就是當你輸入網域,可以對應到關聯的 IP 主機,這個主機也就是網站放置的地方。

DNS 很像網際網路的巨大電話簿,當你想找某個人,就輸入電話號碼即可。

這就像是,當你在瀏覽器上搜尋網域時,會找到你租用的虛擬主機,進一步的讀取網站內容,然後呈現在訪客面前。

要讓個人網域和租用的虛擬主機,能對應起來,這時就需進行 DNS 指向設定。

每一家網域商都有可填寫 DNS 的地方,流程大同小異。

我有整理一些最佳虛擬主機的 DNS 指向方式,可找適合你的參考操作即可。

  • NameCheap(網域商)+Bluehost(主機商)示範,請參考 Bluehost 的 DNS 相關章節。(一般複製貼上即可,比較簡單)
  • NameCheap(網域商)+Cloudways(主機商)示範,請參考 Cloudways 的 DNS 相關章節。(要自行設定 A 紀錄等內容)

WordPress 教學

wordpress網站教學
WordPress 網頁製作軟體

WordPress 開源軟體 讓站長可以最低預算,自行架設網站。

新手站長也可參考 犬哥網站 上的 WordPress 教學,來建制專屬於自己的網站。

對於不同主機、功能外掛、佈景主題的搭配方法,可能會產生不同的 WordPress 建置費用,從最低的架站價格,到進階功能網站的搭配,一切由你自由組合。

開始打造 WordPress 網站

購買網域+虛擬主機完成後,「 WordPress 網站架設 」初步完成。

接著站長們可開始學習 WordPress 後台 如何使用,幫助你打造更棒的個人、公司形象網站。

Google SEO 規則,E-A-T 網站指標
開始打造 WordPress 網站,建置多元網站類型!

全世界有很多專業人士,開發了上千萬種佈景主題和網站外掛,豐富 WordPress 的生態系。

所以完成前置作業後,我特別挑選了幾款 最佳佈景主題最佳網站外掛,可以幫助你節省尋找的時間。

如果你有想架設的網站類型,這邊,我列出 3 個常見的 WordPress 網站類型,你可以直接點擊前往,進行後續學習唷。

網站架設完成,開始網路行銷!

最後,開始經營網站的過程,我們還需進行 SEO 行銷。更多 SEO 是什麼

WordPress 因為是最多人使用的開源軟體,所以搜尋引擎都會優先收錄 WordPress 製作的網頁,同時已累積許多 WordPress SEO 技巧,可供站長學習。

站長可在進行網站行銷時,搭配 關鍵字研究工具優質 WordPress SEO 外掛,幫助你分析網站流量,進一步規劃搜尋引擎優化策略。


架設網站的多種方法

架設網站的多種方法
架設網站的多種方法

「 網站架設 」有多種方法,不同的作法都各有優缺點,並沒有誰好誰壞,只有適不適合你。

你可以選擇適合的方法,建置個人或公司的形象網站,再搭配網頁設計製作,完整你的網站。

下面我列出幾種最常見的「 網站架設 」方法,如下。

  1. 使用開源的網頁製作軟體,有完全的網站所有權(像是 WordPress 軟體)。
  2. 租用架站平台公司的軟體,但需負擔不少的租金。
  3. 外包網頁設計公司製作。
  4. 自學程式語法架設網站。

接下來,我會對這幾點進行簡單的優缺點分析,協助你選擇適合的方式建置網站。


開源軟體評價

開源軟體,架站程式
多種網頁製作軟體(開源)

開源 = 免費+擁有全部的網站所有權。

這類型的代表軟體,像是 WordPressJoomlaDrupal .. ,都是屬於此種類型。

其中又以 WordPress 是最知名的架站軟體,全世界有 40 % 以上的網站是使用 WordPress 建置,你可在 GitHub 找到它的底層程式碼。

GitHub 是全世界最大的開源程式碼平台,數以萬計的軟體工程師,將其開發的程式碼公開至網路上,並供給其他人做再開發,豐富整個網路世界。

開源最大的好處是,就是有完全的網站自主權,可掌握自己網站的所有資料,如:文字、圖片、網站程式碼、資料庫等。

還有,因為網站開源(底層程式碼公開),所以任何的軟體工程師,都能用此當基礎,向上開發新的功能服務。

像是 WordPress 就有龐大的功能生態系,能夠架設多種類型網站,像是 部落格架設形象官網製作購物網站架設 .. ,幾乎能完成你所想。

最重要的是,在架設網站完成後,後續的網路行銷,開源架站軟體可完全讓站長自由控制,像是可以安裝 SEO 外掛輔助,不需額外花費解鎖 SEO 功能。更多 SEO 是什麼

其他的知名架站開源軟體,像是 Joomla、Drupal 或是其他新興軟體,也有自己的追隨者,但因為使用規模都不及 WordPress,這邊就不特別介紹。

優點

  • 完全掌握自己網站資料,不會被任何平台公司的運作或是規則影響。
  • 有豐富的網站功能生態系,通常只需一鍵安裝即可使用。
  • 可自由控制網站預算,依需求搭配功能。

缺點

  • 需學習如何安裝網站軟體和架設網站,但這通常很容易上手,因為網路上有多種教學課程,像是 犬哥網站

架站平台公司評價

架站平台公司評價
架站平台公司評價

使用架站平台公司的服務,就是跟軟體公司租用架站方案,幫助自己建置網站。

這類型的服務又稱為 SaaS(Software as a Service),就是軟體即服務,也是常聽到的雲端服務。

代表軟體有很多,有建立部落格的像是痞客邦、Medium、方格子等 .. 。

有可以建立官網設計的,像是 Wix、Weebly、Strikingly ..,這幾種網站建置軟體。

也有可以架設購物網站的,像是 Shopline、91App、Meepshop ..。

使用這類型架站方法的好處是,可以省掉網站安裝的流程,因為軟體公司都幫你建置好了,只需付費使用現成的即可

相對的,使用架站平台公司的軟體也有缺點,因為你只是平台租用者,並非是擁有者

所以有關你的網站資料,像是文字、圖片、資料庫、程式碼 ..,都是由軟體公司掌握,這代表你會受到牽制。

假設公司更改收費規則,或是經營不善而結束營業,那網站都可能面臨消失問題。

優點

  • 不需自行安裝建置網站,可直接使用現成的軟體服務。
  • 形象品牌網站的技術服務,有軟體公司的客服可詢問。
  • 適合一次性網站建置,像是行銷頁面、個人作品集 .. ,不打算長期經營的網頁。

缺點

  • 因為只是平台租用者,並沒有網站擁有權,容易受到軟體公司經營的影響。
  • 基本款的平台方案,網站功能通常不完善,目的是為了收取較高額的進階版費用。
  • 租用平台的價格,對於新手或預算不多的人來說,會是一筆不小的負擔。

外包網頁設計製作

架站軟體公司評價
外包網頁設計製作

將網站建置的需求,外包給 網頁設計公司 ,也是常見的架站解決方法之一。

外包網頁設計的好處是,你可以客製化網站功能,像是 預約系統、訂位系統、訂房系統、企業內部管理系統、派車系統,這些服務系統基本上都有辦法做到。

依照不同的開發難度,選擇的網頁設計公司就很重要,因為網站程式不是寫出來可以運作就好,好的程式架構跟未來的網頁速度,有很大的關係

且不同網站建置需求,會有不同的網頁設計價格,一次性費用從幾千元到上百萬都有,主要依照客製化程度。

下面我列出幾個常見的提問,可以幫助進一步了解。

1. 如何選擇適合的網頁設計公司?

網頁設計的發展也經歷了好幾個年頭,所以市場上提供相關服務的公司也很多。

我提供一些尋找適合公司的方法,像是公司評價和規模是否理想網頁作品集 是否漂亮網頁報價是否合理

這幾個都能當挑選標準,幫助你找到適合的公司。

2. 網頁設計有哪幾種常見方案?

常見的網頁設計方案,有套版方案客製化方案租用型方案半客製化方案(套版,但可修改)

套版方案,這是網頁設計公司已開發完成的系統,然後拿來重複販售。

價格費用相對客製化方案,會比較低一點。

客製化方案,這是依照顧客的需求而特別量身製作,費用通常會比較貴,當然能做的需求幾乎是無極限。

租用型方案,是比較新版的網站方案,因為網路服務的興起,許多顧客可能預算有限或是想先試用看看,網頁設計公司就推出租用版方案。

3. 外包網頁設計製作的優點?

  • 可以客製化網站設計,幾乎能滿足大多數需求。
  • 可省掉大量的時間和精力,轉交給網頁設計公司執行就好。
  • 有任何網站問題,可直接詢問客服人員。

4. 外包網頁設計製作的缺點?

  • 依照不同的需求,會有不同的網站建置費用,從幾千元到上百萬的範圍都有。
  • 大部分網頁設計公司,不會提供網站程式碼(或資料庫),這跟使用 架站平台公司 情況相同,你沒有網站擁有權。有關此問題,可以詢問你委託的公司,看他們是否願意提供。

外包網頁設計,省時又省力!

WordPress 半客製化套版設計,價格中階,有完整服務,站長擁有網站所有權等 .. 多種優點
WordPress 半客製化套版設計,不但價格中階,又擁有彈性修改的優點

最後,想特別跟大家介紹 WordPress 半客製化方案 ,也是 犬哥數位 採用的服務方式之一。

使用 WordPress 套版費用 會比全客製化網站大幅降低,但千萬不要認為使用套版是缺點!

這種網頁設計方式,是使用 WordPress.org 開源軟體來架站,幫你挑選適合的主題+功能外掛,再針對你的行業別做微調。

基本上看不出來是套版的,而且費用也來的更優惠,很適合預算不多的人。

WordPress 架設網站,優勢大整理!

使用 WordPress 設計網頁好處多多,我們這邊條列式整理優勢,讓大家更好理解 WordPress 優秀之處!

  • 客製化開發:自由搭配外觀主題+功能外掛,實現多種特殊功能。
  • 後台管理:中文化後台管理,可搭配會員功能,完成公司內部分權網站運作。
  • SEO 表現優秀:WordPress 是全球最多網站的選擇,也因此搜尋引擎更好讀取 WordPress 程式碼,網站收錄速度大幅提升,SEO 表現自然優秀。更多 WordPess SEO 教學
  • 資訊安全:因為 WordPress 是全球最多網站使用的架站軟體,所以有許多資源投入安全運作,正常使用 WordPress,絕不會有安全疑慮。更多 WordPress 資安外掛推薦
  • 網站自主權:不論是交由哪一個網頁設計公司,只要是使用 WordPress,你隨時可拿回網站程式碼,因為程式碼是開源的,不怕找不到下一家幫助你維護 WordPress 網站。

可以看見,使用 WordPress 架設網站,是相對 CP 值優秀的選擇,這也是為什麼犬哥數位選用 WordPress 幫助站長架設網站的原因!

如果你想了解更多「 犬哥數位 」的服務,歡迎點擊下方按鈕,前往查看&諮詢:


自學程式語法

網站架設 :自學程式語法

自學程式語法,這個模式和 使用開源軟體 情況一樣,就是站長擁有最高的網站控制權,從個人網域、虛擬主機、網站內容、網站程式碼等 .. 都能獨立擁有。

這代表,你能完全掌握自己網站資料,不會被任何平台公司的運作或是規則影響。

自學程式語法是條漫長的道路,因為它是一個技能的培養,沒有幾年的學習時間,是很難架設出功能齊全的網站。

除非架設網站之外,你也剛好想培養一技之長,那學習寫程式會是個好選擇,因為有程度的軟體工程師,公司給的薪水幾乎很不錯。

不然會建議用其他方法建置網站,因為這樣花費的時間可能太多。

網站架設 :網頁前端工程師,學習路線圖
網頁前端工程師,學習路線圖

備註:程式語法有很多種,可先選擇一種語言專精即可,像是 HTML、CSS、JavaScript、PHP、Python、Java、C# 等 ..。

優點

  • 完全掌握自己網站資料,不會被任何平台公司的運作或是規則影響。
  • 程式開發學成後,任何功能類型網站隨你架設,不受限制。
  • 培養一技之長,有程度的軟體工程師,薪水待遇通常很不錯。

缺點

  • 程式技術是一門學問,要學習到一定的程度,需要幾年時間培養。
  • 如果單純想建置網站,通常有更好的方法替代。

部落格平台有哪些?

經營網路個人品牌,可能會需要 部落格平台 ,協助你完成 Blog 建立。

我的最佳作法會使用 WordPress,因為它是免費開源軟體,能完全擁有網站程式碼,可自由 網站搬家 或是 更換主機更多 WordPress 是什麼

使用 WordPress 不會被任何網頁設計公司給綁架,也不會因為任何平台結束經營而變成網站孤兒。

可以參考 Blog 建立,這篇文章中有完整架站教學,或是參考下面影片學習。

建立Blog:如何架設教學(寫網誌+部落格平台)

除了使用 WordPress 架站之外,這邊也列出幾個常聽到的部落格平台,跟大夥介紹。

痞客邦

痞客邦 是老字號的部落格平台,主要的客群來自台灣,好處是它有自己的平台生態,像是話題討論區、主題社團、定期活動 .. 。

對於網站主的好處是,你或許會從中得到一些網站流量,但通常也不多。

網站架設 :痞客邦部落格,社群首頁
痞客邦部落格,社群首頁

但它的缺點也不少,像是佈景主題、後台介面 .. 都偏向舊款設計,會影響網站門面。

網站架設 :痞客邦佈景主題
痞客邦佈景主題

比較讓人無法接受的,就是痞客邦有超多的網路廣告,讓使用者體驗變得很差,這也是讓許多人遠離的遠因。

當然你可以關閉網路廣告,但是需為此付費升級。

儘管如此,因為痞客邦在台灣發展的早,還是有不少用戶仍在使用。

Medium

Medium 是國外比較新的部落格平台,它是由 Twitter 的原班人馬之一和其他夥伴,一起進行創辦。

國內外已經有許多個人或是企業,使用它做為公司或是其中一個項目的文章發布平台,像是 Airbnb、Facebook、Square ..

網站架設 :medium 架站平台推薦
medium 架站平台推薦

Medium 網頁設計很藝術派,大多數是時尚、簡約的樣式類型,而且沒有鋪天蓋地的網路廣告。

所以相比痞客邦,我更推薦使用 Medium 打造你的部落格網站。

網站架設 :medium部落格,畫面版型
medium部落格,畫面版型

相關網站類型

下面這幾款部落格平台,就是比較多人使用的品牌,你可從中選取。

我首推的還是 WordPress,因為我們管理自己的網址、主機、整個網站等等權限,不受任何平台約束,所以不必擔心因平台結束營運,整個網站心血在一夕之間都沒了!

犬哥網站 就是使用 WordPress 建置而成,當然這是我的選擇,主要還是選擇適合自己的來使用:)

部落格平台整理(依照順序推薦):

  • WordPress
  • Medium
  • Blogger
  • 痞客邦

網頁製作平台有哪些?

市面上的網頁製作平台有很多,但絕大多數是採用平台租用服務,網站並不是完全屬於自己的,這容易遇到哪天平台結束營運,而導致多年經營的網站血本無歸。

我的最佳作法會使用 WordPress,因為它是免費開源軟體,能完全擁有網站程式碼,可自由 網站搬家 或是 更換主機更多 WordPress 是什麼

使用 WordPress 不會被任何網頁設計公司給綁架,也不會因為任何平台結束經營而變成網站孤兒。

可以參考 官網設計,這篇文章中有完整架站教學,或是參考下面影片學習。

WordPress 網頁設計教學:如何架設網站+完整官網製作(不懂程式也做得到)

除了使用 WordPress 架站之外,這邊也列出幾個常聽到的網頁製作平台,跟大夥介紹。

Wix

Wix 是一個專業的網頁製作平台,能讓使用者用自製的拖放工具,就完成網站建置,是快速架站的好選擇。

網頁製作平台 :wix 網站製作教學
wix 網站製作教學

使用者可在網站加入許多額外功能,像是社群按鈕、聯絡表單、網路開店平台功能 .. 。

同時提供多種網站樣板,一鍵即可安裝套用,讓你自由做選擇。

wix教學 :多種選擇模板
多種選擇模板

挑選完喜歡的樣板,再搭配 Wix 的頁面編輯器,就能客製化你的網頁囉。

只需把元件拖放至指定區位,就可新增一個區塊功能。

而如果要修改編輯,只需點想修改的地方,即可進行編輯,是不是很方便呢:)

網站架設 :wix editor 客製化網頁設計
wix editor 客製化網頁設計

Weebly

Weebly 是一款發源於美國的網頁製作平台,由於它直覺的操作介面,讓它在全世界同樣有許多愛用者。

網頁製作平台 :weebly

可使用 Weebly 架設形象網站、線上商店、行銷網頁等 .. ,它和 Wix 一樣有多種網站樣板,點擊即可一鍵套用,如下圖。

網站架設 :Weebly 套用網站樣板
Weebly 套用網站樣板

Weebly 同樣有頁面編輯器,可讓你用拖放方式即可製作網頁。

它的區塊功能雖然沒 Wix 這麼多,但是介面設計很直覺,很適合新手入門。

網站架設 :Weebly 的頁面編輯器
Weebly 的頁面編輯器

相關網站類型

下面這幾款網頁製作平台,就是比較多人使用的品牌,你可從中選取。

我首推的還是 WordPress,因為 犬哥網站 就是使用 WordPress 建置而成,而且擁有網站自主權,更改編輯的自由度高,所以我才會推薦,不過這是我個人的選擇,主要還是依據讀者需求,選擇適合自己的來使用:)

關於 WordPress 的優點有哪些,前面章節都有介紹,可以往前閱讀介紹內容,進行比對篩選。

網頁製作平台整理(依照順序推薦):

  • WordPress
  • Wix
  • Weebly
  • Strikingly

網路開店平台有哪些?

想要經營線上生意,可能會需要強大的網路開店平台,協助完成購物網站架設。

WordPress 是完整多功能的架站平台,也可用來建置購物網站,是目前全世界僅次於 Shopify 最多人使用的開店平台。

如果你有預算上的考量,最佳作法會是使用 WordPress+WooCommerce,這是完整的搭配。更多 WooCommerce 是什麼

可參考 架設購物網站 教學文章,並搭配下面影片學習,有將近 4 小時的完整購物站製作,讓你立即網路開店成功!

如何架設 WordPress 購物網站+網路商店

WooCommerce

WordPress 有豐富的外掛生態圈,其中 WooCommerce 是 WordPress 旗下最知名的網路商店架設外掛。詳細教學可參考: WooCommerce 中文教學

因為是免費的軟體加上安裝快速,在全球各地累積許多使用者,全球下載量已超過 4500 萬。

WooCommerce 的功能有哪些?任何實用的功能幾乎都擁有,如: 商品管理 、訂單管理、 會員管理 優惠管理金物流串接 等等,非常齊全!

woocommerce購物網站架設
woocommerce購物網站架設

加上有眾多的 Woocommerce 佈景主題擴充外掛,可協助強化電商平台,只需點擊安裝即可。

對此,我寫了這篇 架設購物網站 完整教學,手把手帶你網路商店架設,希望能有效幫助到你。

Shopline

Shopline 是香港的軟體新創公司,因為其優質的設計介面和多功能的商店服務,在東南亞吸引許多愛好者使用。

shopline網路開店平台
shopline網路開店平台

Shopline 內建完整的電商平台功能,像是會員管理、訂單系統、商品管理、優惠管理等等多項服務項目,你不需額外進行安裝。

shopline功能列表
shopline功能列表

但由於使用 架站平台公司 的方法架設網站(像是 Shopline),你只是平台租用者而非擁有者,所以像是網頁程式碼、文字圖片、資料庫等 .. 都不是你擁有的。

這可能會遇到個問題,假如哪天品牌茁壯了,想搬出來自架購物網站,你將重新開始網站經營,這將是一個巨大的成本。

還有每月(或每年)固定的平台使用費,也是要網站主需考量的地方。

相關網站類型

結論是,剛開始網路事業,建議使用 WordPress+Woocommerce 搭配。

雖然會花些時間學習網站架設 ,但至少不會有「 沒有資料擁有權 」和「 每月高額平台費用 」問題

等品牌成熟一點後,再依需求雇用軟體工程師,協助提升 WordPress+Woocommerce 的整個功能性,讓它更符合公司成長需求。

或是重新開發一個客製的購物網站(不一定是 WordPress 系統),雇用一個軟體工程師、外包網頁設計公司,幫助你重新製作。

不論哪種方法,請記得索取網站程式碼、資料庫等等「重要的」網站內容資料

這只是我的經驗供你參考,主要還是選擇適合自己的方法:)

網路開店平台整理(依照順序推薦):

  • WordPress+Woocommerce
  • Shopline
  • 91App
  • Meepshop
  • Cyberbiz

17. 網頁設計教學/資源

網站架設 :網頁設計(程式+設計)
網頁設計(程式+設計)

有人問我說,如果想自學成為網頁設計師,有什麼資源是可以用來學習的?

一個網站設計,主要是由兩個面向組成的,分別是設計+程式。

接下來,我整理了一些相關資源,幫助大家學習成長。

架設網站(教學+課程)資源

網頁設計「 靈感參考 」:

Dribbble:最有人氣的設計靈感網站,挖寶的好地方。

Behance:支援中文版,後面有Adobe老大哥站台。

Pinterest:圖片界的Google,有大量圖片素材可供搜尋,很多人愛不釋手。

站酷:眾多網頁設計作品案例,靈感來源參考。

CollectUI:眾多網頁設計作品案例,靈感來源參考。

網頁設計「 軟體教學 」:

學UI網:學習PS、 AI等軟體好地方,也有影片學習。

UI中國:中國知名的UI/UX設計,教學分享網站。

網頁設計「 素材來源 」:

iconfinder:很多扁平化 Icon 圖示可以使用 ,適合作為介面設計的圖示來源。

flaticon:國外有名的icon素材網站,挖寶的好地方。

sketchappsources:提供 Sketch 軟體可用模版與素材的網站,收錄許多漂亮的樣板。

pexels: CC0 圖片搜尋引擎,收錄了許多網站的 CC0 圖片,方便尋找想要的圖片。

pixabay: 大量 CC0 圖片可供搜尋,適合用在商業文章或網頁設計範例中。

freepik:提供大量圖像設計素材的搜尋引擎,滿多向量圖型可以下載來使用。

還有更多 免費圖庫資源,可前往文章參考犬哥團隊幫忙整理的優質圖庫唷:)

網頁設計「 程式學習 」:

W3School在線課程(簡中):蒐集大量程式語法的基礎知識點,新手入門程式的好地方。

Codecademy:網頁設計課程/教學,可以從HTML、 CSS 開始學起,註冊會員後有一系列的教學。

網頁設計「 程式編輯器 」:

sublime:編輯器的入門款選項,簡潔風格讓很多使用者喜愛。

vscode:由微軟開發新一代強大且優秀的編輯器,內含豐富外掛可供安裝。

當然,還有許多網頁設計資源可以讓自己學習提升,這裡僅列舉部分。


常見問題

自架網站需要準備什麼?

網站能正常運作,就需有「 個人網域 」+「 虛擬主機 」,這是基本配備。

這也是每個網站主都需負擔的小投資,沒有例外。

差別是,跟著我的架站教學,你可用最少的預算,建置你的網站:)

網域如何取名呢?

網域是什麼?「 網域 」是網站組成的第一步,就像家的門牌一樣,讓人可以順利找到你的網站。

網域取名時,注重幾個簡單原則即可,像是簡單好記、品牌名稱、與服務 or 產品有關、去除 www、 .com 優先、勿用中文。

虛擬主機是什麼?

「 虛擬主機 」是主機公司在自管的實體主機上,切分成多個虛擬空間,並把這些空間,租給一般使用者使用。

這樣可大幅降低使用者的費用,因為養實體主機是很貴的,所以絕大部分的網站主,通常都是租用現成的。

另一個比喻,如果把網址比喻成「 門牌 」,那虛擬主機就是「 家 」的角色。

WordPress 是什麼?

WordPress 它是全球知名的網頁設計軟體,全球有 40 % 以上的網站,都來自於 WordPress。

它可完成多種網頁設計,如:部落格架設個人品牌或公司企業官網購物網站架設 等 ..

有推薦的 WordPress 優質虛擬主機嗎?

Bluehost 是地球最大的虛擬主機公司之一,全球管理數百萬個網站並持續增加中。可參考 Bluehost 心得評價,了解更多。

不論網站空間、網站速度、價格便宜、客戶服務等 .. 多方面表現都令人滿意,對於剛入門的網站新手是最優質的選擇。

許多國內外的部落客、企業主、電商經營者,也都把網站建置在 Bluehost 主機。可參考 Bluehost 教學,有完整教學。

如果對速度有一定程度的要求,則可以參考其他款進階主機,像是 Cloudways(VPS) 或是 A2 Hosting(中高階方案)。


WordPress 學習資源

學習 WordPress 網站架設流程中,或許會遇到一些解決不了問題,可以在下方留言給我,我會盡力協助解答!

接下來,額外分享 3 項架站資源,可有效幫助大家處理網站問題。

資源一:犬哥數位(專業 WordPress 網頁設計公司)

如果你沒時間自己架站、或是遇到解決不了的網站問題。歡迎洽詢 犬哥數位(WordPress 網頁設計公司),請專家製作會更有效率!

WordPress 網頁設計公司|犬哥數位

資源二:WP 精選模組攻略書

由於 WordPress 主題 / 外掛有非常多種,很多網友私訊我不知道安裝哪一款,才有辦法實現功能。或是已經試了很多款外掛,但始終找不到適合自己的。

對此我整理了 高達 90 多款精選主題&外掛大全(電子書),這些都是我們團隊協助客戶開發案件時,會搭配使用的。一來外掛品質優良,二來功能性也足夠強!

WordPress 模組電子書

資源三:官方教學資源(含 FB 社群解答)

如果你偏愛自架網站,也歡迎持續關注 犬哥網站 Blog,我們都持續有發布新的網站架設、網路行銷教學。

或是你比較喜歡看影片學習,也可關注 YouTube 頻道,幫助你更容易進入狀況。

當然,如果你在操作過程中遇到問題,也可以加入 WordPress 架站 x SEO 教學時光屋 – 犬哥網站 ,除了有網友一同幫你解惑外,犬哥團隊也會同步在社團幫助大家。

犬哥網站:WordPress 架站 x SEO 優化技巧,一站式學習!

關於作者

犬哥網站:網頁設計 x 網路行銷教學平台

犬哥網站

我們分享 WordPress 架站 x 網路行銷知識,不需會任何程式技術,就能自己建立各種網站。 搭配豐富的網路行銷教學,幫助你被更多人看到。 趕快跟著我們的腳步,開始學習吧:)

在〈如何架設網站?完整網頁設計+製作流程教學(2023)〉中有 88 則留言

    1. 嗨~方先生你好:
      剛看了你的連結內容,裡面功能算是簡易版的淨銷存系統,是比較客製化的網站功能,採用PHP程式語法架構出來的。

      建議如果公司內部有技術團隊,可以和公司溝通請他們協助開發;若是沒有的話,可以找尋網頁外包(公司或是個人Soho,優缺點和注意事項,文章內有敘述)。

      祝你一切順利:)

  1. 您好,看到您的文章讓我受益許多,但有些疑惑
    不曉得如果要從網頁製作平台轉到網頁製作軟體或是自己架網站,或者從網頁製作軟體轉到自己架網站的時候
    之前建立的會員系統會不會有無法轉移(會員要重新註冊)的情況發生?

    1. 嗨~HeZe你好,首先很開心我的文章有幫助到你:)

      切入正題,在平台上的移轉,舉例:如果原來用wix(網站製作平台),想要把會員移轉到wordress(網頁製作軟體),你可以先看wix後台,有無開放會員資料匯出功能,若是有的話就輕鬆許多,但以我的經驗來說多半沒有(因為多半不希望你跳槽)。

      如此一來,只能用人工手動新建會員方式,在wordpress建置會員檔案,如此一來也不用再發信給原來會員,請他們重新註冊,不然多半會有會員流失問題。

      如果是要把wordpress的會員,匯出到自己架設的網站,應該比較有機會實行,你可以先搜尋是否有類似的外掛,協助你進行。

      但如果沒有的話,可能還是需要人工手動重建會員,或者可用程式,爬wordpress的會員資料+頭像等資料..進入到你自行架設的官網,也可以達成。

      因為跨平台的移轉資料是算比較大的工程,各家軟體本來就不一定會相互支援,祝你一切順利:)

      1. 嗨 小犬,你的文章太棒了,對我這種新手來說真的很有幫助,謝謝你。另外,不好意思,可以跟你請教一個問題嗎?我想要架設販賣線上課程的網站。可是我不太了解wordpress和市面上其他的online lesson course platform的關係EX: podia,teachable. 因為這些網站似乎也可以協助我架網站+額外的課程架構服務 。所以我不知道我是應該先用wordpress架好網站,再使用這些平台的服務嗎? 還是我直接使用平台架網站,而不需要使用wordpress。 不好意思,問題有一點長,謝謝你了:)

        1. 嗨,首先謝謝你的鼓勵&支持:)

          至於你提到的問題,市面上的線上開課平台,好處是馬上就能使用,但缺點是每個月大額的租金費用&網站並不屬於你自己的&無法保存學員資料。

          使用 WordPress 架設線上課程網站,可使用 Learndash 外掛處理,雖然一開始會花些時間處理架站問題,但對於長期經營來看,會是比較好的。

          但由於 Learndash 算是比較大一點的外掛,會建議主機使用 Cloudways 來處理。相關 Cloudways 主機教學

  2. 您好, 謝謝你這麼詳細地解說, 讓我終於有點頭緒…

    另外有個問題想請教: 如果想做互動性較高的新聞網站, 也打算初步的設計和開發外包給網頁設計公司製作, 比較好奇是在和他們洽談前, 就要有一定量的新聞內容了嗎?(避免網站架設好但產品還沒好?)
    或是能夠先有網站, 再慢慢累積內容?如果是前者的話, 有建議要提供設計公司多少的內容量嗎?

    非常感謝!

    1. WenYen 你好,基本上這兩種模式都可以,但如果怕網站成品出來,沒有內容會有點單調,那建議可以先準備幾則文章,等待網站完成後先上傳幾則(自己上 or 請外包公司上),免得網站看起來空空的,其他的文章再慢慢製作就可以。

      希望有幫助到你:)

  3. 請問為何我已經使用Let’s Encrypt加密,也出現如同您顯示畫面表示已經成功,但為何在一鍵安裝WordPress的Choose Protocol時,選擇https:// 的選項是出現A trusted SSL Certificate was not found呢?
    是因為DNS指向剛設定的關係嗎?需要等待時間嗎?還是有哪裡出問題呢?謝謝您指教!

    1. HI,CarolHuang:

      有的時候可能是剛才設定完成的關係唷,可以試著等一下。

      或是先安裝好wordpress,再用Let’s Encrypt加密。

  4. 真的非常謝謝您詳細的分享解說,收穫滿滿!! 解決了內心很多的疑惑,感恩。

  5. 想請問,只想做一個最基本的公司網頁(介紹公司提供的檢測項目而已),是用weebly自己好呢?還是請人架設好呢?
    主要是希望能夠上搜尋引擎,讓公司能見度提高
    如果是用weebly做,看他方案內也有優化的功能,這樣就能上收尋引擎嗎?還是也是要自己上google去申請
    不好意思….問的問題或許很好笑…..但我真的是不太懂….再請您指教,謝謝

    1. HI Amy:

      若只是簡單的形象網站,可以使用上面的免費架站軟體,他們內建都有 SEO優化(應該也會協助做網站提交),只要公司名稱沒有含熱門關鍵字,是滿快在瀏覽器上可以用公司名稱搜尋到自己網站。

      若是想要自己控制 SEO優化,建議你可以使用 wordpress 進行網站架設(有網址+主機費用),但又須比用 weebly 這些軟體,還要多學一些東西補足了,好處是你可以自行變更任何東西。

      希望有幫助到你唷:)

  6. 有幸拜讀您的文章 真的是相當的認真且用心
    能夠看出筆者地努力的心血及想盡可能完善各方面介紹的認真態度
    在此感謝您的分享

    順便請教 如想精進有關網頁前端布置及後端資料處理的相關技術
    例如 必要js套件的學習應用 學習資源.書籍等等
    有沒有什麼個人推薦的呢?

    1. HI Hower:

      謝謝你的鼓勵和支持:)

      若要學習程式技術,目前來說網站上的資源已經很多了,你可以參考 w3school(簡體教學),會入門比較快,從 HTML => CSS => JS => PHP 逐步學習,從前端入門,若是對後端有興趣,可以玩看看 PHP 比較好入門。

      JQ 是 JS 的一種框架,可以幫助你完成許多前端功能(有很多套件,都是基於 JQ 開發),在學 JS 打完基礎後,也可以玩看看 JQ ,希望有幫助到你唷:)

  7. 因為最近才剛購買網域、租主機也是在學習階段,有幸拜讀您的文章,真的是很感謝。讓我對整個架構又更清楚了。相對比其他架站網站來說,您的網站呈現的是更清楚的是整個架構與觀念的釐清,剩下的就是使用者自己再去找更深入的議題學習。對我受益良多。~感謝!!

  8. 請問我想要在wix網站上加入Ayden payment 系統要怎麼做呢?有程式人員可以介紹幫忙我嗎?

    1. Hi lydia:
      有關 Wix 上的付款功能,是他們內部綁定的唷!簡單來說,就是要配合他們的金流廠商,是無法自己串接的,除非是使用 wordpress 等開源軟體,進行網站開發。

  9. 剛個人創業,許多事都在起頭,一步步的戴著鋼盔往前衝
    好不容易把FB粉專搞懂了,也把資料漸漸豐富起來
    下一步就是個人網站了!
    感謝版主豐富又詳細的架站介紹,對我這個網路資訊新手有莫大幫助
    有信心繼續往前衝了!

    1. Hi 傑瑞:

      看到你一步步往你的夢想前進,很替你開心!

      很開心我的文章有為你帶來幫助,祝你一切順利:)

  10. 感謝筆者用心分享關於網站架設的資訊
    初學架站真的很多東西需要慢慢去學習理解
    像是虛擬主機租借等也得自己去評估選擇
    不論什麼都是博大精深呢XD

    1. HI bella00xx:

      你好,是可以的唷。

      照著本站的流程申請完成 SiteGround 後,登入 SiteGround 然後前往 cPanel ,在這裡面可以上傳你的 database(使用 MySQL DataBases & phpMyAdmin),然後再用 FTP 工具,把網站資料上傳到 server 即可。

      希望也幫助到你唷:)

    1. HI Ivy Huang:

      文章比較長一點,若不了解可以加入社團,希望有幫助到你:)

  11. 請問一下 像我是使用Wix製作的的網站 我想使用我自行購買的網域當作網址 但我的網址後面有.tw Wix好像沒有支援,如果是這樣,那我該怎麼辦?

    1. HI 吳尉嘉:

      Wix 使用自己的網址當網域,目前還沒實際試過,若 tw 不支援,可能就需要申請 com 的網域了。

    1. HI DDR:

      有的,雲端資料庫應該算基本配備,不然沒地方存網站資料。

      Bluehost 有 phpMyAdmin 這款軟體,用來操作資料庫相關動作,這在 Bluehost 後台介面,都能前往。

      希望有幫助到你唷:)

  12. 您好 想請問 依照您的步驟一步步執行,完成後,是否代表 在google上鍵入自己的名稱 即可搜尋到自己的網頁呢? 非常謝謝您

    1. HI mimi lee:

      照著文章可完成網址+虛擬主機申請+網站架設,

      但若要 Google 關鍵字能「 快速 」搜尋到,需本身你的網站名字不是熱門名(因為競爭,相對排名的慢)。

      若不是熱門名,舉例:用公司名稱當網站名稱,因為公司名基本上不太會重複,

      所以網站上線大約1-2個禮拜(不一定),應該就搜尋的到了。

      希望有幫助到你唷:)

  13. 您好,謝謝您詳細的說明!
    想請問架設自己的美容工作室的網站,想導入網路預約的系統,用wordpress就做得到嗎?
    該怎麼做呢?

  14. 您好,

    目前公司有架設好一個網站,未來會要成立新品牌架設新的網站,但是不想使用既有購買的套裝模式,想要改成wordpress系列架站。

    請問我現在想要先用免費wordpress架網站,未來準備好後會新註冊網域及租用主機,請問這種情況下會建議使用哪個版本的wordpress呢?

    1. HI Nancy:

      首先,如果是用微軟系統,就先下載WAMP。如果是Mac系統,就先下載MAMP。(這軟體可以讓你在本機上架設網站)

      再來,可以參考 WordPress安裝 文章的「 使用 FTP 安裝 WordPress 」章節,在本機上安裝 WordPress 網站。

      如果 FTP 工具不太會操作的話,可以參考 FTP 軟體教學 文章。

      希望有幫助到你唷:)

    1. 嗨!做這個很簡單,其實就是有一般的文字系統功能就OK了。

      你可以考慮用 WordPress 軟體架站,它的自由度是最高的。

      可參考 如何架設形象網站,照著文章流程更改你想要的內容,就搞定囉!

    1. 嗨!做這個很簡單,其實就是有一般的文字系統功能就OK了。

      你可以考慮用 WordPress 軟體架站,它的自由度是最高的。

      可參考 如何架設形象網站,照著文章流程更改你想要的內容,就搞定囉!

    1. 嗨,因為這整體操作流程會比較繁瑣一點,所以在這篇打可能也打不完,我之後會出這個相關教學。

      但會用 MAMP 做教學(因為我用 Mac 系統),但流程都大同小異,應該會幫助到有需求的讀者們~

    1. 嗨,因為這整體操作流程會比較繁瑣一點,所以在這篇打可能也打不完,我之後會出這個相關教學。

      但會用 MAMP 做教學(因為我用 Mac 系統),但流程都大同小異,應該會幫助到有需求的讀者們~

  15. 你好,感謝分享,目前公司想創立網站但又不想花太多錢,因為不需要金流,只是放產品資訊跟價錢以及連絡方式,所以我在找免費的網頁架設的公版跟網域,想請問一下有哪些比較適合?另外,若需要有購物車以及金流跟客服,會比較建議哪個呢?謝謝

    1. HI vivi:

      會建議你參考 架設購物網站 這篇文章,這是一篇完整的購物網站教學,唯一的費用就是個人網域+虛擬主機(這是任一個自架網站主,都需支付的費用)。

      當購物網站建置完成後,可參考 WooCommerce教學,WooCommerce 是 WordPress 旗下最強大的線上開店外掛,相關的設定細節都在文章中。

      如果不需有購物功能,就把加入購物車相關功能關閉即可(就變成單純展示產品&價錢的網站),至於金物流部分文章中也有教學。

      希望有幫助到你唷:)

  16. 啾的Music_story

    小犬您好~ 看完你的教學真的很棒 但這邊想請教一下我購買bluehost主機後,收據上有加稅金是正常的嗎?因為在結帳頁面並沒有顯示會收稅金,所以覺得受寵若驚

    1. 嗨~你好!

      首先謝謝你的鼓勵。

      至於有關稅金部分,這是正常的唷,我如果教學文章中沒有顯示稅金部分,

      那是因為我是比較早期申請的,那時候好像沒有稅金部分。

      但現在申請的都會有唷!

      希望有幫助到你:)

  17. 小犬您好,
    感謝您網路購物架設的文章, 獲益良多。
    請問如要架設類似591租屋網站,
    要用wordpress+bluehost,
    再搭配哪一個網站theme主題比較合適?
    以及建議再加那些外掛程式協助其他功能?
    麻煩您, 謝謝。
    祝 事業順利, 業績長紅!

    1. 嗨,有關租屋網站是比較複雜一點的呈現,可能要安裝客製化程度比較高的主題。

      這類型的主題可參考 Astra Pro,頁面編輯器可參考 Elementor Pro,至於如果你要的需求是更多的,可能就要再看有哪些外掛比較符合你的需求~

  18. 小犬您好:
    謝謝你提供的資訊,想請教你機個問題,因為網路上大多是從虛擬主機/網域申請到購買,但是我希望我能把之前建置好的網頁透過wordpress重新進行版面設計,因為之前網頁是委託別人製作,所以目前已經有現成的網域和實體主機,想請問我應該怎麼做

    1. 小犬網站 - Luna

      謝謝你的鼓勵~小犬網站之後也會陸續推出更多教學文章的!
      希望能夠幫助到更多人:)

    1. 小犬網站 - Luna

      嗨,yushimi,

      你貼的網址是 WordPress.com ,我們網站上教學的是 WordPress.org 。

      這兩個架站工具是不同的唷,網站上也有比較文章,可以參考看看: WordPress.Com V.S WordPress.org 的差別

      你可以參考過後自行選擇喜歡的架站工具:)

  19. 嗨 小犬

    我是位舞蹈老師,想要自己製作線上課程,希望使用者付費後可以進入觀看,請問有推薦的方式嗎?

    我想這個也很適合很多想要在家創造新事業的朋友~

  20. 嗨小犬,真的很感謝你的無私教學。

    我現在想要搭建一個非常簡單的活動官網,唯一的問題是想讓中國墻內的網友也能打開,不知道WordPress跟Bluehost能否實現這一點呢?如果可以的話需要做什麼呢?(我只知道關鍵點應該是在域名?以及IPFS類型網站是可以開的。)

    不好意思,可能問到超出你範圍的麻煩問題,如果不方便解答也沒關係,因為我暫時爬不到相關的文也找不到前輩直接問,所以只能留言試試看。

    期待您的回復!謝謝!

    1. 犬哥網站 - Luna

      嗨,Sugar,

      這部分我也不太清楚,僅能就我已知的回答你,

      建議若需要中國也能看見,還是使用中國方的主機以及網域,是最保險的做法,因為如果建制在國外,還是需要每天檢查是否被封鎖,封鎖的標準也沒有明確的規範。

      僅能多注意網站內容避免敏感用詞,留意中國的法規,

      並且購買主機的專用 IP ,可防止跟你共用 IP 的網站被中國封鎖,導致你也一起被封鎖的情況。

      這邊我找到一些文章說明,希望能幫助到你:)

      如何讓中國可以正常看到網頁

      如何順利讓網站在大陸上線

  21. 你好 謝謝你完整的教學~

    請問我想像teespring網頁一樣 提供使用者線上設計的服務
    應該如何下手呢?

    謝謝喔!

  22. 您好
    我想請教一下
    我剛剛按照您的教學網站申請Bluehost的網域與主機
    文中有說到第一年是免費網域
    但是我出現費用是如下,我是點選你網頁上的連結過去申請的
    Account Plan
    Plus 12 Month Price – $5.45/mo.
    Hosting Price $65.40 ($5.45 for 12 months)
    Primary Domain Registration $27.99
    Let’s Encrypt SSL Free – terms

    另外我想請教,我是直接申請PLUS方案,因為我想要製作2個網站
    所以我要再同時申請第2個網域要如何申請呢?

    另外想再問一個很奇怪的問題
    就是為何買3年會比買1年貴?
    就是1年費用*3小於一次購賣3年費用??
    謝謝您

    1. 犬哥團隊 - Luna

      嗨,天使

      關於第一個問題,我們點擊連結,進入 Bluehost,點擊「 WordPress Hosting 」,選擇 Plus 方案,網域名稱確實是第一年免費,建議你可再重新點擊試試看,

      如果還是沒有顯示首年免費,建議你可洽詢客服。

      第二個問題,這是因為優惠的方式不同,以現在 2022 年 06 月的 PLUS 方案舉例:

      購買一年一個月為 5.45 美元,也就是一年支付 65.4 美元,但後續要續訂,會恢復為原價 13.99 美元,也就是往後都是一年 167.88 美元,並不會持續以優惠價續訂,

      若是購買三年為 65.4(第一年)+ 167.88 + 167.88 = 401.16 美元。

      購買三年一個月為 7.45 美元,一年為 89.4 美元,但三年都會是 89.4 美元,就會是 268.2 美元。

      若是有長期需要,可以選擇三年方案,但是可以在選購之前,先思考自身使用需求唷!

  23. 您好
    謝謝您詳細的回覆
    我試過了,後來發現原來是後面是co 就沒有優惠
    PS問一下:從您網站連過去申請就有優惠折扣對嗎? (譬如他寫63%off就是嗎?)

    那這樣我要一次購買plus3年
    但是我要有兩個網址 ,另一個網址是申請好再購買嗎?
    還是有其他方法建議操作,謝謝您

    超嫩新手問題有點多,謝謝犬哥團隊

    1. 犬哥團隊 - Luna

      嗨,天使

      也謝謝你提供的資訊,因為我們都是以「 .com 」搜尋,沒有發現其他域名是沒有首年優惠的,會在文章內再行補充,再次感謝你~

      是的,只要點擊我們的文章連結,進入 Bluehost 頁面,就可以享有 60% 以上優惠

      另一個網址可以先自行申請,也可以在 Bluehost 上繼續申請第二個網域,這都是依照你的需求去進行選擇,

      通常會建議如果可以一起購買,在 Bluehost 上購買第二個網域即可,若想試用看看其他網域商服務,我們也推薦 NameCheapGandi 網域商,你可參考看看~

      希望能幫助到你唷:)

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

Scroll to Top