- 為什麼要認識網頁的基本概念？
如果你要負責關於網站的事宜，儘管只屬業務管理，但若沒有一點基本概念也沒有，也許會面對以下問題：
- 不知道如何挑選網頁公司
- 不知道何謂網站的好與㙗
- 不懂得如何與網頁人員交涉
- 可能出現溝通障礙
本文以最顯淺的解釋，讓你用最短的時間，明白一些有關網頁設計上會提及的術語。
- 什麼是網站？
網站（Website）的「真身」，只不過是一大堆的檔案，正如你打開「檔案總管」所看到的，有很多資料夾和很多檔案。
那些網頁檔案（除了圖片、影片、聲音等檔案外），絕大多數是「外星文」檔──即編碼檔案，這些檔其實可以用notepad等文字編輯器來打開的，你可以看到當中的程式代碼，只是外行人看不明白代碼的意思。
為什麼一個網站會有這麼多的檔案？因為每一個細微的動作，都要逐一定義和作具體指示，否則一旦出現「意料之外」的情況，系統就不知道如何反應了。
這一大堆檔案，如何變成大家看到的網站？那就要靠域名、伺服器和瀏覽器了。
- 什麼是域名？
域名（Domain Name）是網站在虛擬世界上的地址，每個域名都是獨一無二的，也是方便人記得的名字，而不是一堆數字。
既然域名必須是獨一無二的，那就代表它必須有一個註冊制度。網域名稱由網域註冊管理機構ICANN管理，並交由註冊商註冊。
對使用者而言，只須向網域註冊商註冊，手續非常簡單、快捷。
註冊域名需要提交證明嗎？
如果使用「.com」、「.net」等，毋須提交任何證明，可即時註冊和使用。
但某些域名是有限制的，例如「.gov」和「.edu」需要證明是政府或教育機構；也有些地域的域名有附加要求，如「.com.hk」需要提交香港商業登記證副本，又如註冊「.uk」的有限公司需要提交公司登記證明。
在香港域名中，需要提交證明的包括：
- 域名類別需要的文件
- .com.hk香港商業證記證（BR）副本
- .org.hk由稅務局發出的免稅證明，或其他非牟利團體的有效證明文件
- .edu.hk由教育局發出的學校證明副本
- .idv.hk香港身分證副本
域名也要寄存？
是的，域名也要把相關的資料寄存在某個地方，讓網絡世界知道它的實際位置──當有人想上這網頁時，應到那裏去取得網頁的檔案。
域名與網址的分別
網址（URL）是一條連結，它包含了域名，以及其他的資訊。
以下是一個網址的不同部分：
- 通訊傳輸協定（TCP）：通常是「https://」或「http://」，即使沒有這協定，一般情況都可以連接到相關網頁。
- 子域名（sub-domain）：常見的「www」也是一個子域名，如果你只得一個網站，不打算建立附屬網站的話，可以略去「www」，即不用www.example.com而直接用example.com。
- 次級域名（2LD）：是域名中最專屬的部分，即www.example.com中的「example」。
- 頂級域名（TLD）：即「.com」、「.edu」、「.net」等。
次級域名加上頂級域名，就是你的域名了。
- 什麼是前台、後台？
常聽人說網站的什麼前台、後台，到底是指什麼？
若把網站比喻為舞台，觀眾看到的台上表演，就是「前台」（frontend），也就是大家所看到的網頁。「後台」（backend）就是幕後的所有工作。
網站的後台工作層面廣泛，其中一種最簡單的分類，可分為技術性的，和內容方面的。
網站內容應該可以隨時更新，才可發揮網站的最大效用。負責內容的人，往往不是技術人員。
如果你明白到網站的「真身」是一大堆「外星文」（編碼）檔，就可以想像，修改內容等於要修改「外星文」，這對於一般人來說是困難的。如果要依靠技術人員來修改內容，則降低了修改內容的動機。
何謂「內容管理系統」
因此，有「內容管理系統」（Content Management System，簡稱CMS）的出現。
所謂「內容管理系統」，簡單來說，就是「管理網站的網站」。它把網頁的編碼和內容，以視像化的方式呈現，讓一般人容易理解、編輯和管理。
「管理網站的網站」屬於後台的一部分，與前台（即你的網頁外貌）的風格是完全不同的。
現時最多人用的CMS，是WordPress，市佔率逾六成。
- 為什麼要寄存網站？
網頁既然只是一堆檔案，為什麼需要使用寄存服務？
答案好簡單：你不會讓別人連上你的電腦去拿資料，是嗎？那你就需要把資料放在一個可以讓全世界連上的地方，就像是在公用貨倉租用一個專屬單位一樣。
以往有些公司在桌上放一部電腦，使用相關技術，就可以變成一個伺服器，即自己專用的「貨倉」。
但隨着雲端科技的進步，以及網頁越發複雜，對伺服器規格、對安全系數的要求越來越高，要自己管理一個伺服器並不符合成本效益。
因此，現時一般都是使用雲端伺服器的，而且在軟件更新、服務升級等方面，都具有更大彈性，可以在不干擾日常運作的情況下做到。
- 「嚮應式網站」是什麼？
「嚮應式網站設計」（Responsive Web Design）是經常被提及的一個名詞。實際上它指的是什麼？
先談一談為什麼要有「嚮應式網站設計」。在智能手機初出現的時候，用手機上網常感不方便，因為多數網站還未跟上，網頁就像把整個桌面電腦塞了進去手機一樣，頁面縮得很小，必須用手指放大畫面，再移左移右才可看到當中的文字和內容。
在一段過渡時間內，有些網頁會曾做兩個版本，一個桌面版，一個手機版。但後來，電子裝置的大小尺寸越出越多，有不同大小的電話，也有平板電腦等，兩個版本根本不足以滿足要求。
而且，有兩個版本，等於各種工作都要做雙份。不論是改內容，還是做維護，都要做兩個版本。不化算啊！
在這背景下，「嚮應式網站設計」的出現和盛行，似乎是必然的了。現在它已成為了做網業的標準模式。
所謂「嚮應式」，就是它會因應使用者的屏幕大小，來決定頁面的編排。例如大屏幕上橫排的三張圖片，到了手機屏幕可變成直排；又如大屏幕上大大張的橫向圖片，到了手機變成直圖⋯⋯
嚮應式網站設計的特點：
- 字體的可讀性：不論屏幕大小，字體大小和行距都始終是適宜閱讀的。
- 網站導航的適應性：大屏幕上的網站選單，到了小屏幕可能變成「漢堡式」按鈕選單。
- 媒體的彈性：圖片或媒體檔案，是橫是直，可以按屏幕大小而決定。
- 流動式佈局：排列的方向、次序，都可以因應屏幕大小而變動。
- 一個版本，方面管理：不論網頁的頁面有多少變化，它始終是同一個頁面，方便管理和維護。
但這也令網頁的設計工作變得較為複雜，並且增加了測試和除錯的時間和難度。
- 網站安全證書（SSL）是什麼？
你有沒有試過，在打開一個網頁面時，出現類似以下的警告？
可能你會被它嚇一嚇，懷疑自己上了詐騙網站。其實只是那網頁沒有使用SSL安全證書。
「握手」的憑證
SSL全名是「安全通訊端層」（Secure Sockets Layer），作用是為網上傳送的資料加密，即使中途被截劫了這些資料，資料也是亂碼，相當難拆解。
當傳輸雙方在網絡上「握手」（點對點接通）時，SSL 提供了安全證書，可以確認雙方身份，然後資料就可以傳送和解密。這過程完全自動化，大家不知不覺。
有SSL的網站，使用「https」；沒有SSL的，則用「http」，沒有「s」。
十年八年前，SSL基本上都是要付款的。直至免費SSL的出現和普及，加上Google於2018年大力一推，把所有無使用SSL的網頁一律顯示為「不安全」，並轉去警告頁面，SSL便一下子成為了網頁的基本。
完成網站必要check的事
為安全又好，為形象又好，為流量又好，任何網頁都一定要用SSL。
最後一樣要注意的。「http」和「https」是可以同時存在的，在某些情況下，有些人可能會用了「http」來上你的網頁，那就不好了——會出警告呢。怎辦？督促一下你的網頁商，他們做漏東西了，要把「http」重新導向至「https」。
- 什麼是瀏覽器、網頁渲染？
你想上一個網站的時候，首先要做的，是打開瀏覽器。
何謂瀏覽器？
瀏覽器是一個軟件程式，讓使用者在互聯網（internet）或內聯網（intranet）上，尋找和瀏覽網頁。
現時常用的瀏覽器包括：Chrome、Safari、Edge、Firefox、Samsung Internet等。據統計，Chrome獨佔了65%的全球瀏覽器市場；其次是Safari，佔約18%；其餘瀏覽器佔約5%或以下。
所有網站都必須使甪瀏覽器才能找到和看到。瀏覽器把各種外星文「翻譯」成為大家看得懂的圖像化效果。
「網頁渲染」是什麼？
這個「翻譯」過程，專業術語稱為「渲染」（rendering），意思是瀏覽器按你的指示（輸入網址或搜尋的網頁），找到一堆相關的外星文（編碼）檔案，再按當中的程式代碼指示，來「繪畫」展示頁面。
需要留意的是，不同牌子的瀏覽器，雖然都做同一樣的工作，但他們的工作方式是不同的。因此，不同瀏覽器展現的東西，有可能出現不一致的地方。
- 為什麼IT部門不做網站？
資訊科技（I.T.）的範疇十分廣泛，主要的分支包括：網絡工程、通訊科技、數據管理、系統發展、軟件開發、雲端科技、網絡安全、人工智慧、網頁開發等等。
每一個I.T.範疇都涉及專門的知識和專用的程式。「程式」所用的，是程式語言。
程式語言是什麼
這個世界上，沒有一種「人類語言」是所有人都懂的。程式語言也是這樣，不同程式使用不同語言，就像不同國族的語言一樣。
因此，一種程式語言的專家，有可能不認識另一些程式的語言。
製作網站所牽涉的程式，越來越多。到底一個網站要用多少種程式語言？
網頁的編碼用語
十多廿年前，只需懂得HTML，就可以編寫網頁了。後來網站技術越來越先進，即是越來越複雜，一般網站會使用CSS來控制外觀，使用JS來控制網頁與使用者的互動，使用PHP來控制網站和伺服器的溝通。換言之，現時一個網站會使用最少四種程式語言。
還有，不少網站都使用了數據庫（database），當中逾98%使用MySQL數據庫，那就需要用SQL的程式語言。至於伺服器的設定，當然也涉及相關的程式語言。
換言之，製作網頁有其專門的編碼用語，而且涉及內容編輯和美術設計方面。因此，如果沒有聘用網站開發員，IT部門不懂得做網站，是毫不希奇的。
- WordPress有什麼好？
WordPress是網站的「內容管理系統」（CMS）。在全世界的網頁中，有43.3%是使用WordPress的；若只計算有CMS的網頁，WordPress的市佔率更高達62.8%。
到底WordPress有什麼好，竟會這麼受歡迎？
- 免費：WordPress是一套開源軟件，即是免費任人使用的。
- 龐大的社群：相當多的網頁開發人員使用WordPress，以致使用者容易獲得相關資源和支援。
- 眾多插件：WordPress擁有超過55,000個插件，大大延伸了WordPress的功效和性能。Google、微軟、facebook等眾多大型企業，也都特地支援WordPress的服務。
- 100%的擁有權：有些網站平台是以租賃形式提供服務（SaaS），網站的基礎建設是屬於該平台的。但WordPress使用者可以完全擁有網站的架構，有絕對的控制權。
- 持續發展中：WordPress本身的業務模式，讓它可以持續維護和發展其軟件。
- 無限可能：由於開發員可以完全控制相關編碼，因此在功能和設計上有無限可能。