如何架設網站

零成本網路行銷學堂 | 網路行銷,網站架設,網頁設計,社群行銷,教練諮詢 | 如何架設網站



網站架設 Q&A 問答集

如何架設網站? - 無論是架設形象官網、行銷金流網站、還是個人網站,我將助你達成目標。

1 - 網站組成三要素
(1) 註冊網域:URL、網址、子網域等。(營業地點、門牌號碼)
(2) 網站空間:虛擬主機、實體主機等。(建築物、店面)
(3) 網頁設計:RWD 響應式、CSS、HTML 等。(店面裝潢)
2 - 網域是什麼?
網域名稱(英語:Domain Name,簡稱:Domain),簡稱域名、網域,是由一串用點分隔的字元組成的名稱,用於在資料傳輸時標識電腦的電子方位。
零成本網路行銷學堂 | 網路行銷,網站架設,網頁設計,社群行銷,教練諮詢
網域可以說是一個IP位址的代稱,目的是為了便於記憶。例如,google.com 是一個域名,和 IP 位址 172.217.12.3 相對應,我們便可以直接存取 google.com 來代替 IP 位址。

3 - 子網域是什麼?
子網域就是網域名稱的延伸,也就是依附在某網址底下的網域名稱。例如本站的官網網址:www.profit168.comprofit168.com 就是所謂的主網域,而在主網域前面加入其他自訂名稱如  line.profit168.com 就是子網域 (次網域)。

子網域可以用來做一些跟主網站區分的功能,如購物網站、特殊活動專案、母公司下的獨立營運部門介紹…等,以方便他人辨識和記憶。

一般幾乎所有免費的社群網站、網頁製作平台、Blog平台等,所提供的免費網址就是子網域。(例如 Google Blogger提供的子網域:karlliu-168.blogspot.com)
4 - URL是什麼?
URL(完整英文:Uniform Resource Locator),如果從英文直接翻譯成中文是 “統一資源定位器“,俗稱網頁位址或簡稱網址。

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

URL統一資源定位符的標準格式如下:
[協定類型]://[伺服器位址]:[埠號]/[資源層級UNIX檔案路徑][檔名]?[查詢]#[片段ID]
5 - 虛擬主機是什麼?
虛擬主機(英語:virtual hosting)或稱 共享主機(shared web hosting),又稱虛擬伺服器,是一種在單一主機或主機群上,實現多網域服務的方法,可以執行多個網站或服務的技術,其之間完全獨立,並可由用戶自行管理。

通常我們又稱為"主機代管""網路空間",是用來存放網頁上面的各式檔案和資料夾。

以Blogger為例:部落格的所有內容及文章,皆存放在免費的 blogspot.com 主機內 (空間內),每個Google帳號都可以建立自己獨立的部落格網站,且自行管理。
6 - 虛擬主機租用
當我們在網路上搜尋"虛擬主機",搜尋結果絕對是琳瑯滿目的主機商,該如何比較主機商呢?

一般來說,除了價格、流量及儲存空間大小、資料庫及硬體規模、評價與客服暢通之外,你還要考慮它的機房位置。簡易比較如下:

(1)國內虛擬主機商 – 費用較高,有空間大小限制,流量超過另需額外付費,但較利於國內網站搜尋引擎排名。
(2)國外虛擬主機商 – 費用較國內低,大多是提供無限空間、無限流量的主機服務,連結速度會較國內慢一些,較不利國內搜尋引擎排名。(但可申請「.tw」網址嘗試化解看看!)

若你的目標訪客都在台灣,虛擬主機機房最好選在台灣,或鄰近的亞洲國家 - 如日本、香港、新加坡。

雖說歐美主機商較具規模,軟硬體也領先世界,價格可算是「俗擱大碗」,但機房在地球的另一端會產生網路延遲,進而影響使用者體驗。若網站是你賴以為生的工具,你當然要提供最好的「用戶體驗」,不是嗎?

