• 4

如何架設網站&費用【製作軟體教學】

想自己架設網站,但不了解費用、流程及 [免費] 網頁製作軟體?

我特別寫一篇架站教學(以下是精簡版),希望能回答常見問題

1. 網域是什麼


每個網站都需要一個網域(又稱Domain、域名)。

例如:Yahoo奇摩的網域是 tw.yahoo.com 、臉書的網域是 www.facebook.com

想到痞客邦?在瀏覽器輸入域名即可:www.pixnet.net(當然,你也可以直接google「痞客邦」)

子網域的危險


很多「平台」提供免費子網域。以 pixnet.net 為例:


部落格平台、Weebly、Wix、甚至臉書...都有類似免費網址,但搜尋引擎是根據網址排名。如果網址不屬於你,你這麼辛苦做SEO可能到頭來一場空。想想無名小站吧~

申請域名也不過3~4百塊台幣一年。域名這麼便宜,真的沒理由用高風險的子網域。

2. URL是什麼


URL是網址的意思。

一個網站,是由包含HTML、CSS、JavaScript、及其他檔案的資料夾所組成。URL是讓你穿過這些資料夾,抵達某檔案(通常為網頁)的路徑。

例如,蘋果台灣站的iphone網頁,就是tw資料夾中的一個檔案:


3. HTTPS


你應該有注意到網址前面的「HTTP」或「HTTPS」吧?它是瀏覽器和伺服器之間的溝通語言,而且是預設---這代表你不用每次打網址時都要輸入。

HTTPS的「S」是Secure的意思,代表HTTPS是經過加密的協議。為保護用戶的金融資料(信用卡、密碼等)不被竊取,幾乎所有銀行、購物網站都使用HTTPS。

要把HTTP轉成HTTPS,你須安裝SSL憑證。有些網域註冊商 / 虛擬主機商,會對SSL憑證收費。

4. 虛擬主機


架設網站,除了需要一個網域,你還需要虛擬主機(又稱Web hosting、主機代管、網路空間)來存放上面提到的檔案和資料夾。

虛擬主機是99.9%上線的,這樣人們就能隨時瀏覽你的網站。

Web hosting有很多種,例如共享型、VPS (Virtual Private Server)、專屬型、雲主機等。其中共享型的費用最低,適合架站新手。

網域&虛擬主機,購買方式有兩種:
(一)和同一個服務商買
(二)向不同的服務商分開買

和同一服務商購買,好處是簡化的DNS設定流程,及可能的域名價格優惠(通常只有第一年)。域名和主機之間的技術問題,也較好解決。

而分開買的優點在於,若未來想換主機商,將比較容易。你只需將域名指向新的主機商,就搞定了。我比較推薦分開買

常見的虛擬主機有:

HostGator ↓




Bluehost ↓




SiteGround ↓




為何沒有國內主機商?請自己網路搜尋一下~ 台灣業者不是價錢貴、就是非SSD(那些千元平價主機...)、或是沒24小時客服... 總之和國外比沒什麼競爭力。

