網站設計、網頁設計、網站架設差在哪?
這三個常聽到的名詞,其實意思不太一樣,簡單說明如下:
- ⏺︎網站設計:讓整個網站變得漂亮又好用,風格一致、操作順暢。
- ⏺︎網頁設計:專注在「一個頁面」的排版與內容,像首頁、關於我們那一頁。
- ⏺︎網站架設:就是把網站實際做出來,放到網路上讓大家看得到、用得到。
快速比較表
項目 | 網站設計 | 網頁設計 | 網站架設 |
---|---|---|---|
是什麼? | 幫整個網站變得好看、好操作 | 讓某個頁面排版清楚、內容吸引人 | 把網站做出來並放上網路 |
重點在? | 整體風格、使用者體驗 | 一頁內的設計、文字、圖片 | 主機、程式、網域設定 |
會用到什麼? | 設計工具(如 Figma) | 圖片工具(如 Canva) | HTML/CSS、WordPress 等技術 |
誰適合做? | 設計師 | 設計師、內容編輯 | 工程師、架站工具使用者 |
簡單一句話:
👉 網站設計是「整體風格和體驗」,
👉
網頁設計是「一頁內容怎麼排」,
👉 網站架設是「真的把網站建起來」。
主機、網址URL、IP是什麼?
🔜主機
每一個網站都需要架在一台電腦上面,因此該電腦即是所謂的"主機"。主機對於環境有很嚴苛的要求,如溫度、濕度、24小時開機、不斷電系統,因此要自架在家裡是不可能的,除非是玩票性質,因此信譽良好、不易當機的主機商便是很重要的。此外還要注意的項目如下
- ⏺︎網站主機位置,請務必選擇亞洲地點,網站下載速度很重要。請參考 10個【網站下載速度】優化面向。
- ⏺︎網站主機商,不用比了就是Siteground(適用於企業)。英文不好的請選GoDaddy(適用個人網頁設計、不適合企業),台灣主機商偏貴。
- ⏺︎Uptime:主機商都會保證"99% Uptime",這是指主機有保證99%都是正常執行不死機(
參考用)。 Uptime很重要,若網站1個月營業額上千萬,今天停機2小時公司就虧損上百萬。 - ⏺︎熱門網紅、部落格主的網站,請選擇適當的網站空間(10G居多)與流量
一般網站外包主機的費用從5000~12000(每年)都有,愈便宜就代表管的愈少,愈貴就代表管的愈多。例如網站死機怎麼辦、網站Roleback、網站管理費、網站有問題誰人問、
🔜網址、網域
再來說明一下網域(domain)、網址(URL)、IP。網域是什麼呢?以貴設計網站來說明網域(Domain)就是指"https://web-design.vip/",而網址(URL) 即為"https://ezstartup.cc/website-design-guidelines.html"。但其實一般網站外包的客戶,也沒有在分網域、網址之分了。
網址一年的費用大約在500~1000之間。然後要特別注意,不要買到精品網址,精品網址,例如very-good.shop 搞不好就要年繳上萬元也有可能。
二者的差異就在於多了"website-design-guidelines.html",所以網址會指示到特定頁面名稱,而網域則是整個網站的域名。
所以一個網域下會有很多的網址。但在口語化的說法,網域也會稱為網址,但網址一般則不會是網域的意思。
再來什麼是IP位址呢?在電腦的世界裡,只認識一堆數字,所以facebook.com其實對映到的是以4組數字組成例如35.123.32.33,這組數字則謂之IP。
🔜IP
每次要上FB的時,總不能總在網址列打上35.123.32.33,所以為了真實生活中方便記憶, 就會對應另一組網址如facebook.com(也就是上述的網域)。 挑選網域除了好記,也要尋找適合品牌的網域。
- 購買網址GoDaddy:非常推薦
- 中華電信域名申請:DNS生效極慢、介面又非常難用
- PChome買網址:就..一個買網址的地方,沒有什麼好評論的。
網頁設計外包了解主機、網址最為重要,此外不要忘了,主機、網址都是年繳費用的,台灣有80%的網頁設計公司,都是再跟網站主機商租用的,比較像是二包。若是大包就像是中華電信、Godaddy之類的就算是大包。
若直接跟大包中華電信、Godaddy、Siteground租用主機也是可以,但就需要自己管理主機,真出問題時,會需要用許多的專業術語跟主機商溝通。貴設計的很多客戶都是在這關就被打發了。
網站前台、後台是什麼?
網站前台、後台 ,就用餐廳來舉例吧。你在餐廳內用餐,餐廳內所有看到的裝潢、擺設、牆壁顏色等一切就是這個餐廳的前台,而後台就是所謂的廚房,廚房需準備餐廳前台的一切食物、飲料、餐點等。
以網站來講,你是一個FB網站的訪客,當你進入某某FB粉絲團所有看到的內容、網頁介面、資訊等一切,都是需要一個後台進行上稿、發EDM。
所以網站前台是讓網路使用者瀏覽的畫面,如文字、圖片、特效、動畫、表單填寫。前台都會由網頁設計師規劃排版讓網站精美呈現。
網站後台則為管理網站功能、使用者登入,文章頁面、商品等等。