零成本網路行銷學堂 | 網路行銷,網站架設,網頁設計,社群行銷,教練諮詢
至於如何申請租用虛擬主機及流程,因為不是很困難,在此就不多做說明,若你有申請上的疑難雜症,再麻煩留言靜待回覆囉!
7 - cPanel 是什麼?
我們購買虛擬主機後,會需要做一些設定,如果有一個介面可以讓我們自己操作,不需要一些簡單基本的設定也得請主機業者、系統管理員處理,這樣不僅能增加我們自己的方便性,也能節省我們自己的時間。
以支援 PHP、MySQL 資料庫主機的 Linux 系統來說,最知名的控制台系統莫過於 cPanel,也就是圖形化操作介面,又稱「虛擬主機的控制台」,主機商會給你 cPanel 主管理介面的網址、帳號、密碼,你可以在 cPanel 做各種設定...。

零成本網路行銷學堂 | 網路行銷,網站架設,網頁設計,社群行銷,教練諮詢

cPanel 控制台主要有 cPanel 介面與 WHM 介面兩大部份,前者是讓一般網站管理者、架站的人可以方便管理虛擬主機帳號,像是可以新增資料庫、設定主機密碼、設定網域指向、設定目錄隱私權...等等的功能。而後者讓購買「經銷主機」方案的管理者能自行設定主機方案並開立虛擬主機帳號給客戶使用,例如網頁設計公司、提供虛擬主機的業者。

如果你初次進入 cPanel 控制台時是顯示英文介面,你可以在 ADVANCED > Change Language 處,切換至繁體中文喔!
8 - FTP 是什麼?
FTP 就是 File Transfer Protocol (client and server),它是一種獲得網際網路世界普遍採用的通訊協定之一,用於檔案傳輸之用,是全世界最受歡迎的檔案傳輸標準,因此全世界中可以找到數百種相容於 FTP 的軟體;一般修改網頁、上傳圖檔到虛擬主機,大部分我們都是使用 FTP 來上傳的 (主機商會給你 FTP 的帳號、密碼)。

FTP 協定提供了檔案傳輸會用到的功能:帳號機制/檔案上傳/檔案刪除/檔案下載/檔案權限管理/改名/目錄(資料夾)管理/擴充命令等。

免費 FTP 傳檔軟體 「FileZilla」:
FileZilla 是一套免費、開放原始碼的 FTP 檔案傳輸軟體內建 44 種語言的多國語系介面,且還提供 Windows、Linux、Mac OS X 等多種作業系統平台的版本。除了支援一般 FTP 檔案傳輸之外還可支援 SFTP 與「FTP over SSL/TLS」…等傳輸模式是個相當穩定而好用的免費軟體。
免費下載網址:https://filezilla-project.org/
9 - 如何申請網域?
國內外的網域註冊商非常的多,你只要在網路上搜尋"網域申請"或"網域註冊",然後稍加比較一下價錢,即可依個人喜好選擇註冊商來進行申請,跟品質扯不上關係。

(1)申請說明:
 *「.tw」後綴網址須在國內申請。
 *「.com.tw」限制公司行號才能申請(要有公司統編抬頭)。
 *「.net.tw」須具備第一類或第二類電信事業執照。
 *「.org.tw」須具備財團法人或社團法人之立案証書。
 * 不使用「.tw」網址者,國內外皆可申請"國際網域",不需證照,且無數量限制。
 * 網域價格參考:「Pchome買網址」價格說明

(2)我們以「Pchome買網址」為例:當進入頁面後,只需在WWW.後方的框內輸入像要購買的自訂網域名稱,然後勾選下方想使用的後綴網址,然後點擊「購買」,即會顯示該網域名稱是否已被他人註冊;確認可註冊後,只要登入(加入)會員,填寫相關訂購單資料並進行金流結帳,即可完成申請。
零成本網路行銷學堂 | 網路行銷,網站架設,網頁設計,社群行銷,教練諮詢

(3)申請國際網域名稱訂購單目前大多還須要用英文填寫,相關英譯網址如下:
 * 中華郵政中文地址英譯:
   https://www.post.gov.tw/post/internet/f_searchzone/index.jsp?ID=190103
 * 外交部領事事務局(姓名拼音參考):
   https://www.boca.gov.tw/sp-natr-singleform-1.html
10 - DNS設定
DNS(Domain Name System)如同網路世界的地址簿,除了申請路標(網域),你還需要一塊地(主機)來蓋房子(網站)。

但你得先確認,這個路標(網域)是指向你租來的那塊地(主機)。這就是DNS指向設定,簡單說就是將網址對應到IP的意思。

