架設網站基本流程!不可不知的架站3大要素!

Wordpress text

當你準備架設網站的時候,多半都會一頭霧水。就算搜尋相關資料,一堆專業名詞滿天飛,光是要理出個脈絡,可能就得費上不少時間。為了這樣的你,主廚把網站架設的基本概念與流程都放在這碗雞湯!

那在開始之前,如果對網站規劃還沒有頭緒的話,也可以參考主廚這篇《告訴你如何架設網站!架設網站前需要做些什麼?》,先有個大概的規劃,之後做起網站才會事半功倍,那我們就正式開始吧!

架站3大要素

其實網站架設就跟開一間店一樣,你會需要土地、房子、門牌、店名等等,架設網站也會需要這些東西。在網際網路上,網站的門牌地址稱為IP位址,用來標識你的網站。

不過回想一下,每次跟朋友相約的時候,我們多半會說約在OO店門口,而不是直接約在某個地址碰面,對吧?

這是因為店名比較好記。同樣地,為了方便記憶,我們通常會申請網域,就像店名一樣。網域實際上指向網站的IP位址,就跟店名對應到住址一樣。而一個網域底下可以有很多網址,就像餐廳會有門口、收銀台、餐桌、廚房這些地方,可以透過網址輕易找到店門口。

了解IP位址與網域之後,我們不難想像房子指的是網站,而一棟房子通常會有裝潢,就像網站需要佈景主題變的更加美觀。最後,我們的房子一定要有個地基,這個地基在網際網路上稱為主機或伺服器,你可以選擇在自架主機建立網頁伺服器或是租用虛擬主機。

根據上述比喻,我們可以把網站架設的要素統整成下列這個比喻,如圖1。

網際網路要素與開店的對應關係
圖1 網際網路要素與開店的對應關係

土地、房子、門牌、店名不是有4個要素嗎?為什麼標題是寫架站3大要素呢?

這是因為IP位址通常在你申請虛擬主機的時候就會自動配給,就像是自家電腦連上網路時會有IP位址一樣,由於這部分不用特別設定,底下也只會以這3個要素來說明流程。

架站基本流程

前面介紹了網域(店名)、網站(房子)、土地(主機)3個基本要素,下一步就是要把這些元素串起來,也就是架站基本流程,如圖2。要特別注意的是,雖然在Fig.2訂出這個流程,實際上想先執行哪個步驟都可以。

架設網站基本流程
圖2 網站架設基本流程

像主廚當初是先在自家電腦建立網頁伺服器,把網站整個做好後才購買網域跟主機。做好後再把網站從自家主機搬到租用主機。之所以會這樣做是因為租用主機成本最高,相較網域跟主機只有購買程序,架設網站算是特別花心思的環節,所以才先處理實作上風險最高的網站架設,如果這部分沒問題的話,才會投入其他成本。

知道架站基本流程後,我們就來看看需要做些什麼吧!

網域購買

想要有一個專屬網域必須跟網域管理商購買,比較常看到的是NamecheapGandiGoDaddy這幾家管理商。而主廚自己是跟Namecheap購買網域名稱,雖然是英文介面,但網路上風評較佳。如果擔心網域已經被人註冊的話,也可以到全球WHOIS查詢輸入欲申請網域名稱。詳細購買教學可以參考小犬網站這篇《Namecheap教學》。

主機租用

主機租用同樣有很多主機商可以選擇,而主機又分成底下這四種:

  • 實體主機
  • 共享主機(Shared Hosting)
  • 虛擬專用伺服器(Virtual Private Sever)
  • 雲端主機(Cloud Hosting)

實體主機就是架一台24小時運轉的電腦或伺服器,好處是資源獨自擁有,但你得自行負擔硬體、機房以及後續維護成本等等。如果不想投入這些成本,可以考慮共享主機與虛擬專用伺服器(又稱為VPS)。

共享主機可以想成分租雅房,一台主機會切割成好幾個空間給不同使用者,但實際上某些資源還是大家共用,當其他使用者用了過多流量的時候,自己網站速度也會受到影響。不過好處就是不用負擔硬體端成本,通常租用價格也較VPS低廉。

而VPS就像是分租套房一樣,雖然大家還是在同個主機,但每個空間都有獨立資源,彼此之間也不會受到干擾,也能拿來做比較複雜的運用,但價格通常較共享主機高些。目前科技雞湯也是架在VPS上,用的是Cloudways這家主機管理商。雖然Cloudways同樣是英文介面,但網路上Cloudways的教學文章很多,主廚當初是參考工具王阿璋這篇《Cloudways 架設 WordPress 網站教學 | CP 值最高的主機選擇!》。

至於雲端主機跟VPS類似,同樣擁有獨立資源,也不會受到別的使用者干擾,差別在於雲端主機是按流量計費,而VPS則是事先劃分好固定空間供你使用,假設網站流量突然增加,雲端主機也較能迅速應變,適合需求較多的對象,如中小企業或大公司。而比較常聽到的雲端主機是Google Cloud或AWS。

網站架設

目前超過40%的網站都是使用WordPress架設,沒有架站經驗的人可能是第一次聽到WordPress,那WordPress究竟是什麼呢?

WordPress是一個內容管理系統(Content Manage System),可以把它當作是個專門用來架設網站的軟體,舉凡版型配置、留言功能、文章管理等功能都能在WordPress實現,讓網站後台變得更容易上手。就算不會撰寫程式碼,也能透過WordPress裡面的外掛打造專屬網站!

主廚最早是使用Wix架設網站,因為Wix有很多網站外觀的現成模板,也能透過拖曳來調整版面。不過製作到一半就改用WordPress,主要是因為Wix不容易更換主機商,比較難應付網站流量增加的需求。就算想要搬到其他平台,版型跟素材也都綁定在Wix,而且WordPress功能也較齊全,雖然比較難上手,但還是決定用WordPress,畢竟長痛不如短痛。

主廚結語

不知道喝完這碗雞湯,各位是否對架設網站又更了解一些?

雖然文章裏面有提到,為了方便各位掌握重點,主廚把構成科技雞湯的三大要素統整在底下:

  • 網域:從Namecheap購買
  • 主機:從Cloudways購買
  • 網站:用Wordpress製作

這碗雞湯主要是講架設網站基本3要素與流程,讓大家了解架設網站的整體框架,而整個流程也不止這些東西,在過程中可能會碰到很多讓你眼花撩亂的專有名詞,這部分將會留到下一碗雞湯!如果有任何想法也歡迎在底下留言,或是到FacebookInstagram互動!

Leave a Comment

發佈留言必須填寫的電子郵件地址不會公開。