如何架設網站:一個完全免費的教學(Blog推薦 + 網頁製作軟體 )

你以前嘗試過許多不同的網頁建立教學影片,但它們都有一個共通點。

寫教學文章的那些人,他們並沒有真正花時間去建立一個真正的網頁….

他們只是複製其他人所做的,把不完整的資訊(和很多的挫折)留給你!

更令人困惑的是...他們實際上並沒有製作任何影片。我的意思是,你怎麼知道他們真的知道自己在做什麼?!

不用害怕,我們已經從事這行五年了,我們會教你以下:

  • 如何不用學習HTML或其他困難的東西就能創立一個網頁
  • 如何購買一個網域名稱(不是免費的,但非常便宜!)
  • 你應該使用哪些虛擬主機(不是免費的,但非常便宜!)
  • 如何用免費的軟體建立看起來專業的網站
  • 如何保護你的網站以防駭客入侵。這叫做SSL憑證(或者SSL安全性憑證),價格通常在100美金左右,但我會教你一個能免費取得的技巧!
  • 如何製作一個聯絡資訊界面
  • 當我們結束時,你將會建立一個價錢實惠且看起來專業的Wordpress網頁!

好吧!你快點準備好!我們開始!

好,所以我們要如何實際建立你的網頁?!

如我們所說,我們不會用HTML或任何複雜的東西。取而代之,我們將會使用一個普遍的網頁建立工具叫“CMS” 或者 “Content Management System”,意思是內容管理系統。

CMS 系統

市面上有很多不同類型的CMS系統。我們最喜歡的,要推薦給你的是Wordpress。許多主要的出版者都使用這套系統,例如:紐約時報。你覺得一般的記者會知道如何使用HTML寫程式來發表他們的文章嗎?

當然不會!

他們只需要登入,然後撰寫那天所需的內容。

CMS 是什麼

CMS是一個幫助管理你網頁的文章的網頁應用程式或者電腦軟體。現今,從零開始利用寫程式的方式建立網頁已經很罕見了。就連專業的工程師都會使用某些應用程式來加快建立網頁的速度,減少令人頭痛的過程。

想想看,如果你計畫要在網路上經營一家公司,你需要發表很多文章。你需要一個簡單的方式來管理這些文章,而CMS就是你的解決辦法。舉例來說,這個網頁使用了CMS。它清楚的標示了甚麼是什麼是什麼和這些東西該放在哪裡。

這如何幫助到你?

這個系統的另一個好處是它讓你能夠很快地建立一個網頁。所有的事情從發表新文章,解釋你的服務項目,設計你的網頁(讓網頁變得好看)都可以在點擊幾個按鈕後達成。

例如,我花了五分鐘左右建立的這個網頁。我沒有誇大。撰寫課程的內容花了我多更多的時間,但這個網站的第一個版本是在幾分鐘內被建立的。

這是證據:

CMS 系統

CMS 安裝

安裝CMS最簡單的方式是購買已經安裝好CMS的虛擬主機。否則,你需要花好幾個小時或好幾天學習一套全新的技能。

這是我們為這個網頁所做的,我們沒有花好幾個小時去處理資料庫或複雜的安裝指令,我們直接購買一個已經幫你處理好這些事情的商品。

無論如何你需要購買一個虛擬主機,既然它們的花費都一樣,那你不如買一個,它能夠你的生活變得簡單很多。就連我專業的工程師朋友們都這麼做,真的能夠節省很多時間跟減少令人頭疼的工作。

專注在讓你的網頁變得更好。而不是在會讓你慢下來的資訊技術細節上。

網域申請

網域是什麼 | 網域和網站的差別是什麼?

一個網域是你的網頁的名稱。例如:這個網頁的網域是:iknowwang.com

而網站是一個實體,是運作你現在所看得的東西的內容與軟體。

URL是什麼

URL,中文稱作統一資源定位器,是一個訪客瀏覽的特定頁面。

例如:一個訪客瀏覽我們的聯絡介面。他們可能會看到像是iknowwang.com/contact-us的東西。

如果我們創立一個"關於我們"的頁面

我們可能會讓URL是iknowwang.com/about-us

簡短來說,它是在指一個特定的頁面或我們網頁的位置。

如何申請網域

網域註冊十分簡單,但首先我們先說明幾個技巧。

選域的技巧和考慮的點:

技巧一:選擇一個好的TLD(高階的網域)

一個TLD只是網域名稱的最後部分。現今,有許多不同的TLD,但通常最常見的有“.com, .net, .org, .tw etc”。

例如:我們網頁的TLD是 .com:

網址

幾乎在所有的情況下我們都推薦.com,它很好記,幾乎所有的國家都使用它。

比方說:如果你想要在中國、香港、新加坡、台灣等國家行銷你的服務,你將會展示你擁有一個國際品牌。

技巧二:選擇一個能夠建立品牌的網域名稱

一個好記的名稱

技巧三:不要擔心出錯或者選到一個不好的名稱

