網站運作的原理

到底要稱作「網站」還是「網頁」呀？經常有人把兩者混為一談。
「網頁」指的是我們看到一個「頁」面，來呈現部分資料或功能；
「網站」則是由多個網頁所組成，是一個功能完善的集合體。

舉凡蝦皮，從搜尋產品、加入購物車到結帳流程，都是由多個網頁所組成（包含首頁、搜尋頁、購物車頁、結帳頁等），我們也會稱它為「購物網站」，非「購物網頁」。
要完成一個可被大眾瀏覽的網站，運作細節非常多。大致可分為網址、網頁程式、主機三個部分做拆解說明。
 

---

網址申請

網站要如一般瀏覽習慣一樣運作的話，會需要有一個網址。網址可到中華電信、網路中文、遠傳、台灣網域中心等網站直接線上租用。如果喜歡用國外服務的話，Godaddy也是不錯的網址租用管道。
請注意，網址並非是買斷的，而是租用的概念，必須要依照續約時間繳費，如果沒有按時繳費的話，網址就會釋出讓其他用戶申請。
有個小八卦，Google的網址也曾經被其他用戶申請走：谷歌大拍賣？他以400元買下「Google.com」竟賺回40萬

延伸閱讀：如何透過中華電信hinet購買網址?

---

網頁程式架構

網頁要正常運作的話，要靠HTML、CSS、Javascript的程式語法才能看到目前我們常用的網站。如果需要有後台資料庫的話，程式語法還要再加入PHP、ASP動態語言寫法，再搭配資料庫語法Mysql、MSSQL等，才能做出一個能夠自己有後台維護的網站。

• 什麼是HTML（架構）

  一種撰寫網站的語法，用來建構網站的區塊定義與文字內容。

• 什麼是CSS（外觀）

  控制網站的視覺呈現，如區塊排版、背景顏色、文字大小等。

• 什麼是Javascript（互動）

  應用於網站的動態效果或互動反應動作。

近幾年的主流設計：RWD響應式網站，也一種CSS的延伸應用，可透過CSS的media功能，撰寫不同裝置應該要看到的排版，做到一個網站符合多種螢幕尺寸。
 

---

主機空間

有了網頁程式後，需要一個主機存放這些程式資料，當然網站上看到的圖片、文字，也都要存放在這台主機裡面。因此可以把主機為試著想像為一個「空間」，專門用來存放程式碼的地方，其中又區分成「虛擬主機」與「獨立主機」。

(1) 虛擬主機

將同一台主機，切割成多個甚至數百個空間。就像雅房一樣，價格雖然便宜，但房東提供的公共設備皆需共享，當資源被其他房客佔據或使用時，你也會受影響。

(2) 獨立主機

是一台完整的主機，無切割空間，資源個人獨享，就像是租了一整棟的高級別墅一樣，相對的價格也比較昂貴。
 

比較項目	虛擬主機	獨立主機
價格	便宜	昂貴
資源	共享	獨享
計價方式	以年費計算	以流量、空間用量計算
適用	一般企業形象網站（月訪人次1~2萬上下）	高流量型網站（月訪人次七萬以上） 例如：新聞網站、購物網站

主機裡面需要安裝作業系統以及能夠讀取程式的環境。如果網站是用PHP語法撰寫，一般需要安裝Linux、Apache、Mysql、PHP(LAMP)環境，如果是ASP語法的話，會需要安裝Windows Server、IIS、ASP、MSSQL等環境。

若是專業網頁的主機，還需要裝流量監測工具、連線紀錄工具、防火牆等設備。主機可以向主機服務商租用，如捕夢網數位資訊、匯智資訊、遠振資訊等，都是國內比較知名的主機服務商。

如果網站的需求用量比較大，如會有限時搶購、大型資料儲存、高度複雜運算等功能，建議就要找AWS、GCP、Azure三大公雲，做好自動擴展式架構(Auto Scaling)，因應特殊需求。

DNS設定網址連結主機

網址、程式和主機都建置完成後，要到網址商內使用DNS功能，將網址設定指向主機的IP。約等待24小時，就可以用網址看到主機內的網站囉!

專業網頁設計公司推薦交給愛貝斯， 18年經驗、1500家企業成功案例。幫企業解決製作網站最麻煩的流程與步驟。