什麼是URL?網域Domain又是什麼?WordPress架站必學基本 ...

文章推薦指數: 80 %
投票人數:10人

子網域(Subdomain)介紹 Skiptocontent 搜尋關鍵字: Home架站教學什麼是URL?網域Domain又是什麼?WordPress架站必學基本知識 架站教學 什麼是URL?網域Domain又是什麼?WordPress架站必學基本知識 2020-09-142020-10-25AsperC 內容目錄 WordPress架站必備知識–URL的秘密什麼叫做URLDNS跟網域名稱(DomainName)Q:DNS是網域商後台常見的設定選項?Q:自有網域常常要設定DNS嗎?Q:如果架站不懂DNS會怎樣?可能會遇到哪些困難?要問誰?子網域(Subdomain)介紹子目錄(Subfolder)說明要如何選擇使用子網域(Subdomain)與子目錄(Subfolder) TableOfContentsWordPress架站必備知識–URL的秘密什麼叫做URLDNS跟網域名稱(DomainName)Q:DNS是網域商後台常見的設定選項?Q:自有網域常常要設定DNS嗎?Q:如果架站不懂DNS會怎樣?可能會遇到哪些困難?要問誰?子網域(Subdomain)介紹設定子網域名稱,以Bluehost後台為例新增一個子網域用的首頁子目錄(Subfolder)說明要如何選擇使用子網域(Subdomain)與子目錄(Subfolder) WordPress架站必備知識–URL的秘密 什麼叫做URL 其實URL簡單來說就是網址,什麼是網址呢?下面這張Chrome瀏覽器的圖就說明了一切。

瀏覽器中的網址 可以看到https://asper.tw/就是這個網站的網址。

網址的構成是由通信協定與網域名稱兩大項目所構成的: 通信協定:https網域名稱:asper.tw 這樣,有沒有很好理解呢?下面會說明DNS與網域名稱的關係。

DNS跟網域名稱(DomainName) 以下先快速回答一般人對於DNS常見的問題: Q:DNS是網域商後台常見的設定選項? A:網域服務商最常使用的後台就是DNS記錄管理,後面文章會提到,讓你一次搞懂,而他的介面大概長下面這樣,主要是讓你新增DNS紀錄為主。

GoDaddy的DNS後台 Q:自有網域常常要設定DNS嗎? A:通常是不用的,DNS紀錄在設定好後,就不太會頻繁變更,像我的DNS大概有好幾個月沒有改動了,除非你把它當成專門的轉址平台來使用,才有機會不斷頻繁增修,但如果真的要做為轉址平台,一般會推薦市面上專有的平台,或使用WordPress轉址外掛,在功能面與UI呈現上會更好一些。

Q:如果架站不懂DNS會怎樣?可能會遇到哪些困難?要問誰? A:如果不懂DNS也是可以架站,在概念上若完全不理解,其實也不會造成太大的影響,只是在採購選擇上,可能會建議使用一站式的服務,如:所有購買行為都在某一個服務提供商解決,像是GoDaddy或Bluehost之類的提供商,有問題就直接詢問客服人員,將精力留在核心創作上,當然也可以參考本站的各式教學,有任何問題也歡迎留言提出,這裡非常樂意為大家解答。

不用緊張,深呼吸,讓我們開始進入正題吧。

DNS的全名叫做DomainNameSystem,中文叫做網域名稱系統。

而網域名稱(DomainName),則是構成這系統的一小部分,可以把DNS想成戶政事務所,裡面可以查詢到這個區域的住家門牌,每個住家門牌都可以用衛星做出精確的經緯度,只是我們多半會使用地址,取代經緯度這個絕對定位來告訴大家自己住哪。

而電腦世界裡的網域名稱,解析出的經緯度就是IP地址,每一台提供服務的伺服器、連上網路的裝置(包含你現在正在上網的電腦、平板、手機),都會有一個IP地址,只是他很難記憶,所以才會使用DNS這套系統來解決這方面的問題。

那麼DNS這套系統怎麼運作呢? 舉例來說,今天想要到asper.tw這個網站會怎麼走? 簡化 DNS架構說明 問根(root)主機,因為是.tw結尾,根主機會跟你說這是台灣戶政事務所負責問台灣(.tw)的戶政事務所asper住哪台灣戶政事務所告訴你,去問管asper網域名稱的戶政事務所(如:GoDaddy、Namecheap…之類的DNS託管服務提供商)地址在哪asper的戶政事務所查了一下,這是我家的住民,就把這台主機的IP位址,也就是精確的GPS定位給你去連這網站 有沒有發現一件事情,網域的查詢是倒著查的,從root問.tw再問asper。

