網站架設 :16 篇不藏私教學(網頁製作+費用推薦)

43
64614
網站架設
網站架設

想自己 網站架設 ,卻找不到教學課程嗎?搜尋網頁製作公司,除了對 網頁設計教學 不熟悉,也覺得費用、價格過高?

在這篇文章,我會手把手帶你,了解「 網站架設 」概念+實際操作,同時進行。

若是等不及想實戰(網域申請+主機申請+WordPress 網站安裝),可直接前往,如下:

網域註冊 > Bluehost 主機申請 > WordPress 網站架設,完整學習 icon-arrow-down icon-arrow-down

Bluehost教學 :WordPress 虛擬主機課程(自架網站)

今天,我將帶你全方位學習,總共 16 篇教學課程,一次從門外漢進化成高手,我們開始吧!


subject-1

1. 網域&虛擬主機,是什麼?

網站架設 :網域申請+虛擬主機是什麼?

「 網址 」是網站組成的第一步,它就像家的門牌一樣,讓人可以順利的找到你:)

網址如何取名呢?

1. 簡單好記:越簡單的網域名稱越方便使用者查詢和記憶。
例:蘋果 – https://www.apple.com/

2. 品牌名稱:網域名稱以品牌為名,簡單、易記。只要打算發展品牌的公司,都可以用這個方式。
例:愛迪達 – https://www.adidas.com/

3. 與產品名稱有關:網址與產品的關鍵字有關聯。你也可以用關鍵字工具來想網站名稱。
例:博客來 – https://www.books.com.tw/

4. 去除www:目前大部分新網址都不太會在前面加上www,這是比較舊式的用法。

5. .com優先:.com是大多數人的直覺印象,主要方便好記,增加搜尋率。

6. 勿用中文:網址傳輸是以英文為主,所以網址上有中文,就會轉成一長串的特殊符號+數字,除了難記外,對排名也不太理想。

在台灣,一般民眾最常選擇的就是 .com / .com.tw,大概是這兩種最常見,也最符合。

網站架設 :挑選你喜歡的網址吧!
挑選你喜歡的網址吧!

這邊也把其他類型的網址,也一並列出:

  • org – 財團法人才可申請網域,需要財團法人資料。
  • net – 網路事業機構,例如中華電信、seednet等 .. 才可使用或是其他網路事業。
  • edu – 教育機構,一般為學校機關的網址申請,非一般補習班等機構。
  • gov – 政府機構,為政府網頁使用之網址申請,一般人無法申請。
  • tw / cn / jp – 代表不同國家,如台灣/中國/日本等。

虛擬主機是什麼?

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

如果網頁設計完成了,就需要放在虛擬主機上,讓網站正常運作。

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

大幅降低使用者的費用,因為養實體主機是很貴的,我們只需租用現成的即可。

大約 97 % 以上自己架設網站者,都是租用虛擬主機。

如何挑選虛擬主機?

1. 公司:國外的虛擬主機公司,是服務全球性的,不論公司大小、主機性能、網站速度、資源提供,大都優於國內主機,所以建議使用國外主機。

2. 價位:通常國外的價格,會比國內便宜。但也不是完全價格取向,如果都選擇低價,但主機功能性不好,之後你也會選擇離開的。

3. 功能性:一開始建立網站的新手,規格用入門款的應該就可以了,價錢也不會太貴;如果是經營一段時間的網站主,在挑選主機時,可以大致抓一下自己網頁的流量和狀況,選擇合適的。


2. 虛擬主機推薦

網站架設 :虛擬主機推薦

Bluehost 是一家老牌的虛擬主機商,也提供網域申請等 .. 服務。

在 WordPress 主機託管方面,也是最大品牌之一,截至目前管理了數百萬個網站,遠遠領先其他對手。

不論在主機穩定度、網站速度、WordPress 支援等 .. ,均有超乎水準的表現。

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

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

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

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

在主機穩定度上, Bluehost 在全年有將近 99.99% 時間正常運行,這是重要的,不然訪客無法連上你的網站。

還有驚人的頁面載入時間(毫秒),在測試 10 多家虛擬主機(網路空間),Bluehost 是排名前三名的。

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

當然,Bluehost 還有更多優點,因為它是 WordPress.org 官方推薦的虛擬主機商:)

接下來,我將開始 Bluehost教學 課程。


3. Bluehost 方案選擇

bluehost 主機方案選擇
bluehost 主機方案選擇

首先前往 Bluehost,選擇 WordPress > WordPress Hosting(WordPress 主機)。

bluehost教學 :wordpress主機+網域申請
使用 Bluehost 申請 wordpress主機+網域

接著會看到 Bluehost WordPress 主機方案。

若不知道如何選,先往下看,我會給你一些 Bluehost 方案評價。

bluehost 主機方案費用
bluehost 主機方案費用

要選擇哪種 Bluehost 方案?

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

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

若架設不只一個網站,建議直接選擇 Plus 方案,因為該方案和 Choice Plus 功能差不多,卻比較便宜。

Bluehost 費用了解

Bluehost 原訂虛擬主機價格 $ 7.99 美元 / 月(一年約 2880 台幣)。

