網站入門指南：認識站點（Site）的概念與應用
更新日期： 2025 年 3 月 20 日
本文為 SaaS 架構基礎，第 1 篇：
- 網站入門指南：認識站點（Site）的概念與應用 👈進度
- 網站前台與後台：初學者指南
- 資料庫層級結構：Database、Schema、Table 的關係與應用
- 多租戶 SaaS 架構完整指南：從概念到技術實現
對於剛接觸網站開發或管理的初學者來說，「站點（Site）」是一個關鍵但容易被忽略的概念。
站點不僅僅是我們瀏覽的網頁集合，它在技術層面上也有特定的定義與應用方式。
無論你是想建立個人部落格、企業官網，還是電子商務平台，理解「站點」的運作方式將幫助你更有效地管理和部署網站。
本文將深入解析站點的基本概念、技術定義與特點，幫助你建立對網站架構的基礎認識。
什麼是站點（Site）？
站點（Site） 指的是一個獨立運作的網站，它可以是一個企業官網、個人部落格、電子商務平台，甚至是一個提供特定服務的線上應用程式。
當我們打開瀏覽器，輸入網址並進入某個網站時，實際上就是在訪問一個站點。
每個站點通常都擁有自己的網址、內容、設計風格，並可能包含互動功能，例如：
- 企業官網（Company Website）：用來展示公司的品牌、服務、聯絡方式，並提供客戶查詢與資訊。
- 個人部落格（Personal Blog）：用於分享個人經歷、專業知識或興趣內容，例如美食、旅遊、技術文章等。
- 電子商務平台（E-commerce Site）：如 Shopee、Amazon、WooCommerce 等，提供購物車、支付系統、商品展示等功能。
- 新聞網站（News Website）：如 BBC、紐約時報等，提供最新新聞與文章報導。
- 論壇與社群網站（Community & Forum）：如 Reddit、PTT、Dcard，讓使用者能夠發文、留言、互動。
站點的基本組成
一個完整的站點通常包含以下幾個主要部分：
1️⃣ 網域名稱（Domain Name）
站點需要一個獨立的網址，讓使用者可以透過網路訪問。例如：
- www.example.com（主域名）
- blog.example.com（子域名）
- example.com/about（內部頁面）
這個網址會對應到網站伺服器上的特定位置，讓使用者可以存取網站內容。
2️⃣ 網站內容（Content）
站點的核心是內容，這可以是靜態的（如 HTML 頁面、文章）或動態的（如用戶評論、即時聊天）。內容的組織方式取決於網站類型，例如：
- 公司網站：首頁、關於我們、聯絡方式、產品介紹等頁面。
- 部落格：文章列表、分類、標籤、留言區。
- 電商網站：商品頁面、購物車、結帳流程、用戶訂單歷史。
3️⃣ 佈景設計與前端（UI/UX）
站點通常會有專屬的設計風格，影響使用者體驗（UX）與界面（UI）。這包括：
- 網站的配色、字體、佈局。
- 使用者導航方式（例如菜單、按鈕、搜尋功能）。
- 響應式設計（Responsive Design），確保手機與電腦版都能正常顯示。
4️⃣ 伺服器與架設環境（Hosting & Server）
每個站點都需要有伺服器來存放網站檔案，並處理使用者的請求。伺服器類型可能包括：
- 共享主機（Shared Hosting）：適合小型網站，與其他站點共用資源。
- 虛擬專屬伺服器（VPS）：擁有較高的資源與彈性，可自由設定環境。
- 雲端伺服器（Cloud Hosting）：如 AWS、Google Cloud，適合高流量網站。
- 專屬伺服器（Dedicated Server）：整台伺服器獨立運行單一站點，適合大型企業網站或高負載應用。
5️⃣ 互動與功能（Features & Interaction）
站點可以包含許多互動功能，讓訪客能夠與網站內容產生互動，例如：
- 會員系統：允許使用者註冊、登入、個人化設定。
- 購物功能：提供購物車、支付方式、訂單管理等。
- 社群互動：評論、留言、按讚、分享等社群功能。
- 搜尋與過濾：幫助使用者快速找到所需內容。
站點的主要特點
✅ 獨立運作的網站：每個站點有自己的內容、管理後台，可獨立管理。
✅ 可能包含多個頁面：如首頁、關於我們、聯絡我們、產品頁面等。
✅ 專屬的網域名稱（Domain）：例如 www.mywebsite.com 或 blog.mywebsite.com。
✅ 伺服器運行方式靈活：可以單獨部署在專屬伺服器，也可與其他站點共用主機資源。
簡單來說，站點是一個完整、獨立的網站，無論是個人或企業，都可以擁有自己的站點來提供資訊、銷售商品或分享內容。 🚀
技術層面的站點定義
在一般使用情境下，「站點（Site）」通常指的是一個可供使用者瀏覽的網站。
但在技術領域中，它不只是由網頁組成，而是一個配置在伺服器上的獨立網站，包含伺服器環境、網域名稱、檔案結構與數據庫等關鍵要素。
這意味著，當你架設網站時，站點不僅僅是靜態的 HTML 頁面，它還涉及伺服器的管理與設定，確保網站能夠正常運行並提供動態內容。
要理解技術上的站點概念，我們可以從以下幾個主要組成部分來看：
Web 伺服器的配置
網站需要依賴 Web 伺服器（如 Nginx 或 Apache）來處理訪問請求，而在伺服器的環境中，開發者可以透過 虛擬主機（Virtual Host） 來設定不同的站點。
🔹 什麼是虛擬主機（Virtual Host）？
虛擬主機是一種伺服器技術，允許在同一台伺服器上運行多個獨立的站點，它們可以有不同的網域名稱與網站目錄。
例如，在 Nginx 配置中，你可以這樣設定兩個不同的站點：
server {
listen 80;
server_name example.com;
root /var/www/example.com;
index index.html;
}
server {
listen 80;
server_name blog.example.com;
root /var/www/blog.example.com;
index index.php;
}
以上設定表示同一台伺服器上運行了兩個獨立的站點：
example.com的網站檔案存放在/var/www/example.comblog.example.com的網站檔案存放在/var/www/blog.example.com
這兩個站點可以擁有不同的內容、設定與程式碼，但它們共用同一台伺服器的資源。
獨立的網域名稱（Domain Name）
每個站點通常有自己的網域名稱（Domain Name），這是使用者在瀏覽器中輸入的網址，例如：
- example.com（主站點）
- blog.example.com（子站點）
- store.example.com（獨立的電商站點）
這些域名會對應到伺服器上的特定目錄或應用程式，確保使用者能正確訪問對應的站點。
例如，當使用者輸入 example.com 時，伺服器會解析域名，並導向 /var/www/example.com/ 內的網站檔案。
文件與資料夾結構
在技術層面上，站點的所有資源（HTML、CSS、JavaScript、圖片、影片等）都存放在伺服器的特定目錄中。這些文件的結構通常如下：
/var/www/example.com/
│── index.html
│── style.css
│── script.js
│── images/
│── uploads/
│── logs/
📌 這裡的每個站點都有自己的文件夾，確保網站資源是獨立的。
例如：
/var/www/example.com/內的index.html是主網站的首頁/var/www/blog.example.com/內的index.php是部落格的入口
這樣的獨立結構可以確保不同站點之間不會相互干擾，方便開發與維護。
數據庫（Database）
許多現代網站都是動態網站，這意味著它們的內容並非存放在靜態 HTML 檔案中，而是由數據庫（Database） 管理。例如：
- 部落格文章（標題、內文、發表時間）
- 用戶資料（帳號、密碼、電子郵件）
- 商品資訊（名稱、價格、庫存）
📌 每個站點可以擁有自己的獨立數據庫，也可能共享數據庫，但使用不同的資料表來存放內容。
例如，WordPress 預設的數據庫結構可能如下：
wordpress_db
│── wp_posts （存放文章）
│── wp_users （存放用戶資訊）
│── wp_comments （存放留言）
│── wp_options （存放站點設定）
但如果你的伺服器上有 多個站點，你可以選擇：
- 每個站點使用自己的數據庫（如
site1_db、site2_db） - 所有站點共用同一個數據庫，但不同站點的資料分開存放（如
wp1_posts、wp2_posts）
這取決於你的架構設計與管理需求。
舉例：一個獨立的 WordPress 站點
假設你在伺服器上安裝了一個 WordPress 網站，這個網站會包含以下元素：
✅ 伺服器環境（Nginx / Apache + PHP + MySQL）
✅ 站點目錄（例如 /var/www/mysite/）
✅ 數據庫（例如 mysite_db）
✅ 網域名稱（例如 www.mysite.com）
當用戶訪問 www.mysite.com 時，Web 伺服器會：
1️⃣ 解析請求，找到對應的站點目錄 /var/www/mysite/
2️⃣ 讀取 index.php，並連接到 mysite_db 獲取文章或使用者資訊
3️⃣ 生成動態網頁，將 HTML 傳送給使用者的瀏覽器
這就是技術層面上站點的完整運作方式！
站點（Site）與網站（Website）差異
雖然 「站點（Site）」 和 「網站（Website）」 在某些情境下可以互換使用，但它們其實在語義上有些細微的差異。
而一般人更常使用「網站（Website）」來形容日常瀏覽的網頁，主要有以下幾個原因：
習慣用語與通俗性
在日常對話中，大多數人更習慣說「網站（Website）」而不是「站點（Site）」，因為「網站」更符合語言直覺，也更容易被大眾理解。舉例來說，我們通常會說：
✅ 「這個網站很好用！」
✅ 「你可以去這個網站下載資料。」
而很少人會說：
❌ 「這個站點很好用！」
❌ 「你可以去這個站點下載資料。」
這是因為「網站（Website）」已經成為普遍的通用詞彙，而「站點（Site）」則帶有比較技術性的意味，更多是工程師、開發者在技術討論時會使用的詞彙。
「站點（Site）」更常用於技術層面
在技術領域，如 Web 開發、伺服器管理或內容管理系統（CMS）中，「站點（Site）」是一個更為專業的術語。例如：
- 在 Nginx / Apache 配置中，「站點（Site）」指的是伺服器上設定的一個獨立網站，可以有不同的虛擬主機（Virtual Host） 來區分不同的站點。
- 在 WordPress 多站點（Multi-Site） 架構中，「站點」代表的是同一個 WordPress 系統下的不同網站（例如
site1.example.com、site2.example.com），這與單獨安裝的 WordPress「網站（Website）」有概念上的區別。 - 在伺服器環境中，開發者可能會說「這個伺服器上跑了 3 個站點」，意指伺服器上有 3 個獨立的網站架構，而不一定是 3 個獨立的網域名稱。
因此，「站點」通常更偏向於技術語境，而「網站」則更常用於一般使用者的日常對話中。
Website 更強調「Web + Site」
如果我們拆解 「Website」 這個單字，它是由 Web（網絡）+ Site（站點） 組成，強調的是基於網頁技術的資訊平台。
這個詞強調的是「網頁集合」的概念，因此特別適合用來描述企業官網、電子商務平台、個人部落格等以網頁為主要內容呈現方式的應用。
而「站點（Site）」這個詞本身比較中性，它不一定特指基於網頁的應用，例如：
- 「工地站點（Construction Site）」：指的是一個建築工地的位置。
- 「工作站點（Work Site）」：可能指的是遠端工作地點。
所以，從語言學的角度來看，「網站（Website）」這個詞能夠更清楚地表達「網頁集合」的概念，而「站點（Site）」則是更為廣義的詞彙，因此大眾更習慣使用「網站」。
文化與翻譯習慣
在中文語境中，「網站（Website）」的翻譯已經深入人心，並且更符合語言習慣。例如：
- 「政府網站」（Official Website），而不是「政府站點」。
- 「購物網站」（E-commerce Website），而不是「購物站點」。
- 「新聞網站」（News Website），而不是「新聞站點」。
這與最初的技術翻譯有關，當 Internet 在華語世界普及時，「Website」最早被翻譯為「網站」，並且逐漸成為主流詞彙，而「站點」則更多保留在技術領域中，如「伺服器站點」「網路站點」等專業用語。
使用時機
| 詞彙 | 適用場合 | 使用對象 |
|---|---|---|
| 網站（Website） | 一般大眾日常用語，指代一個完整的網頁集合 | 一般使用者、商業用語、行銷 |
| 站點（Site） | 技術用語，指伺服器上的獨立網站，或系統內的子網站 | 開發者、伺服器管理、CMS 架構 |
什麼時候應該用「網站」？
- 「我要建立一個個人網站（Website）。」✅
- 「這是我們公司的官方網站（Website）。」✅
- 「你可以去這個網站下載最新的應用程式。」✅
什麼時候應該用「站點」？
- 「我們的 Nginx 伺服器上設定了 3 個站點（Site）。」✅
- 「這個 WordPress 安裝環境支援多站點（Multi-Site）功能。」✅
- 「這個伺服器有多個獨立站點，每個站點有不同的設定檔。」✅
簡單來說，如果你是普通使用者，大部分情況下你都會使用「網站（Website）」。但如果你是技術人員，在談論伺服器架構、網頁開發或多站點架構時，「站點（Site）」才是更精確的用語。
結論
站點（Site）是網站開發的基礎概念，無論你是要建立個人網站、企業官網，還是電子商務平台，都需要理解站點的基本結構與運作方式。
在技術層面上，站點不僅是一組網頁，還包括伺服器配置、域名管理與數據庫支援。
透過這篇文章，希望能幫助你更清楚地理解站點的概念，讓你在網站開發或管理時能夠更得心應手。
如果你對於架設網站有興趣，可以從簡單的靜態網站開始，逐步學習動態網站與伺服器管理，邁向更進階的開發領域！🚀