Visual Studio 2010 從零建立 ASP.NET 空白網站完整教學

建立專案

1. 開啟 VS2010 → 檔案 → 新增 → 網站。
2. 選擇 ASP.NET 空白網站（而非「ASP.NET 網站」，後者預設包含預設頁面與樣式，不利學習架構）。
3. 位置選 檔案系統，指定資料夾，方案名稱預設 WebSite1，確定。

認識 web.config

方案總管僅有一個 web.config，XML 格式，儲存全域設定：

• <system.web>：編譯目標框架（targetFramework="4.0"）、驗證/授權、Session 狀態、自訂錯誤頁等。
• <connectionStrings>：資料庫連線字串（IP、Port、帳號、密碼）。
• <appSettings>：應用程式層級鍵值對。

新增 Web Form 頁面

1. 方案總管右鍵 → 加入新項目 → Web Form → 命名 Default.aspx。
2. 自動產生 Default.aspx（標記）與 Default.aspx.cs（程式碼後置），分離關注點。
3. 點擊左下角 分割 檢視：上方原始碼、下方設計介面同步。

工具箱拖曳控件

1. 檢視 → 工具箱（或 Ctrl+Alt+X）。
2. 展開 標準 節點，拖曳 Button、TextBox 到設計介面。
3. 屬性視窗（F4）設定 ID、Text 等屬性。

撰寫按鈕點擊事件

1. 設計介面雙擊 Button，自動在 Default.aspx.cs 產生 Button1_Click。
2. 撰寫程式碼：

protected void Button1_Click(object sender, EventArgs e)
{
    TextBox1.Text = "Hello, ASP.NET! " + DateTime.Now.ToString();
}

偵錯執行

1. 工具列 偵錯 → 啟動偵錯（或 F5），預設使用 ASP.NET Development Server（Cassini）或 IIS Express。
2. 瀏覽器開啟 https://localhost:port/Default.aspx，點擊按鈕觀察 TextBox 顯示文字。

發布部署

1. 建置 → 發布網站。
2. 目標位置：本機資料夾（如 C:\Deploy\MySite）或 FTP/檔案系統遠端伺服器路徑。
3. 發布完成後，將目標資料夾內容複製至 IIS 網站實體路徑，於 IIS 建立應用程式，設定 .NET 4.0 整合管線即可上線。

十步驟總結

1. 新增空白網站
2. 認識 web.config
3. 加入 Web Form
4. 分割檢視模式
5. 開啟工具箱
6. 拖曳 Button、TextBox
7. 雙擊 Button 產生事件
8. 撰寫 C# 程式碼
9. F5 偵錯預覽
10. 發布網站

掌握此流程，即具備 ASP.NET Web Forms 專案從建立到部署的基本能力。