值得開心的是,Bluehost 官方同意為我們網站的讀者,提供最高方案 50% 以上折扣(如下表,以台幣計算)

WordPress Basic 方案 WordPress Plus 方案
買一年:特價約 2142 元(原價2880 元 買一年:特價約 2682 元(原價 3960 元
買二年:特價約 3564 元(原價 5760 元 買二年:特價約 5004 元(原價 7920 元
買三年:特價約 4266 元(原價 8640 元 買三年:特價約 5886 元(原價 11880 元

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

若網址也同樣在 Bluehost 申請, Bluehost 還提供首年網域免費。

等於說,網址+主機費用加起來,可用不到 2200 台幣,就能開始你的網路事業

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

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


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

網站架設 :網域申請+虛擬主機租用

選擇 Bluehost 方案後,就可以網域申請+虛擬主機推薦租用囉:)

這邊簡化 3 步驟,打造自己的網頁製作。

Step1:網域申請

申請新網址選 Create a new domain,已經有網址選 Use a domain you own,確認點 Next。

首購申請,Bluehost 會附贈一年的網址(免繳網址費用)。

bluehost教學 :網域申請
有建立新網址 & 已經有網址,兩種選項

Step2:申請資料填寫

填寫使用者資訊,需都填寫英文,郵遞區號需 5 碼(國際碼),可用這個工具查詢。

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

bluehost教學 :使用者資訊
bluehost教學 :使用者資訊

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

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

bluehost教學 :方案選擇&加購商品
bluehost教學 :方案選擇&加購商品

確認消費金額,接著填入付款訊息,都完成無誤後,勾選服務條款,最後按下 Submit 送出。

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

Step3:創建 bluehost 帳戶

跟著 Bluehost教學 ,如果網域+主機申請成功,會看到歡迎訊息 & 收據明細,接著來註冊 Bluehost 帳戶。

點擊 Create your account 創建帳戶。

bluehost教學 :虛擬主機申請完成
bluehost 主機申請完成,創建 bluehost 帳戶&收據確認

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

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

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

Bluehost 帳戶註冊好後,先不進行登入,等等會繼續 Bluehost教學 。

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

此時,搜尋一下剛申請的網址,會發現 Bluehost 幫我們架設了一個臨時的 WordPress 網站。

Bluehost教學 :WordPress 網頁製作
Bluehost教學 :WordPress 網頁製作

但 .. 似乎是「 Coming Soon 網頁準備中 」頁面,且還沒公開上線。

主要是因為 Bluehost 為了給訪客好的體驗,所以先設計個臨時頁面。

所以~等網站設計都完成,再到 Bluehost 後台,手動「 切換正式上線 」即可:)

接著,先進行重要的信件認證,完畢後再來網站設計,就是形象網站製作~


5. 信件認證

Bluehost 信件認證

這是必須的一步,認證 Bluehost 發送過來的信件,可依照下圖標示的數字,對應學習。

bluehost 寄送的確認信件
bluehost 寄送的確認信件

第一封信:WHOIS 認證

網址購買後,會收到來自 ICANN 透過網域註冊商,發送過來的網址認證信件,用來確認聯絡人資訊,這務必需認證完成,來保持網址的所有權

所要做的就是打開信件,然後點擊下面的 Verify Your Email 驗證電子郵件,就認證完成了:)

bluehost 信箱啟動驗證
bluehost 信箱啟動驗證

如果沒收到 Bluehost 寄來的網址認證信件,先確認一下有無在垃圾信件裡面。

若真的沒收到,可登入 Bluehost 後台 > Domains > My Domains,點按鈕補發信件(大概是 Whois 什麼 .. ICANN 什麼的文字,點擊按鈕即可補發信件)。

bluehost 的 whois 網址認證
bluehost 的 whois 網址認證

PS. 由於我已經認證過了,所以沒有補寄信的按鈕,但記得按鈕大概在這頁,如上圖。

第二封信:WordPress Jetpack 外掛,信箱認證

使用 Bluehost WordPress 任一方案,Bluehost 會自動安裝 WordPress Jetpack 外掛,一款 WordPress 站長必裝外掛。

你需要做的,就是打開信件,點擊 Verify your email 驗證信箱,就完成啦:)

WordPress Jetpack 安裝,信箱驗證
WordPress Jetpack 安裝,信箱驗證

如此一來,Jetpack 外掛的信箱認證就完成囉,是不是很快速:)

PS. 因為 Bluehost 可能會改變流程,若是沒自動安裝 JetPack,你可以參考我寫的 WordPress 教學,裡面有教如何安裝外掛。

第三封信:購買收據&重要帳戶資料

此封信件需妥善保存,內有敏感資料,不需額外操作,只要保存好即可。

bluehost 帳戶資訊
bluehost 帳戶資訊
  • Bluehost 登入帳密:剛創建的 Bluehost 帳密,密碼因安全性,沒列出來。
  • DNS 網址:網址若不是在 Bluehost 申請,會需要到原來網域商,進行 DNS 指向,需要此資訊。
  • FTP 登入資料:通常用在網站搬家,或大量資料需上傳 or 下載使用。

信件都確認完畢後,我們繼續前往下一章網頁製作教學:)