國外主機也是一分錢一分貨。Bluehost我覺得滿慢、HostGator沒用過不清楚、SiteGround總體滿意,我比較推薦(有新加坡機房

要免費的虛擬主機?試試000webhost吧~(有句話說「免費的最貴」...你懂的

5. 如何申請網域


在國外,任一種域名的費用大約$10美金 / 年...

這裡以Namecheap為例,首先查詢想買的網域:


若查詢的域名還沒被註冊,你會看到價格(此案例為一年$10.69美元):

若域名已被註冊,你可以選擇其他TLD,或重新查詢另一個域名

所有域名的後段,如 .com / .net / .xyz / .tw 等,稱為TLD(Top-Level Domain)。當你查詢某個域名,你會看到很多怪怪的TLD。雖然 .com 在今日逐漸匱乏,讓許多商家選擇非.com的TLD,但不可否認,.com仍是我們首先想到網址結尾。

挑選域名的五個建議:
(一).com 優先:.com 早已長存我們的記憶。它是最好記、最理所當然的TLD。
(二)品牌化:域名和你的品牌名相關嗎?若你的市場在台灣,可以考慮用拼音的域名(假設你的品牌中文成分居多)。
(三)簡短:短域名好記、好打。
(四)去除 www: www 開頭的網址,已非常的過去式。若你能選擇,我建議無www開頭的。
(五)勿用數字和橫線(-):難記又難打!

6. DNS是什麼


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

DNS(Domain Name System)如同網路世界的地址簿。它把域名轉換成IP - 我們只須在瀏覽器輸入域名,就能造訪喜歡的網站。DNS是瀏覽器的指路人。

7. 設定DNS指向


除了申請路標(網域),你還需要一塊地(主機)來蓋房子(網站)。

但你得先確認,這個路標(網域)是指向你租來的那塊地(主機)。這就是DNS指向設定。

我們來看實際操作(以Namecheap為例)...

登入Namecheap帳戶 > Domain List > MANAGE:


然後,在NAMESERVERS欄位: 1. 選擇Custom DNS, 2. 貼入主機商提供的DNS位址, 3. 儲存


完成了。很簡單吧?

不同服務商的後台會有差異,但操作流程是一樣的。

GoDaddy


GoDaddy.com 是全球知名的Domain註冊商。如同其他的註冊商,GoDaddy也提供主機代管及企業Email服務。

造訪GoDaddy的台灣用戶,會有預設的繁體中文介面。其實你可以在它網站上,設定各種想要的語言和幣種。

省錢技巧:以美元(USD)計價的GoDaddy產品,會比以台幣(NTD)計價的產品便宜。試著切換幣種或國家 / 語言,你會發現同一樣東西,價錢差好多!

修改DNS指向:找到Domain > 點擊「DNS」或「Manage」 > 在Nameservers(網域名稱伺服器)區塊選Custom > 貼入主機商提供的DNS位址:


name.com


name.com 是另一個老字號的域名註冊商。whois查詢網站 who.is 就是name.com經營的。不得不說他們在挑選自家網域上,真是快、狠、準。

在name.com修改DNS指向,做法和其他服務商類似:先找到Domain,然後編輯Nameservers欄位:


更改後的DNS指向,理論上需要24至48小時繁衍,以「同步」全球的DNS伺服器。但實際上,可能只需幾小時(甚至幾分鐘),新的DNS設定就會見效。

如何查詢是否生效?很簡單:在瀏覽器輸入你的域名。若出現主機商的預設頁面,新的DNS設定即告生效。

若有任何技術問題,如找不到Nameserver欄位... 請聯絡註冊商的全年無休、24小時客服!(在歐美,24小時客服是業界標準)

8. 網頁製作軟體


自架網站的方式有三種:
(一)用HTML、CSS、JavaScript語法,自己編寫網頁
(二)使用架站平台,如WIX、痞客邦、Weebly、SHOPLINE、91APP
(三)使用CMS(Content Management System, 內容管理系統),如WordPress、Joomla!、Drupal

若你非程式設計師,我建議你不要考慮第一項。

「架站平台」是最輕鬆、快速之架站方式。【後面會介紹】

這邊,我們先討論CMS...

全世界有近一半的網站,使用CMS。

而全世界有近30%的網站,使用WordPress。也就是說,WordPress在CMS的市佔率,是60%。

我們再用Google趨勢來比較WordPress、Joomla、Drupal、Wix、Shopify這些熱門的網頁製作軟體:


無論是W3Techs或Google趨勢,都顯示WordPress大幅領先其他網頁軟體(平台)。

9. WordPress是什麼


WordPress是一個內容管理系統。它有設計完善的後台,讓你管理網站上所有內容,例如文章、頁面、多媒體。

你可以安裝WordPress外掛來擴充功能。WordPress有上千個外掛---有免費的,也有付費的。

WordPress主題(又稱版型)決定網站的外觀。如同外掛,WordPress主題有免費、也有付費的。如前述,全球有近30%的網站是WordPress。因此市場上充滿各式各樣的主題及外掛...

想架設作品集網站,還是一頁式網頁?響應式的?... 請放心!無論建立哪一種網站,你幾乎都能找到合適的版型。

10. WordPress.org vs. WordPress.com


我們常說的WordPress,其實有3種:
(一)WordPress
(二)WordPress.org
(三)WordPress.com

WordPress 是軟體本身:一個開源的、免費網頁製作軟體。只要把它裝在任一伺服器,你就可以在網路上發佈內容。

WordPress.org 是WordPress開源計劃的官方網站。在WordPress.org,你可以下載WordPress軟體、閱讀官方文件、及參與討論。

WordPress.com 是一個SaaS(Software as a Service 軟體即服務)網頁製作平台 - 有免費及付費版。

你可以在WordPress.com免費架站(且無須安裝WordPress軟體),但你的網站受限於平台規則。例如,免費版有廣告,且只能使用WordPress.com的子網域...

還有,你無法自行擴充平台的功能。若想安裝第三方提供的主題和外掛,你必須購買商務版:

WordPress.com費用表

...更多內容(主機租用流程、WordPress安裝、Weebly、91APP、SHOPLINE、痞客邦、Wix...教學)請參閱 網站架設+費用(網頁製作軟體) 全文

=========
如有任何問題,請於樓下發問。我會盡量回答~
2018-03-14 16:33 發佈
一個網域
一台NAS
一條100M以下能用固I的光世代


搞定......

頂多是IP異動時記得去改一下網域指向(很少碰到)
CcCManCcC wrote:
一個網域
一台NAS...(恕刪)

恩恩,謝謝你的補充。我忘了說這篇教學,是寫給架站新手 / 小公司 / 部落客的。不適用於大型企業 / 大神級...

A_Dao wrote:
恩恩,謝謝你的補充...(恕刪)


我本身是網路工程師(網站架設/維護 網路廣告)
以我碰過的客戶來說...

新手需求:便宜、簡單、功能酷炫

小公司:便宜、華麗、飛天遁地

部落客:便宜、無廣告、SEO最強

基本上您打這些他們只有一個問題...可以再便宜一點嗎 有免費的嗎?
網路上不是有很多免費的 隨便找找都有 修改一下應該不困難
我會幫你介紹客戶 這個應該兩三天就好了吧
我就是沒時間才會找你用阿 不然我自己找一下教學就可以用了


無奈
Siang-TW wrote:
我本身是網路工程師...(恕刪)

已在第四項「虛擬主機」加入免費的 000webhost

A_Dao wrote:
已在第四項「虛擬主...(恕刪)



客戶:那你就幫我註冊一下 反正就填的資料簡單

過了幾天...

客戶:為什麼我網站速度那麼慢 還會跑出廣告 你當初怎麼幫我設定的
本生物已配置全天候戰鬥系統~ 手機不通、Skype 離線時,請託夢,或留言!

A_Dao wrote:
恩恩,謝謝你的補充...(恕刪)

我是個人,無聊級XD

近年真的便宜NAS功能齊全..15000就搞定了架站功能XD
外加光世代......
10年前是想辦個20M的網路都不容易(又天價)

Ricado wrote:
有看過這篇嗎?https...(恕刪)

如果「彩虹」是免費CMS,何不在Github開源分享?說不定能像WordPress、Magento一樣,走紅世界?

CcCManCcC wrote:
我是個人,無聊級XD...(恕刪)

不是每個新手都能花一兩萬買個NAS放家裡,還要維護,且不能保證99.9%上線。 搬家 / 停電 / 寵物、小孩搞破壞... 就要斷線?

對普通使用者(例如我)來說最簡單的,還是租個滿街都有的虛擬主機
  • 4
限制級
您即將進入之討論頁 需滿18歲 方可瀏覽。
根據「電腦網路內容分級處理辦法」修正條文第六條第三款規定,已於該限制級網頁,依台灣網站分級推廣基金會規定作標示。
評分
複製連結