你可以隨時改變你的網域名稱。所以不要太過擔心沒有取一個完美的名字。

現在,最重要的事情是開始做並且接納錯誤。

技巧四:如果你以前從來沒有建立過網頁,選擇一個容許你購買一個網域名稱的網站。

什麼是虛擬主機?

這是一個很深入的主題,但簡單來說虛擬主機就是你的網頁存活在的電腦。這些叫做伺服器。

一般來說,你希望你的主機的位置盡可能地靠近你的瀏覽者/客戶。中心的位置,像是新加坡,讓你可以服務全亞洲,且不會被中國阻擋(像是位於台灣的伺服器)

哪些是最好/最便宜的推薦?

很諷刺地,所有比較便宜且使用上較簡單的服務都是美國公司。

讓我們為你解釋為什麼!

地點:

我們喜歡的公司SiteGround,他們在幾乎每個洲,包含亞洲都擁有資料庫中心

siteground

這也是為什麼我們決定在這個網站上使用他們的服務。

为什么機房位置那么重要?為什麼機房位置那麼重要?

如果你的機房都在亞洲,比如台灣、新加坡、香港、日本或其他的亞洲國家。你希望你的伺服器離顧客越近越好,這樣一來,你的網站加載速度會越快。網站的伺服器離太遠的話,你的網站的加載速度會很慢。

操作很簡單以及優良的服務

24小時的服務。他們馬上會回復你,他們甚至在晚上有客戶支援人員待命。

我無法表達這到底有多麼重要。沒有比在周末或半夜忙於你的網頁時遇到微小的技術問題,你必須要停止所有的工作然後等上好幾個小時,甚至一天兩天他們的支援人員才會回復更挫折的事情了。

因為他們擁有很多的用戶,他們知道如何把他們的平台變得容易操作和引導用戶。

通常,美國公司有一個聊天視窗,所以你能夠快速地打開一個聊天視窗,解決你網頁有的問題。

如果你的英文程度沒有那麼好,使用Google翻譯。特別是我剛來到台灣的時候,我必須常常使用Google翻譯。如果我可以這樣做,你也可以。

服務

使用很簡單:

老實說,很多中文語言的產品有一點令人困惑。讓你的網頁瀏覽器自動地把所有東西翻譯成中文會比學習怎麼使用福雜的系統簡單。

通常會比較便宜,你也會得到更多東西:

收費

在台灣的虛擬主機的優點主要是語言服務以及位置。

如何架設網站

我們需要做的第一件事情是註冊一個Site Ground的帳號,他們甚至會幫你購買一個網域名稱。我建议你使用Siteground Hosting. 我建議你使用Siteground虛擬主機。

  • 他們的服務非常好,有24小時的客服。
  • 很便宜!每個月不超過4塊美金!
  • 他们的服务器在亚洲
  • 美國公司,可以使用Google翻譯與他們的線上客服聊天
  • 在Siteground你也可以購買網域,像我自己很喜歡使用 「.com」因為它便宜又專業。
  • 30天內退費保證

如何註冊Site Ground

首先,你需要去 https://www.siteground.com/ 看他們提供什麼方案。

 

platforms

 

我個人偏好“GrowBig”(大規模發展)方案。這樣一來你可以創立多於一個網頁。然而,如果你想要一個比較便宜的方案來開始,StartUp(入門/新手)方案也可以。你可以之後再升級。

 

get started

 

Start Up Plan:  入門/新手方案

  • 包含SSL(安全通訊端層)
  • 如果是你的第一個網頁那這個方案對你來說很好

選擇一個網域名稱然後購買它

 

choose domain

 

 

提醒:如果你偏好的網域名稱已經有人使用,你將會需要選擇另一個。

現在到你的個人資料

個人資料

超級重要!!!

你將會需要選擇資料庫的位置。如果你的目標客群在亞洲,切記要選新加坡

 

purchase information

 

一旦你確認購買,你會被指引到這個畫面。

 

account created

 

安裝 CMS

選擇你想要創立一個新的網站

 

new website

 

選擇Wordpress

 

select wordpress

 

填你的用戶名和密碼

特殊提醒:把這些資訊安全地保存好,之後你會需要用到!

 

save info

 

特殊提醒:把這些資訊安全地保存好,之後你會需要用到!

很好!你的Wordpress 應該已經被安裝到你的電腦,當你瀏覽你的網頁,你會看到像是這樣的畫面。

登入CMS

如何登入CMS後台?最基本的方法是在你的網頁URL後面加上/wp-admin然後按enter。

例如:

登入CMS

這樣做,你會被帶到你的網頁的登入畫面

提醒:如果你在你的登入選單上看到英文,下一步我們會教你如何將語言改成中文。

login

改變語言設定

如果你的Wordpress 不是自動設定成中文而是英文,以下是如何改變語言。

首先去到設定

 

settings

 