6. Bluehost 網站製作

bluehost 網站製作
bluehost 網站製作

如果有跟著上面的教學,把網域+虛擬主機(網路空間)申請完成,大概就完成 70% 了,剩下 30% 就是網頁製作部分。

這章節,我會教你完成剩下的部分,使用 Bluehost 完成個人 or 公司的官網架設。

請務必點 Bluehost 網站製作 這個連結,補充尚未學習到的部分。

完成後相信你的個人網站設計,也大功告成了:)


subject-8

7. DNS 是什麼?

dns是什麼
dns是什麼

DNS 全名「Domain Name Server」,可以把它想成是一個資料庫,裡面存放許多網址+IP 的資料。

當進行網址搜尋後,會先跑來 DNS Server 辨識比對,如果「搜尋的網址」和「某 IP」(就是存放網頁的虛擬主機)比對成功,就會把該主機的資料取出,然後呈現在使用者面前,才會出現所謂的「網頁」。

(所以網址才需要做DNS設定,如果沒設定,就無法進行比對  😐 😐  )

小教學:IP位址(例如103.13.009.566)是網路世界的門牌號碼。每個網站都有一個IP位址。

使用者動作行為

網路世界裡,舉個動作行為來說:「小明在Google輸入 frankknow.com 後,結果跳出來「 小犬網站 」的網頁。這個動作再自然不過,但其實每個搜尋的背後就有DNS Server在運作。

進行搜尋時,瀏覽器必須要先去一台有 Domain Name 和 IP 對應資料的主機,而這台被用來做比對的主機,我們稱呼為 Domain Name Server,簡稱 DNS。

如何查詢是否生效

DNS指向,理論上需24 – 48小時,大約1-2天轉換成功,當然也有幾小時就轉換完畢(或者更快),每個人長短不一定。

如何測試成功了嗎?很簡單,只要在瀏覽器輸入你的域名,若出現主機商的預設頁面,新的DNS設定即正式生效 😆  😆


subject-9

8. cPanel介紹

網站架設 :cpanel教學

cPanel是什麼?

cPanel 是管理主機的操作介面。在以前,若是想操作虛擬主機,多半是使用 Dos 指令框(工程師常用的小黑框),來輸入程式碼執行指定功能。

但這對一般使用者難度太高,於是有人開發cPanel(圖形介面),只要點點圖示、動動開關、或輸入點文字,就能處理大部分的功能,提高使用效率 😆  😆

不同主機商會在基礎的 cPanel 框架上開發自有功能,所以常會發現每家主機商的 cPanel 後台,長得不太一樣。

cPanel 有什麼功能?

有建立 Email 帳戶、網域管理、備份 / 還原網站、設定網頁快取、FTP架設、資料庫、查網站流量 / 空間等 … 非常多功能(依不同主機商提供功能為準)。

許多虛擬主機商,後台會使用 cPanel 進行開發+擴展,如:Bluehost 的 cPanel 後台,也經過美化&功能增強。

就是為了更好的體驗:)

新版的 Bluehost cPanel 後台介面長這樣,是不是美多了!

bluehost教學 :cPanel後台介面
bluehost教學 :cPanel後台介面

現在,相信對 cPanel 有進一步的認識了吧!

下一章你將會學到,會和大夥兒分享 網站架設推薦 的幾種方式,繼續看下去 😆 😆


subject-10

9. 網頁製作教學(4種方式)

網站架設 :網頁製作教學
網頁製作教學

通常要架設網站,不外乎 4 種方式(等等進行評比):

  1. 使用網頁製作軟體,如:WordPress、Joomla、Drupal ..
  2. 使用網頁製作平台,如:痞客邦、Medium、Wix、Weebly ..
  3. 自學程式語法架設,如:HTML、CSS、JS、PHP、Python、Nodejs、Ruby、C#等 ..
  4. 請網頁設計公司製作。

看完這幾點,你可能會問:「哪一種比較好?」。

網站架設 :你小時候的選擇障礙!
你小時候的選擇障礙!

網頁設計公司 製作?或者免費網頁製作平台?還是自己學程式?覺得很難選嗎,請先問自己三個問題:

  1. 官網主要目的是什麼?是否需要特殊的功能?
  2. 我是否有足夠的架設網站知識(技術背景)或是足夠的財力?
  3. 我對於曝光能力與行銷是否有把握?

如果網站本身就是產品(SAAS),也可能會不斷的更新或擴充功能,或需要高度客製化功能,這種情況,基本上你就是得自行開發啦(選3或4)!

不過,如果你的主要目的是「寫Blog平台、網路開店平台、官網形象展示 .. 」,其實不一定要花大錢,也可以透過第三方平台來達到,這樣不但省錢,而且也快速(選1或2)。

如:近來很夯的 WordPress 都很方便,而且使用網頁製作軟體、平台,多少會有些固定社群流量,對於一開始什麼資源都沒有的,是比較好入門的選擇 😆

針對這幾項,等在後面也都有做介紹,別著急 🙂

4 種方式,簡單小評比

這邊先看看,剛上面提到的 4 種 網站架設 方式,並做簡單的評比:

