一個網站要能夠在網路上被看見，最基本的三大要素為：網頁設計、伺服器、網域，其三者具有密不可分的關聯。
每個網站伺服器都有一個 IP，像是「140.112.150.225」。這組數字因為沒有特定意義，要記住相對困難，所以會幫網站取個名字，這樣比較好記，這個名字就是網域。有了網域，使用者不再需要記憶 IP 位址，而是透過輸入域名來找到網站，就像在手機通訊錄裡輸入聯絡人名稱，就可以找到相對應的電話號碼一樣。
網域名字可以作為你獨有的品牌，像是常常聽到的「apple.com」、「google.com」、「youtube.com」等等。
網域名稱系統（domain name system，簡稱 DNS）用來將這些易於記憶的名字轉換為 IP 地址，這樣就可以在網際網路上訪問到相應的伺服器或網站。當我們在瀏覽器輸入網域後， 會透過 DNS 將我們輸入的網址轉成 IP 去找到網站伺服器，瀏覽器就會將網站資訊傳遞回來，並將網站資訊顯示於瀏覽器。
主網域
主網域也就是我們註冊網域時需要取名的部分。通常由數字0-9、英文字母a-z及特殊符號「-」所組成，且大部分的企業主網域名會和品牌名稱、企業商標或提供的服務及產品有關。
子網域
例如在網址 https://www.google.com 中，網域部分是 google.com，其中 “.com” 是頂級域名，”google” 是主域名，而 “www” 是可以自行設定的主機名稱，也是我們所稱的子網域。
網域可以包含多個子網域，如 mail.google.com 中的 mail 就是一個子域，亦可使用 shop、info 等作為子網域。利用子網域來創建多個不同的網站或項目，並且每個子網域都可以有自己獨立的內容和功能。
網頁網址
有時人們會將「網域」和「網址」這兩個詞彙混淆使用，但它們其實指的是不同的概念。網域是網址的一部分，是用來定位網站的一種名稱，而網址是指向互聯網上資源的完整路徑。網址代表網頁在網站中的位址，所以一個網址只會對應一個網頁，但一個網域下可以有很多網址。
網站的檔案和數據需要存儲在一台伺服器上，以便在網際網路上提供訪問。伺服器是一種特殊的電腦，負責存儲網站檔案，處理用戶的請求，並將相應的內容發送回用戶的瀏覽器。
主機又叫做「虛擬伺服器」，或是「主機空間」。
有時候你會在網路上看到虛擬主機、VPS 主機、雲端主機等名詞。不知道的人會分不清楚這幾種主機的差別。主機有各種不同的性能以及空間大小，每一種方案的主機適合給不同類型的網站使用。
一般來說，主機可以分成以下幾個種類：
虛擬主機
又叫共享主機。 Linux、Windows、WordPress 主機都歸類在虛擬主機下。將一台主機分割成許多空間，就可以同時間將多個網站放在同一台主機上，讓這些網站共用這台主機的資源。正因為資源有限，如果別的網站占用比較多的資源，你的網站就會被影響，跑比較慢或是當機。
VPS主機
算是虛擬主機的進階版，就是將主機的資源先分配好，每個網站就是使用各自被分配好的資源無法多用。當網站需要更多主機資源，就會直接被限制，影響到網站效能。反過來說，其他網站即使想多用主機資源，也無法多用，自然也不會影響到同一台主機的其他網站。
雲端主機
雲端主機就是將一大堆主機的資源用網路連結起來，用虛擬化的技術讓資源可以很彈性的分配給人使用。要使用多少主機資源依照網站需要的效能決定，不像上述主機，主機資源多少都是固定的。今天網站成長了要更好的效能更多的資源，用雲端主機就不會遇到當機或是要換主機的問題了。
這涉及到網站的外觀、布局、功能和用戶體驗，這包括選擇和設計網頁的圖形元素、文字內容、色彩方案等，以確保網站能夠吸引訪客並提供良好的使用體驗。
網頁設計需要一定的技術和設計能力，包括熟練掌握 HTML、CSS、JavaScript 等語言和技術，以及對美學和設計的理解和應用能力。
HTML：網頁內容的描述語言，網站主要架構，用來定義段落、標題、資料表格、圖片和影片
CSS：網頁外觀形態的描述語言，網頁的視覺呈現，用來設置版面、文字編排、顏色
JavaScript：呈現網頁動態效果的程式語言，主要應用於網站上的動作與各種互動功能
透過 HTML 以及 CSS 的相互合作，就能將網頁結構化，做成我們希望的視覺呈現方式，但是只用 HTML 跟 CSS 還不足以滿足用戶，因此我們有了JavaScript 這個程式語言。藉由 JavaScript，我們可以在只能閱覽文字與影像的網頁中，加入動態效果。
如果真的想做網頁設計師，就要學好 HTML，因為 HTML 語法是一切前端的基礎。同樣的，對一名網頁設計師來說，如果 CSS 掌握的不牢固，前端之路將會走的越來越窄。