就像寄國際包裹寫地址一樣,會先從國家、州/省、縣/市、鄉/鎮、街道、樓層這樣填寫,一層一層的把範圍逐步縮小,每個郵局只負責寄送他轄下包裹。

子網域(Subdomain)介紹 子網域名稱,最通用的例子就是在前面加上www,例如:www.asper.tw。

什麼?! 沒錯,加上www就是一個子網域。

有子網域就有主網域,而主網域就是我們所購買的asper.tw網域,你可以在前面加上任何你喜愛的名稱作為子網域名稱。

那你一定會想問,有些網站前面有加上www跟沒有www到底差在哪邊? 其實可以設定asper.tw是A網站,而www.asper.tw是B網站,但不太有人會這樣做就是了,實務上作法通常都會讓asper.tw=www.asper.tw連到同一個站,不信可以試試看,在瀏覽器網址列中輸入www.asper.tw看看,最後也是會變成asper.tw。

如下面這張圖所示,其實輸入www跟沒www都是指到同一個IP位址上。

子網域DNS架構說明 那一定有人會問,除了www以外,還有什麼可以當子網域呢? 因為這個主網域是你的,想要取什麼都可以,一般多半以使用阿拉伯數字,與英文小寫字母為主,像上圖的blog.asper.tw就是一個可以使用的網域名稱。

設定子網域名稱,以Bluehost後台為例 登入Bluehost的後台,點選“Domains”再點選“Manage”,這邊使用asperlab.club這個主網域作為範例。

登入Bluehost後台 往下捲可以看見A紀錄的清單,有這麼一大串,這代表什麼意思呢? 他表示了你只要輸入mail.asperlab.club、blog.sperlab.club、www.blog.asperlab.club….等,都可以連到這個部落格,因為他們指向的IP位址都一樣。

當然如果今天隨意輸入一個abc123.asperlab.club的子網域,因為沒有在這名單上,所以就不會告訴你他的IP位址囉! BluehostA紀錄 想得快一點的人,會想到一個問題,那有沒有什麼辦法,用不同子網域,建立兩個不同的網站呢?答案是可以的,秘密就藏在網站伺服器的設定上面,這邊Bluehost讓我們可以透過他的後台進行設定。

點選“Domains”再點選“Subdomains”會出現新增Subdomains的表單。

輸入subdomain後,可指定一個homefolder(documentroot),下面的blog是之前新增的範例,只是documentroot跟asperlab.club放同一層,都在/public_html裡面。

Bluehost設定subdomain的homefolder 那homefolder(documentroot)與subdomain是什麼概念呢? 就像一戶房子中,有多戶門牌的概念: 今天我住asperlab.club(主網域)->asperlab.club使用整個/public_html房間房間要分給其他人一起住在同一戶,所以他把房間門牌自定為test,test.asperlab.club->使用/public_html/test房間萬一有人也想用blog這個房間門牌,並跟主網域共用同個房間,blog.asperlab.club->使用/public_html/這個房間 房間就是documentroot的意思,中文直譯成文件根目錄,但這邊說他是網站根目錄比較貼近實際意義。

當然,subdomain也可以對應到外面所購買的虛擬主機服務,不一定要Bluehost上的,只是我們使用Bluehost一起管理會比較方便而已。

實際操作見證一下比較好理解,這邊建立一個subdomain叫做test,輸入完成後,點選”Create”即可。

建立一個testsubdomain 再回去查看一下A紀錄,會看見一拖拉庫的testsubdomain,自動幫你建立好在那邊等你,只是對我們而言,真正有用處的是test這個A紀錄而已,其他可以刪除。

查看test產生的A紀錄 這時可以輸入test.asperlab.club來看看,可以連上,但發現居然沒有首頁呈現,呈現的是下面這種,為什麼呢? 原因很簡單,裡面沒有放網頁,當然沒有畫面好呈現,有點像你回到家,家徒四壁沒有任何家具的概念,裡面只有一個cgi-bin的子目錄(Subfolder),這部分後面會介紹。

進入test.asperlab.club網站 新增一個子網域用的首頁 這時就要使用我們強大的cPanel功能來確認囉,一樣也是在Bluehost的後台中,於左邊欄位點選”Advanced”後,再點選”FileManager”,接著會彈出一個新分頁(視窗)。