網頁製作軟體

案例代表有:WordPress、Joomla、Drupal
網站架設 :wordpress v.s drupal v.s joomla
wordpress v.s drupal v.s joomla

這是我最推薦的一種方式,尤其是 WordPress(擁有最大的社群),詳細教學可看 WordPress教學文章

你將有屬於自己的網域+虛擬主機(自有),像我的網址:「 http://frankknow.com/ 」,就是自己申請的,不會附屬在任何子網域下面。

主機也是自己的申請+管理的,舉例像是:Bluehost主機,後台使用越來越簡單,就算不懂程式,一樣可以管理自己的虛擬主機。

若還沒有網址&虛擬主機,可點擊下面按鈕,依照本文教學,完成申請。

網頁製作軟體(如:wordpress )有很多好處,他們有超多套件可以安裝,不論你是想要討論區、會員系統、電子報設計、主題背景等 .. 應有盡有 😯  😯

網站架設 :Wordpress外掛安裝
wordpress外掛搜尋

只要照著步驟安裝就好,就算你不會程式,還是可以自己完成一個 網站架設 ,整體成本會降低很多 🙂

網頁製作平台

案例代表有:痞客邦、Medium、Wix、Weebly

好處是都建置好了,只要專注在自身專業上,如:文字撰寫 / 商品銷售等.. ,程式這些難懂的人家都處理好了,不懂打個客服問也沒問題 😮

大多數也是免費軟體,有收錢的話是用月 / 年租方式(如:網路開店平台),用的不習慣終止也行,所以壓力也小很多。

wix免費註冊

比較麻煩是資料都綁在平台上,假如某天平台公司倒了(不是不可能的),想當然資料就 ..👋👋。

想想你的好幾百件上架的網路文章、重要商品 ..,整個辛苦經營的 SEO 歸零,整個很點點點 ..。

網站架設 :無名小站關站公告
無名小站關站公告

還有,你的網域申請只是子網域,如:痞客邦網址(yourname.pixnet.net/xxx/xxx .. ),雖然還是可以經營自媒體,但你的網站,終究不是你自己的 。

網站架設 :非自有網域
痞客邦子網域

小建議:

如果是架設 Blog(經營自媒體,需要寫文章),我建議使用 wordpress 架設,取得完全控制權比較保險。

自學程式語法架設

案例語法有:如:HTML、CSS、JS、PHP、Python、Nodejs、Ruby、C#等 ..。

第三點方式架設(學程式,自己架設網站):優點是你有最高的網站控制權,從網址、 主機、 程式架構、 擴展性等.. 你就是王,不用依附任何平台的改變。

不用被迫調整自己的商業走向,所有變化性完全自己決定,如果你要做SAAS(軟體即服務),那這一定是必須的,舉例有名的如:FB、 Line、 User等 .. 都是,就是很夯的「 網路新創 」公司 🙂  🙂

網站架設 :saas幾種模式
saas幾種模式

如果你的商業策略不需如此,如:只想簡單的寫寫 Blog。使用這方式,可能就有點大費周章了。

當然,如果要完全客製化或是要很特別功能,那還是要懂程式語法才行,不然就要花錢請人製作了。

想自學程式架站這也可行,但在我學習程式的路途上,確實發現這個領域非常的「深」,沒幾年時間,想架設出像樣的網站(架構、 功能、速度)等都不太可能的,看下面的圖應該會有所感 😯  😯

網站架設 :程式學習路線圖
GitHub前端學習路線

上圖只是網頁前端領域(每一個長方形格子,代表著一個需要學習的技術),後台程式和主機架構又是各另一張學習領域,所以 .. 如果要踏入,強烈建議一定要有決心或興趣才會走的久💪💪

當然懂些基本程式語法一定有幫助,如:Html(身體)、Css(衣服)、JS(動作),在編寫文章時,可以直接操作語法,有時也來的更快、更漂亮!

請網頁設計公司製作

如果預算足夠,「花錢外包製作」也是一個好的選項,因為只需要出錢,其他交給設計公司完成就好,也能享有高度的客製化 🙂  🙂

網站架設 :網頁設計網站
網頁設計網站

Q:「 小犬,如果我想做一個叫車系統,有點像 Uber 一樣,有會員端和司機端,會員端的頁面要有即時車輛移動的畫面、和司機評價顯示、轎車類型選擇、線上支付、還可以一次叫兩台車(因為可能人很多),然後司機端功能需要 …,請問我該如何做? 」。

A:「 1. 自己學程式  2. 花錢外包製作  3. 請工程師朋友幫忙 」,選一個吧!

想高度客製化網站,可能就需要花錢外包製作、或自己學程式完成、或找工程師朋友幫忙 ..,不建議使用任何一個網路架站平台,會很難做成你想要的。

因為他們程式碼幾乎不給修改(如:痞客邦、Medium、Shopline等 ..),就算開放修改,程式碼框架也是他們訂的,之後也難維護/擴充。

網站架設 :花錢買時間 / 買技術
花錢買時間 / 買技術

