二、依「用途」分類
1. 企業官網(Corporate Website)
展示公司資訊、產品與聯絡方式。
➤ 如:台積電官方網站。
2. 電子商務網站(E-commerce)
提供商品展示、購物車與線上付款功能。
➤ 如:蝦皮、momo、Amazon。
3. 部落格/新聞網站(Blog / News Site)
以文章內容為主,更新頻繁。
➤ 如:Medium、TechCrunch。
4. 社群平台(Social Media Site)
使用者之間可互動、留言、分享。
➤ 如:Facebook、Instagram。
5. 教育網站(Educational Site)
提供課程、線上學習或測驗。
➤ 如:Coursera、可汗學院。
6. 作品集網站(Portfolio)
展示設計師、攝影師、開發者等的作品。
➤ 如:Behance、個人作品集頁。
7. 政府/非營利網站
公共資訊、政策公告或公益活動。
➤ 如:政府機關網站、慈善機構頁面。
⬆ 回主目錄
三、依「技術架構」分類
1. 單頁應用程式(SPA, Single Page Application)
- 全站幾乎是一個網頁,內容動態切換。
- 使用 JavaScript 框架如 React、Vue、Angular。
- ➤ 如:Gmail、Google Docs。
2. 多頁網站(MPA, Multi-Page Application)
- 傳統的多個 HTML 頁面架構。
- 每次切換頁面都會重新載入。
3. 響應式網站(Responsive Website)
- 網頁可自動適應手機、平板與電腦螢幕。
- 🔧 使用 CSS Media Queries。
4. PWA(Progressive Web App)
- 網頁像 App 一樣,可離線使用、推播通知。
- ➤ 例:Twitter Lite。