使用BluehostcPanel功能 先展開”public_html”資料夾,再點選”test”資料夾,最後點選”+File”,新增一個臨時首頁。

有沒有發現test下有一個cgi-bin資料夾,與我們剛才用瀏覽器連入test.asperlab.club時的長相一樣呢? 使用cPanelFileManager新增文件 接著在NewFileName中輸入index.html,表示他是首頁的意思,接著確認建立目錄為/public_html/test後,點選”CreateNewFile”即可。

新增文件命名 我們要編輯index.html這個檔案,點選他之後,接著點選”Edit” 編輯index.html 接著會跟你說因為文件編碼因素,建議你先備分檔案,但我們所新建立的檔案為空白檔,沒這問題,就點選”Edit”來編輯吧。

編輯確認 這邊在編輯畫面中輸入”test.asperlab.clubindex”後點選”SaveChanges”,以證明我們改這個/public_html/test資料夾中的檔案,可以對應到test.asperlab.club這個子網域。

編輯public_html/test/index.html檔 開啟瀏覽器,輸入test.asperlab.club網址後,便可看見”test.asperlab.clubindex”這串字樣出現在眼前了。

瀏覽器中開啟test.asperlab.club的畫面 子目錄(Subfolder)說明 讓我們延續前面subdomain的案例。

如果說subdomain是大家共用門牌,使用門牌的延伸,那麼Subfolder可以說是每個門牌裡面的收納櫥櫃了。

像是test.asperlab.club這個門牌,沿用了asperlab.club這個主要門牌來用,且使用了Bluehost中的/public_html/test這房間作為網站資料存放位置,我們也能多建立一層資料夾在/public_html/test中,如public_html/test/abc這樣。

在網址中所呈現的,會變成test.asperlab.club/abc,表示會讀取public_html/test/abc這個名為abc櫥櫃中的資料。

很多新手站長,容易弄混淆的地方就在這裡: 子網域:test.asperlab.club->public_html/test子目錄:test.asperlab.club/abc->public_html/test/abc 至於為什麼會這樣? 不妨來做個小實驗,在cPanel中用FileManager在public_html/test下建立一個abc的資料夾,再把剛剛於public_html/test中建立的index.html搬家到abc資料夾下,看看瀏覽器打開會如何呈現。

可以發現畫面無法正常顯示,但是可以看到多出了abc這個資料夾,我們接著點選abc這個子目錄看看。

瀏覽器開啟index.html搬家到abc資料夾後的畫面 可以發現首頁顯示成了剛剛所建立的首頁。

開啟test.asperlab.club/abc/畫面 這樣對於子目錄的概念有沒有更清楚了呢? 子目錄簡單說就是test.asperlab.club/abc/一個網域名稱結尾“test.asperlab.club/”後的名稱。

要如何選擇使用子網域(Subdomain)與子目錄(Subfolder) 如果要架網站,其實使用子網域(Subdomain)與子目錄(Subfolder)都不影響網站的運作。

假設我們把主網域當成一家百貨公司經營,子網域就像這間百貨裡面有很多專櫃,只是都不是自己家的品牌,這些不是自己的品牌當然擁有自己所屬客群,有一定屬性上的區隔,但同樣都在這家百貨公司設專櫃經營,而子目錄則屬於自己的品牌,與自家品牌血脈相承。

那對於架站上有什麼差別呢? 只要好好經營,其實沒有太大的差異,有差異的部分在於SEO搜尋引擎優化,要怎麼選比較好?假設要集中火力經營,就使用子目錄,而想要有所切割與區分,就使用子網域。

而這個煩惱等到有打算建置第二個網站再來傷腦筋就好。

相關文章 架站教學 WordPress架站教學全攻略-15分鐘從無到有建立屬於自己的網站 2020-09-142020-10-17AsperC 架站教學 301轉址Redirect是什麼?網域轉址要怎麼設定? 2020-09-142021-02-05AsperC 文章導覽 Previous:如何成為一名優秀的自由工作者,Freelancer必學知識2020Next:什麼是DNS?DNS紀錄怎麼設定? SEO相關文章聯絡Asper您的大名*請輸入您的大名或貴公司寶號Email*請輸入您的電子郵件信箱,我們將在第一時間與您聯繫諮詢內容*請填寫您欲諮詢項目,如有網站,亦請提供相關網站連結與需求項目,謝謝Submit



請為這篇文章評分?