所以乾脆直接花錢外包製作,速度還比較快一點,但 .. 在外包之前,我建議還是要懂些 網頁設計教學 流程,不然到時找到很「雷」的設計公司,或者是自己的需求也不知道跟人家如何談,那就麻煩了。

結論

看到這裡,恭喜對 網站架設 的 4 種方式,有更深一步的認識了:)

我會推薦先從 WordPress 網頁製作軟體,開始網站架設第一步,之後若想自學程式 or 請人外包製作,會協助你更進入狀況,點擊下面連結學習。

網域註冊 > Bluehost 主機申請 > WordPress 網站架設,完整學習 icon-arrow-down icon-arrow-down

Bluehost教學 :WordPress 虛擬主機課程(自架網站)


subject-11

10. 網頁製作軟體

網站架設 :wordpress教學

說到 網頁製作軟體 ,我直接列出市場上,最受歡迎的 WordPress ,為大家介紹。

若還沒有網址&虛擬主機,可點擊下面按鈕,依照本文教學,完成申請。

WordPress 開始於 2003 年,當時只有一些簡單的代碼,與少數的使用者,他們藉此提升日常寫作排版的便利性。自那時以來,它以逐漸成長為目前世界上最大的自我架設部落格工具,也被數以萬計的網站所使用。

CMS 系統市佔率
CMS 系統市佔率

WordPress 是一個 PHP 為主體的開放原始碼專案,全世界有數以百計的人正在為它付出心力(多於大多數的商業平台)。

WordPress.org  vs  WordPress.com 有差別嗎? 

WordPress 分為 wordpress.org 以及 wordpress.com 兩種,不管哪一種都擁有 wordpress 網頁製作軟體的特色,如:免費架設網站、寫Blog平台、網路開店平台等..。

wordpress.org 優缺點

優點:整體來說開放性高、可自己管理網站程式碼、可自行管理虛擬主機、可在後台免費安裝wordpress外掛和主題(wordpress重要特色之一)、夠帥(咦!  😳 😳 )

缺點:網域申請、主機架設都要自己來,對於想省事的人可能會覺得麻煩一點。

wordpress.com 優缺點

優點:網域申請、虛擬主機架設,他們都已經幫你搞定,通常在安裝時,只要不斷的填資料然後點下一步,就可以安裝完成,簡單來說就是省事。

缺點:附屬在 wordpress 公司底下由他們直接管理,自由度低,如果你想安裝外掛是需要付費的,無法管理自己的虛擬主機(沒有FTP帳密)。

WordPress 網站範例,如何組成?

WordPress主要分成「主程式」、「外掛」、「佈景主題」三種。

主程式:
WordPress 由 wordpress.org 維護和發展,在台灣也有 WordPress Taiwan正體中文 社團,可供入門者詢問或老手技術研究+探討,目前社團人員有2W多位,對於想要學習 wordpress 的朋友來說,是很好的資源。

外掛:
WordPress 在外掛上的表現非常全面,幾乎你想要的功能,都有程式開發者開發完畢,如:社掛、Email、網站優化、SEO、外觀主題、論壇討論區等 .. ,可說是超級豐富。

佈景主題:
WordPress 提供許多免費的佈景主題,在其內部就有許多可以選擇。

若想客製化網站,或擁有更多主題功能,推薦你使用 Avada 付費佈景主題,它是一款國內外熱銷的主題,用拖拉方式,就可製作形象網站,且內建多種模版可直接套用,功能十分全面。

若想學習 Avada 客製化網站製作,可以參考我寫的 這篇文章,相信會幫助到你:)

envatomarket 是國外可以購買主題和外掛的知名網站,也可以來這裡逛逛。

更多 WordPress 前後台教學?27 個課程,前往學習 icon-arrow-down  icon-arrow-down 

WordPress教學 :27 個後台課程(含安裝+主題推薦)

看完這裡,對 wordpress 是不是又更加了解呢 😆 😆


subject-12

11. Google、Yahoo、Bing網站登錄

網站架設 :Google網站登錄

網站登錄:「 主動將網站提交給搜尋引擎,讓使用者可以透過關鍵字排名,找到你的網頁 」。

目前台灣搜尋引擎主要是Google、Yahoo(搜尋引擎已經和Bing合併),所以 Google 註冊網站就使用 Google search console,Yahoo 和 Bing 註冊網站就使用 Bing網站管理員

因為每天新增的網頁十分的多,主動出擊提交文章給搜尋引擎,會加速你網頁被搜尋到的速度,所以網站管理員(Google search consolebing webmaster)是不是非常重要呢 🙄 🙄

當然 .. 你可能需要生成 Sitemap 的工具,如:Google XML Sitemaps ,這邊提供給你,希望對你有幫助:)

搜尋引擎數據比較

目前全球搜尋引擎市場,幾乎都由 Google、Yahoo、Bing 三家所瓜分,讓我們來看看下面的圖表:

網站架設 :搜尋引擎比例
Bing-vs-Google-Search

第一名 Google 高達 64% 的搜尋引擎市場,第二名 Bing 也有 22%,第三名 Yahoo 則是佔了 12% 左右,由數據也告訴我們,如果想獲得網路流量,往這三大搜尋引擎做 SEO 優化準沒錯。