在頁面的中間,使用卷軸將語言改成中文。在同一個頁面的最下方,點擊Save Changes.「Save Changes」的意思就是「儲存變更」

 

language and save

 

你的Wordpress 設定就會變成中文啦!

安裝SSL憑證: 改善你的網頁的安全性

現今,網頁被入侵是很非常普遍的。一個簡單且免費的方式來避免入侵是為你的網頁取得SSL。

總之,當你看到一個網頁有「S」代表安全

ssl

這是一個我們的網站在安裝SSL之前的範例

ssl-1

簡單來說,當你看到一個網址只有「http:」 而不是 「https:」,代表它很可能會被入侵。

此外,主要的搜尋引擎,像是谷歌、百度和雅虎都提供一個SEO(搜尋引擎優化)排名提升。總之,它是一個SEO(搜尋引擎優化)行銷手法,如果你的網頁能在搜尋引擎中更顯眼,你的網站會得到更多流量。如果你的網站有更多流量,你會有更多顧客。

很好的是,這個虛擬主機包含了免費的SSL(推薦)

在你的Siteground管理介面。

提示:如果你忘記如何登入你的管理介面,查看你的信箱。你的登入資訊已被傳送給你。

進入cPanel

cPanel是什麼?

Cpanel 是你網站的後台,你可以建立信箱以及其他東西。在這個情況下,我們會用cpanel 來建立SSL。

如何操作:

 

cpanel

 

登入Cpanel後,在頁面的下方會出現一個安全部分,選擇Let’s Encrypt的選項。

 

encrypt

 

選擇你的網域名稱然後安裝SSL:

 

install

 

快完成了,我們現在只需要在Cpanel再設立一樣東西。

返回CPanel,回到「Let’s Encrypt」的選項。

選擇一個叫做「HTTPS Settings」的動作。

select http

 

然後選擇下列的設定

 

manage http

 

加油,我們還有最後一個步驟。

最後一個步驟,你需要登入Wordpress,不要跳過這個步驟,你的網頁的健康取決於它。

基本上,我們需要告知Wordpress 你已經升級到SSL。即使直到下一堂課前,我們不會專注在這個主題上,在我們更深入Wordpress之前,你還是需要學習一些基礎。

你需要做的是登入Wordpress。一旦你登入後,選擇這些選項

 

wordpress login2

 

下一步,你需要找到SSL升級,使用「Really Simple SSL Extension」

 

 

如果你的操作都正確,你會看到這個畫面,給它幾分鐘讓他完全顯示。

installed

重整你的瀏覽器來完成安裝,選項應該會自動出現。

點擊最終安裝的按鈕

 

refresh

 

你的URL應該會長這樣

secure

下一步?

如果你一路跟到這裡,那真的很棒!大部分的人早就放棄了!所以...恭喜!下一個步驟是比較酷的部分!你會學習如何使用Wordpress!

點擊這裡開始!

額外的資訊:

免費 Vs 付費

你應該把握免費的東西,它能讓你的生活簡單很多。然而,你應該把握正確的免費的東西。

比方說,「Wordpress」是開放資源軟體,是完全免費的讓你使用。它是一種由開發人員貢獻自己的時間來創造他們所相信的(或增加工作經驗的)東西的軟體。

這代表你可以不花任何錢就能創立你自己的網頁,然而,你還是需要購買虛擬主機和一個網域名稱。以現今的科技,這兩樣東西通常都很便宜。

關於免費平台的提醒

在我們看來,免費的平台可以,在市面上也有一些,但都不是提供給專業的企業用的。例如:這個網頁是建立在一個需要付費的虛擬主機和一個叫做Wordpress的網頁創造服務上。不像Wordpress,很多其他的服務不是真的免費。比方說,很多服務會利用你的個人資訊來賺取廣告利潤或在你想要升級成一個看起來更專業的網站時收費。

這些是我們不喜歡免費平台的三大原因:

原因一:它已經很便宜了

現今,創立一個網站真的很便宜,沒有必要使用免費的方案。每個月一點點的收費而你百分之百擁有那個網站。

原因一:URL 很難記

一旦一個人開始上網,他們的注意力會大幅降低。如果你把東西變難一點點,他們很可能不會達到你想要的結果。

你覺得哪一個比較容易記得且看起來較專業?

iknowwang.com

或是

iknowwang.pixels.com

你覺得你的父母或同學會比較有可能造訪哪一個URL ?哪一個看起來比較專業?你自己決定。

原因三:付費的網站會為你帶來更多客戶

每一天過去,網路世界變得越來越競爭。如果你想要有人在Google、Baidu、 Yahoo等搜尋引擎上找到你的網頁,使用它們喜歡的URL結構。

免費的網頁很容易在像Google的搜尋引擎上勝出。例如 :如果我在搜尋結果中看到一堆免費的網站,我個人會覺得那是一個好的市場去進入。

這是一個很長的主題,適合下一個發文,然而...

通常,看起來沒有人知道他們自己在做甚麼。