DNS除了常用的A、CNAME、MX,其它還有TXT、SRV、AAAA、NS,看起來怎麼很複雜的樣子,不用急,我們先來看看各別代表什麼意思。

A:用來解析IP位址,將HostName對應到某個IP。
CNAME:將HostName對應某個網域。
MX:郵件伺服交換記錄,對應郵件伺服器使用。
TXT:文件記錄,這幾乎用不到,特殊用途。
SRV:資源記錄,一樣用不到,特殊用途。
AAAA:等同A記錄,只不過A是IPv4,而AAAA是IPv6。
NS:Name Server,指定你的DNS要交由哪個NS進行解析。
零成本網路行銷學堂 | 網路行銷,網站架設,網頁設計,社群行銷,教練諮詢

使用 Blogger 只會設定到 CNAME 這一種DNS設定,其他因為各家的DNS都各有不同的控制台,所以如果你有遇到不知道如何設定的域名商(前提是有提供A、CNAME等記錄設定),再麻煩你留言,我再幫你看看囉!
11 - 網頁設計
通常要架設網站,不外乎四種方式:
(1) 請網頁設計公司製作。
(2) 用HTML、CSS、JavaScript... 語法,自學程式語法架設。
(3) 使用架站平台,如 Blogger、Weebly、WIX、Strikingly、WordPress、痞客邦。
【我們以其中的 Google  Blogger 來舉例】
*完全免費
Google 部落格是完全免費的,你也可以自行編輯CSS、HTML程式碼,套用自訂網域,而且不需要付任何的費用。
*容易上手
操作介面非常的簡單,摸索的時間只需要一點點,就可以完整的掌握Blogger的基本功能。
*豐富版型
網路上提供給Blogger的版型非常的多,免費或付費的都有,你可以隨時更換網站的設計樣式,節省許多設計畫面的時間。
*用途多樣
可做為部落格,網站,電子商務…等,依你的需求,打造屬於你的形象網站。
*容易客製化自己的網站
可以很容易調整網站的排版,Banner 圖案,表單…
*有非常高的SEO表現
搜尋引擎最佳化SEO 有非常好的表現,你不需要懂很多SEO的特殊語法,Google會自動的幫你處理好,並且讓你的網站排名有不錯的成績。
(4) 使用CMS(Content Management System, 內容管理系統),如 Blogger、WordPress、Joomla!、Drupal。

看完上述這幾點,你可能會問:「哪一種比較好?」...請先問自己三個問題:
● 網站的主要目的是什麼?是否需要特殊的功能?
● 我是否有足夠的架設網站知識、技術背景、或是我是否願意花時間來自學架站。
● 預算的規劃是否足夠?還是我想要更節省架站費用?

我的建議是:
如果網站本身可能會不斷的更新或擴充功能、或需要高度客製化功能,這種情況,基本上你就是得花較多的錢自行開發啦!(選上述(1)或(2)項)
如果網站的主要目的是「寫寫部落格文章、網路開店、形象官網展示 ..」,其實也不一定要花大錢,可以透過第三方架站平台來建置,這樣不但省錢,而且也快速。(選上述(3)或(4)項)

如果你覺得租虛擬主機、設定cPanel、上傳 / 下載網站檔案... 這些「IT技術」太嚇人?以較好的入門選擇來說,「架站平台」是最輕鬆、快速之架站方式。但如果你還是沒時間自學架站的話,你也可以在下方留言分享你的需求,將能以低於市價的行情幫你建置哦!

看完上述介紹,恭喜你對「架設網站」的方式,有了更深一步的認識了!

最後要說的是,如果你想要省去更多設定流程就能 DIY 架設網站的話,不妨使用「架站平台」也是不錯的選擇,你還能以更低的金錢支出獲取滿意的網路行銷效益喔!

不知道該如何選擇適合自己的平台嗎?來參考「免費網頁空間、架站平台比較」的介紹吧!

歡迎在下方留言區分享你的心得喔!

聯絡我們

歡迎來訊交流

對於本站所提供的資訊有任何的想法或疑問想要與我們聯絡,可填寫右列表單或Email來信詳述您的問題,我們將盡快予以回覆,謝謝您 ^_^

電子信箱:

karlliu0324@gmail.com

服務時間:

週一 - 週五 09:00 ~ 17:00

連絡電話:

0935-612-811