以台灣來說,目前是 Google、Yahoo 寡占市場(搜尋引擎已經和Bing合併)。

若想在 Google、Bing 取得良好的關鍵字排名,最重要就是先到 Google網站登錄Bing網站登錄 進行網站登錄,這樣會協助瀏覽器,更快找到你的網站唷:)


subject-13

12. CloudFlare(CDN

SiteGround CloudFlare 教學

CDN 是什麼呢?

全名是「 內容傳遞網路 」(Content delivery network 或 Content distribution network)。

簡單來說,CDN 伺服器分散於全球各地,會去抓取距離你最近的伺服器內容(如:你人在美國,就會去讀取美國 CDN 伺服器)。

CDN 內容傳輸網路:cloudflare
CDN(CloudFlare)內容傳輸網路:瀏覽器資料讀取,示意圖

然後,把原來存取在裡面的網頁內容取出,最後呈現在瀏覽者面前。

優點:可以節省主機流量、加快網站速度(緩存機制)、降低主機被攻擊的機率等(不容易找到你真實主機的位置,因為已經分散至世界各地)  ..

那 .. CloudFlare 是什麼呢?

CloudFlare 是一家提供 CDN 服務的公司,是目前最廣為人知的。

國外有眾多大公司均使用其服務,如:nasdaq、cisco 等 ..。

使用 Cloudflare 眾多的客戶群們~
使用 Cloudflare 眾多的客戶群們~

且背後有微軟、Google、百度等贊助,所以想啟用 CDN 服務,先使用 CloudFlare 就對了。

經過這章節,相信你已經充分了解,CDN 是什麼&它的優點~


subject-14

13. 網頁製作平台

網站架設 :網頁製作平台

評價比較好的網頁製作平台,目前有 Wix、Weebly、Strikingly 等 ..,就算不會程式碼,也能用拖拉方式,簡單完成網站設計唷!

本章節就挑選 Wix 跟大夥兒介紹(因為使用者比較多),當然 .. 你可以挑選適合自己的使用,那我們就開始吧 😛  😛

Wix

wix教學 :wix logo
wix教學 :wix logo

Wix 在全世界擁有許多愛好者,是許多人愛不釋手的 網頁製作平台 :)

除了響應式網頁設計的拖拉佈局工具,Wix 也提供 500 多種的網站模板,供你做選擇 .. 讓你選不完 0.0

Wix 目前主要分成「 Wix Editor (編輯器)」、「 Wix ADI(人工智能)」,這 2 種網站設計方式,如下個別為大夥兒介紹:

wix教學:wix editor & wix ADI
wix教學:wix editor & wix ADI

Wix Editor(Wix 編輯器)

Wix Editor 是 Wix 一開始就擁有的網頁設計範例,是很直覺的網站架設流程。

它提供 500 多種模板讓你選擇,若使用 Wix Editor 響應式網頁設計工具,就不用怕找不到自己喜歡的樣式!

wix教學 :多種選擇模板

當選完喜歡的模板後,再搭配使用 Wix Editor 的選單編輯器,就能客製化你的網頁囉!

你只要用拖拉元件方式,就能新增一個區塊,然後點擊你想修改的地方,輸入文字 or 圖片,即可完成一個區塊的設計,是不是很方便呢,如下圖:

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

Wix Editor 左邊的選單列,都有不同功能,像是我點選了導航菜單功能,我就能設計我網站中的導航列表囉!

若是你比較喜歡自己手動的感覺,也想最大客製化自己的網站,用 Wix Editor 編輯器模式準沒錯!

Wix ADI(Wix ADI 人工智能)

Wix ADI 是新開發的網頁製作軟體,只需要提供一些基本訊息,Wix 就會用人工智能方式,創建符合你需求的網站 .. (剛好搭上人工智能風潮 @@)

雖然修改彈性小於 Wix Editor,但創立的網站速度更快,很適合時間緊迫想快速完成架設的用戶。

wix教學 :wix ADI 工具
wix教學 :wix ADI 工具

因為整個流程,你大概只需點擊按鈕,挑選你的網站定位和輸入一些些基本網站訊息 .. 就能離完成網站,更靠近一步了。

是不是非常的 .. 人工智慧:)

wix ADI 功能教學

當然,還要來看一下使用 Wix ADI 的網頁編輯頁面,如下圖:

簡單來說,優點就是架設網站速度變更快了,缺點是客製化程度比較低 ,所以各有優缺點,但至少 .. 一個網站很就出來了,感覺還不賴:)

WIX ADI 網頁設計教學
WIX ADI 網頁設計教學

當然 .. 有許多人拿 WordPress 和 Wix 做比較,或許你可能也有這方面的問題,到底哪個比較好?

以我的經驗來說,若是想經營網站長長久久,建議使用 WordPress 網站架設方式

因為 100% 自主權在自己身上,也不會有平台商倒掉,然後網站要重新經營的問題 ..

更多 WordPress 前後台教學?27 個課程,前往學習 icon-arrow-down  icon-arrow-down 

WordPress教學 :27 個後台課程(含安裝+主題推薦)

