ASP.NET 入門基石：XHTML、靜態/動態網頁、Web 伺服器與開發預備知識

系列緣起：為什麼叫「夜話」？

白天忙碌，夜晚沏茶研讀，記錄心得發表部落格。偏重實戰理論與經驗分享。

工具準備

• Macromedia Dreamweaver 8 (設計檢視/原始碼雙模式)
• Microsoft Visual Studio 2005 (專案管理、偵錯、智慧感知)
• Microsoft SQL Server 2005 (資料庫)

XHTML：符合 XML 規範的 HTML

• HTML 語法寬鬆，瀏覽器容錯但機器難解析。
• XHTML 強制：標籤小寫、屬性值加引號、巢狀正確、空標籤自閉合 (`
  `)、單一根元素。
• Dreamweaver/VS2005 新建頁面預設輸出 XHTML 1.0 Transitional DOCTYPE。
• 不符合 XHTML 的頁面在 VS 設計檢視可能無法顯示。

Dreamweaver 建立空白 XHTML 頁面

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="https://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標題文件</title>
</head>
<body></body>
</html>

VS2005 建立空白 ASPX 頁面

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="https://www.w3.org/1999/xhtml">
<head runat="server">
<title>無標題頁面</title>
</head>
<body>
<form id="form1" runat="server">
<div></div>
</form>
</body>
</html>

靜態網頁 vs 動態網頁

Web 伺服器角色

• 接收 HTTP 請求 → 判斷資源類型 → 靜態檔案直接回應 / 動態頁面交給執行引擎 (ASP.NET ISAPI / Kestrel) → 取得 HTML → 回應客戶端。
• 常見：IIS (Windows)、Apache/Nginx (跨平台)、Kestrel (ASP.NET Core 內建)。
• ASP.NET 在 IIS 中透過 `aspnet_isapi.dll` (經典) 或 `aspnet_core.dll` (ANCM) 處理。

ASP.NET 開發預備知識清單

1. HTML/XHTML 基礎：語意化標籤、表單、表格、無障礙屬性。
2. CSS 基礎：盒模型、Flex/Grid 佈局、選擇器優先權、響應式斷點。
3. JavaScript 基礎：DOM 操作、事件處理、ES6+ 語法、Fetch/AJAX、模組化。
4. C# 語言核心：類別/介面/泛型、LINQ、非同步 `async/await`、委派/事件、屬性/索引器。
5. .NET Framework 基礎類別庫：集合、IO、字串處理、日期時間、序列化、反射、屬性。
6. 資料庫與 SQL：關聯模型、正規化、JOIN、索引、交易、參數化查詢、ORM (EF/Dapper)。
7. HTTP 協議：方法、狀態碼、標頭、Cookie/Session、快取、CORS、安全標頭。
8. 開發工具與流程：Git 版控、Visual Studio 偵錯/剖析、CI/CD、單元測試、Code Review。

總結

ASP.NET 開發建立在 XHTML/HTML、CSS、JavaScript、C#、SQL、HTTP 等基石之上。理解靜態與動態網頁差異、Web 伺服器請求處理流程、XHTML 規範要求，能避免許多初學者常見的版面崩潰、編碼錯誤、事件不觸發等問題。接下來系列將深入 Page 類別、控件、資料存取、安全性等核心主題。