網際網路協定

網際網路也就是全球資訊網(WWW)是一項非常成熟的科技，從早期的超文件傳輸協定(HTTP)帶動了許許多多網路商機，發展到成收階段時，網站處理資料的任務越來越吃重，而資料的內容也越來越重要，常會發生有心人士從中擷取傳輸的資料，於是開始有了資訊安全的需求(HTTPS)以及SSL的加密技術，這項技術目的在於加密傳輸中的資料，保護使用者與網站的資訊傳輸安全。

基礎應用技術

網頁組合的基礎應用技術有HTML為架構，再由網頁設計師搭配CSS樣式進行美化網頁版面與文字，最後再透過Javascript的互動技術讓網頁更具有互動性，自從行動裝置也就是智慧型手機普及之後，具有可支援智慧型手機的網頁需求大增，於是就有RWD響應式網頁設計的需求。

當前的網頁設計大部分都會加入含有可支援RWD響應式網頁設計的技術在裡面。

網頁常見名詞

一般瀏覽器(Browser)是我們最常接觸的軟體，一打開電腦或智慧型手機就可以連結到特定的網頁(Web Page)或是網站(Web Site)，這些都是透過網際網路的連線所得到的結果，無論是訂車票或是轉帳都可以透過瀏覽器完成，有些資料還可以透過各大搜尋網站的搜尋引擎(Search Engine)搜尋我們想要查詢的資料，也可以透過網站或社群網站的功能進行下載(Download)或上傳(Upload)相關所需的檔案或資料。

瀏覽器

Chrome是目前最市占率最高的瀏覽器，在智慧型手機上會因為蘋果陣營的IOS或是Google陣營的Android而會有所不同，不過還是可以透過APP應用程式下載，IOS平台預設使用行動版的Safari瀏覽器，而Android就可能會是行動版瀏覽器，或是透過下載可以選擇喜好的瀏覽器APP。此外在各家的瀏覽器都會有不同的瀏覽結果以目前市場的使用率來說Chrome, Firefox, Edge, Safari都各不同的支持者。

前端常用元件

隨著網站設計與前端技術持續演進，RWD 響應式網頁已成為現代網站建置的基本需求。過去 Bootstrap 是相當常見的前端 UI 套件，能夠快速建立具備基本版型、按鈕、表單與格線系統的網站，因此被廣泛應用於企業網站、形象網站與管理後台介面中。

近年來，Tailwind CSS 也成為前端開發中相當受歡迎的選擇。與 Bootstrap 提供現成元件的方式不同，Tailwind CSS 偏向以工具類別組合出畫面樣式，讓設計師與工程師可以更彈性地控制版面、間距、顏色與響應式細節。對於需要客製化品牌視覺、快速調整 UI 或建立一致設計系統的網站來說，Tailwind CSS 提供了更高的彈性。

除了 CSS 框架之外，前端技術也因行動裝置、互動體驗與系統整合需求而更加多元。Angular、Vue、React 等 JavaScript 框架，常被用於建立互動性較高的網站功能，例如即時資料更新、表單操作、會員系統、後台管理介面與單頁式應用程式。這些技術能讓網站不只是靜態展示內容，也能成為具備操作流程與資料互動能力的應用平台。

而在近期 AI 工具快速發展後，網站開發流程也開始出現新的變化。AI 可以協助產生版面原型、撰寫前端元件、整理程式碼結構、優化內容文案，甚至輔助 SEO 標題與網站說明的規劃。不過，AI 輔助開發並不代表可以完全取代專業判斷。網站仍然需要考量品牌定位、使用者體驗、SEO 架構、效能、安全性與後續維護成本，才能真正建立出穩定且適合企業長期使用的網站。

因此，在規劃網站時，選擇 Bootstrap、Tailwind CSS、Vue、React 或 AI 輔助開發工具，並不是單純追求最新技術，而是要依照網站目標、預算、維護方式與未來擴充需求，選擇最合適的技術組合。