但若是你只想快速架設一個網站,如:老闆催你隔天就要給他一個網站頁面,上面要放行銷的訊息 or 產品,供關鍵字廣告導入頁面用(Landing Page)。

這就比較會是一次性或短暫使用的狀況,就建議可以使用像 Wix 網頁製作平台,省時又省力又能準時交差,廣告行銷結束後,若網站不需要想刪除,隨時都可以。

所以總合來說,就是 WordPress 和 Wix 各有各的好,端看你的需求在哪裡:)


subject-15

14. 網站設計公司挑選

網站架設 :網站設計公司挑選
網站架設 :網站設計公司挑選

除了免費 網站架設 ,或許你需要很「 客製化 」功能,如:Uber 派車系統、FB 社群服務、購物車網站設計等 ..。

舉個例子:像 Uber 的派車軟體系統,不管是什麼網頁製作軟體(平台),都無法做出來吧 .. 😯  😯

網站架設 :Uber功能網站
網站架設 :Uber功能網站

若免費網頁軟體無法辦到,如:wordpress(雖然很彈性,但還是有上限),就需要付費請網站設計公司,協助你架設網站了。

本章節會教大家如何挑選好的網站設計公司,需要注意些什麼,還有 網頁設計流程 等概念 ..。

網站設計公司挑選,重要3點:

1. 公司 OR 個人(SOHO族)

2. 網頁設計作品集

3. 網頁設計報價價格

接下來我們各別來說明細節部分:

1. 公司還是個人?

網頁設計網站的外包市場,大致上可以分公司、個人網頁接案(SOHO族)這兩種。

如果要選擇的話,我會推薦選擇「 公司 」協助架設網站,而不是「 個人 」接案,原因是:

個人:可以不做就不做,公司:員工不做,老闆可以再請人

通常一個人要在網頁接案領域長久經營,除非本身業務力強,不然是很容易中途放棄的,若是幫你架設網站的人不做了,你的網站資料可能就不翼而飛了。

當然也有公司倒的,就像個人接案後來不做一樣,但公司穩定性通常比一個人高很多。

大多數人,會請網頁製作的人 or 公司代管主機,如果個人不見要找到是比較困難,公司的話還比較有辦法追溯。

當然相比「 請人代管主機 」,我最推薦的是「 自己管理主機 」,因為程式碼+資料庫都在你手上,可以放一百萬顆心,麻煩的是要懂些架設網站觀念。

( 還好這篇文章,就是在教你這些技術 😎  😎 )

這邊也建議,不管是請個人 or 公司製作網站,假如是請網頁設計公司協助你代管主機,切記一定要拿到完整的程式碼,不然到時候人或公司怎麼了,你的錢也白花了。

記得,如果是請網站架設公司製作網頁,也先打聽一下公司成立多久,也會安心許多!

我來整理一下重點:

1. 找公司製作比找個人還來的安全。

2. 自己管理主機是最好,沒辦法的話請拿到你網站程式碼。

3. 打聽一下公司成立了多久。

2. 網頁設計作品集

比起網頁設計報價費用,我會認為公司的作品集(範例網站)更加重要。

可以做個小實驗,點進喜歡的網頁設計公司作品集,隨機挑選 3 – 5 個網站,之後幫你架設的網站,大概也會長那樣子。

目前在網頁設計的市場,很多人喊價喊到5000、8000做一個網站,我心裡也是點點點,看看他們的作品集吧,你會有答案的 🙄  🙄

其實一分錢一分貨,當然如果真要花錢做網站,一定要貨比三家不吃虧,但 .. 我會提醒的是,千萬不要把價錢當唯一,不然做出來很醜,你會很想哭的相信我。

還有一個判斷這家公司設計品質方式,就是看他的官網設計的如何,如果很醜,請三思而後行。

想想他的官網都長成這樣了,你的網站設計會好看到哪裡去,是吧?

小提醒:網站設計品質比費用還重要!

3. 網站設計報價價格

最常見的架設網站費用,就是 套版客製化 兩種,但最近由於網路服務的興起,有些網頁設計公司也搞了個 租用型 的方式,所以目前大致上是這三種。

1. 套版方案

2. 客製化方案

3. 月/年租型方案

1. 套版方案

就算是 Rwd 網頁設計,如果只是一般的企業形象網站,有超過 10 萬就算貴了。

如果是購物網站套版,5 – 20萬(或更高)都有可能,因為裡面可能有公司開發好的會員系統、商品管理、訂單系統、客服系統等 .. ,功能多自然價格也高,是合理的。

要注意的是,是否有需要用到這麼多功能,畢竟剛開始經營網路商店,創業維艱,衡量自己需求找到最適合自己的套版方案,是要做點功課的 😉  😉

2. 客製化方案

客製化方案的網頁設計報價,是沒有上限的,對的你沒看錯「沒有上限」!

如果需要很「 客製化 」的,教你一個跟網頁業務溝通的方式,先告訴他你的預算,方便他在你的預算內,幫你搭配功能。

網站架設 :訂位管理系統
網站架設 :訂位管理系統

上圖,是客製化的訂位管理系統(SaaS),還結合了後位管理、顧客管理、座位安排等功能 .. 想當然費用會比較高。