RWD響應式網頁設計是什麼?
響應式網頁設計(RWD),是指網站的畫面會依瀏覽器的尺寸,自動變換網頁排版,而不會造成網頁在不適當的尺寸下造成使用者體驗差勁的問題,
所以一個網站滿足RWD設計原則(可用RWD開發工具Bootstrap)是基本需求。
若架設網站外包商提出RWD設計報價要加1萬,請直接封鎖這間RWD網頁架設廠商。因為RWD已是標配,現在是行動網站的時代,人手2隻手機的可能性大增,
你的網站沒有滿足RWD的規格的話,就不用妄想會有陌生訪客從網站詢價。
了解更多請參考文【網站架設沒有【RWD響應式網頁設計】Google:那你就等死吧!】

RWD響應式網站優點
- 只存在單一網站:因應手機時代,較古老的網站不支援手機版,又難以重建網站成RWD,因此會建置m.example.com的網頁給手機載具使用,但RWD響應式網站只需一個網站,管理/建置成本皆低。
- SEO提升:因單一網站,流量只會存在於同一頁面,不會分流至電腦or手機版,避免了重覆頁面的問題。參考更多SEO
- 畫面瀏覽體驗佳:良好瀏覽體驗讓使用者願意多停留一些時間,下單機會越大,回流客越多!
- 單一網站維護:只存在單一網站,所以只需維護一個網站,減少工作負載。
Wordpress網頁設計是什麼?
Wordpress是功能強大的內容管理系統(Content Management
System),全世界市佔已經40%的網站,將近9億5千萬的形像網站、購物網站、部落格都是Wordpress建置,Wordpress知名網站如
美國白宮、CNN、BMW、FB都是愛好者。
Wordpress的初衷是一套內容管理系統(CMS),最適合建立部落格網站,但隨著WP演化,它可用來建立形像官網、電子購物車、線上教學平台,
甚至做簡易的半客製化系統。對於一般只需形象官網的你,透過WP就能簡單管理你的網站,
而不是像過去需要寫一堆的程式碼,只需在後台修改頁面跟文章,就如同Word一樣的簡單。
而且WP是免費、開放式的程式碼。 還能快速的擴充各式的功能(稱之為外掛),只需輕輕一鍵即可。
在Wordpress網頁架設價格,相對於過往使用Java、PHP都簡單且便宜許多。
Wordpress架站費用大概4萬5至6萬。但若是客製化網站費用可是會嚇死人,所以沒事不要做客製化的網站。
WP架站怕被宰!【Wordpress費用】醬算才合理【Wordpress是什麼】何以市佔全球40% 連白宮、FB都愛Wordpress超過30.6%使用者(來源:wordpress)
Wordpress優點
- 全球40%的都使用Wordpress架站。所以技術純熟、教學支援多、系統穩定性高,畢竟架構已經千萬人測試使用。
- 以內容管理系統(CMS)的初衷、非常適合部落客專用官網術。
- 100%網站、資料庫擁用權,搬家、備份簡單又快速。
- 完整的前、後台功能,形象官網、一頁式網頁、電商平台、部落格一應俱全。
- 100%視覺化編輯,無需任何的程式碼,也能快速的建置網站,懂程式碼會讓網頁架設更精緻、完美(視覺化編輯請參考WP文章功能的教學)
- Wordpress教學、影音文件網路上眾多
- 相對於Weebly、Wix、Blogger,Wordpress的搜尋引擎優化(SEO)是相對的友善、好操作
- 功能無限擴充、外掛輕輕一裝、功能無限增長,重點外掛能功只要1,000~3,000不等的費用,且免費的居多(如Wordpress Plugin 外掛必裝推薦清單)
- 因為WP的受歡迎,使得懂這方面的專業能力很好找,員工的交替技術不斷層
- 上千種Wordpress佈景主題,絕對滿足你想要的風格。