客製化方案的網頁設計報價費用,從10萬、20萬、50萬、甚至100萬都有可能,主要還是看需求而定。

使用客製化方案,可留意下面幾點:

  1. 客製化網站時,請先告訴業務你的需求和預算。
  2. 貨比三家不吃虧。
  3. 設計品質比價格更重要!

3. 月/年租型方案

使用租用型方案,背後的運作方式是原來一次性的買賣改成分期方式跟你收費而已,但最終網頁設計網站,還是不屬於你的 .. 所以,除非是以下兩種狀況,不然不太推薦 😯  😯

如果是我,假如要用月租型方案,會只會用在這個情況:

一次性網站設計費用太高,先月租試看看水溫

寫到這裏,是不是對挑選網站設計公司,有了一些概念了呢?希望能幫助你,找到理想的網站架設公司唷!  😆  😆

接著,對於一個完整的網站組成,主要由「設計」+「程式」兩塊構建而成,

下一篇我會跟大家分享「設計」和「程式」的教學和資源,提升大家對 網站架設 教學的 Know-How!


subject-16

15. 網頁設計教學/資源

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

有人問我說,若自己想學習架設網站(類似網頁設計師),而不是用軟體或外包,那需要會些什麼?

我回答:一個完整的網站,包含兩個重點「設計」+「程式」層面,目前所看到都是。

網頁設計 – 業界小概念

在網路剛剛開始盛行時,若有個網站就很帥了,「設計」那時還不是很重要。但現在,如果rwd網頁設計不好看,那「跳出率」自然就會高,當然得不到好的Google網站排名。

「設計」完成的下一步,就輪到「程式」開始實作啦!

「程式」部分比較理性,任何一個功能實現,都需要合乎邏輯的程式碼,也代表需要花很多時間 (設計的越是複雜越是 ..),所以常會聽到設計師需要和工程師「溝通」,就是這樣來滴!

若是設計的太天花亂墜,再強的工程師也做不出來,所以在網頁設計業界,這兩者達到一個平衡並完成作品,是最好的 😆  😆

接下來,我整理了一些「設計」和「程式」的相關資源。

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

網頁設計「靈感參考」:

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:由微軟開發新一代強大且優秀的編輯器,內含豐富外掛可供安裝。

在這章節,相信大家應該也初步了解,一個網站設計組成的基本要素了,也分享了一些網頁設計資源,如果更有興趣的,還可以成為「設計師」「工程師」一起入坑(喂~)  😆  😆

分享這些也不是說一定要成為「設計師」或「工程師」,才能架設一個漂亮的網站。

但若想請網頁設計公司製作漂亮的網站,自己也要懂些基本概念流程才可以,才不會要求設計師做出「很雷」的網站。

可以學習的:A)基本的設計美感  B)程式的話,稍微懂工程師主要是用哪些語言開發的即可


subject-17

16. 開始起飛!

恭喜啦!!如果有從最上面看到這裡,在架設網站這塊領域,你應該也了解網站如何從 0 到 1,從建立到完成 ,還有 網站架設 的相關概念,一次通通灌輸給你 🙂  🙂

網站架設 :startup-rocket

許多人認為 架設網站 一定要工程師才能完成,但事實是,在現在 架設網站推薦 這麼多下,就算是門外漢,其實只要照著步驟走,也能親手架設屬於自己的網站(上面我教學了許多種方式)。

現在輪到你了 

在這篇文章,示範了多種從 0 到 1 的 網站架設 範例,也提到了多個知識點,如:網站架設教學、網頁製作軟體、網頁設計公司挑選等 .. 多種教學。

更多 WordPress 前後台教學?27 個課程,前往學習 icon-arrow-down  icon-arrow-down 

WordPress教學 :27 個後台課程(含安裝+主題推薦)

不知道你在操作上,是否有遇到任何的問題?

無論是哪種情況,我非常歡迎你在下面的評論裡告訴我,你學到、遇到了什麼?

如果可以,我也會幫忙大家解惑的!

資料參考(若沒附上的,再麻煩提醒我,我在加上去,感謝~):

三個CMS系統的比較

Bing vs Google: SEO Strategy Across Search Engines

CloudFlare: 維基百科

奧革設計資源彙整

DNS: 維基百科

我是站長小犬,長期關注:WordPress 網站架設、WordPress 後台教學、WordPress 佈景主題、WordPress 外掛、網路行銷等 ..:)

43 COMMENTS

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

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

      祝你一切順利:)

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

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

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

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

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

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

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

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

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

    非常感謝!

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

      希望有幫助到你:)

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

    • HI,CarolHuang:

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

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

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

    • HI Amy:

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

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

      希望有幫助到你唷:)

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

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

    • HI Hower:

      謝謝你的鼓勵和支持:)

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

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

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

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

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

    • Hi 傑瑞:

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

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

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

    • HI bella00xx:

      你好,是可以的唷。

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

      希望也幫助到你唷:)

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

    • HI 吳尉嘉:

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

    • HI DDR:

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

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

      希望有幫助到你唷:)

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

    • HI mimi lee:

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

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

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

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

      希望有幫助到你唷:)

發表迴響