1.打開網頁鏈接http://www.w3school.com.cn/aspnet/mvc_intro.asp 點擊Visual Web Developer 2012進行安裝安裝平台（WebPlatformInstaller_x64_en-US.msi）
2.安裝完成后打開程式
3.輸入要查詢的軟體名稱后按回車
4.找到Visual Web Developer 2010速成版，也可以稱之為學習版。點擊右側的“添加”按鈕，然后點擊程序下方的“安裝”按鈕。
5.點擊我接受，這里我們可以看到關於“Visual Web Developer 2010 express”的一些信息。
6.安裝完成。具體安裝時間與電腦配置有關。
7.打開開始菜單，可以看到“Visual Web Developer 2010 express”,雙擊打開即可。注意：當你打開它提示你需要安裝“Microsoft Visual Stidio 2010 Server Pack1”時，則說明你的電腦缺少這個服務包，直接按照提示下載安裝即可。
Visual Web Developer 控件介紹
標准控件
使您可以添加基本功能和復雜功能的ASP。NET網頁。標准控件包括按鈕、圖像、文本框、復選框、超鏈接、列表框等。其他標准控件包括日歷、文件上載控件和在網頁上顯示xml的控件。
數據控件
使您能夠將網頁連接到各種數據源，其中包括數據庫和xml文件。數據控件還允許您以表格或其他格式在頁面上顯示數據，並允許用戶編輯數據。
導航控件
使您可以向網頁添加各種類型的菜單。這些包括靜態和飛出菜單、樹視圖和導航路徑（也被成為眉毛或面包屑）
驗證控件
提供檢查用戶輸入的方法。您可以檢查所需的字段、值范圍、最小值、和最大值以及特定模式。
登錄控件
使您能夠輕松創建登錄表單並對用戶進行身份驗證。您還可以使用登錄控件，使用戶可以在網站上注冊並恢復或替換其密碼。
Web部件控件
用戶可以自定義一個ASP.NET網頁瀏覽器。Web部件控件可以自定義內容，如新聞標題或天氣數據。用戶可以選擇他們想看到的Web部件控件，並且可以自定義web部件控件的布局和外觀。Web部件控件是個性化的，以便在瀏覽器會話之間保留用戶的偏好。、
AJAX擴展控件
使您能夠通過使用AJAX功能提高網站。
Visual Web Developer 2010使用教程
創建網站和網頁
創建一個網站並為其添加新頁。還將添加HTML文本並在Web瀏覽器中運行該頁。
創建一個不需要使用Microsoft Internet信息服務（IIS）的文件系統網站。相反，您將在本地文件系統中創建和運行頁。
文件系統網站是這樣一個網站，即在您選擇的位於本地計算機上某個位置的文件夾中存儲頁面和其他文件。
其他網站選項包括本地IIS網站，它將您的文件存儲在本地IIS根目錄（通常是\Inetpub\Wwwroot\）的子文件夾中。FTP網站將文件存儲在遠程服務器上，您可以使用文件傳輸協議（FTP）通過Internet訪問該服務器。遠程網站將文件存儲在您能夠跨越本地網路訪問的遠程服務器上。有關更多消息，請參見演練：在Visual Web Developer 中通過FTP編輯網站。網站文件也可以存儲在諸如Visual SourceSafe這樣的源代碼管理系統中。
創建文件系統網站
打開Visual Web Developer.
在“文件”菜單上單擊“新建網站”
出現“新建網站”對話框，如下面的屏幕快照所示。
“新建網站”對話框
在“Visual Studio 已安裝的模板”之中點擊"ASP.NET網站"。
創建網站時需要指定一個模板。每個模板創建包含不同文件和文件夾的Web應用程序。在本演練中，您將基於“ASP.NET網站”模板創建網站，該模板創建一些文件夾和幾個默認文件。
在“位置”框中選擇“檔案系統”框，然后輸入要保存網站網頁的文件夾名稱。
例如，鍵入文件夾名“D：\workTest\WebSite1”
在“語言”列表中，選擇“Visual Basic” 或“Visual C#”
您選擇的編程語言將是網站的默認語言。但可以通過以不同的編程語言創建頁面和組件，以在同一個Web應用程序中使用多種語言。
單擊“確定”
Visual Web Developer 創建該文件夾和名為Default.aspx的新頁。新頁創建后，Visual Web Developer默認以“源”視圖顯示改頁，在該視圖下您可以查看頁面的HTML元素。下面的屏幕快照顯示了一個默認網頁的“源”視圖。
默認的“源”視圖（就是下圖的“文檔”窗口）。
下圖為Visual Web Developer環境的關系圖。
熟悉Visual Web Developer中的Web設計器
檢查上面的插圖並將插圖中的文本與下面的列表相互對應起來，該列表描述了最常用的窗口和工具。（並不是您看到的所有窗口和工具都列在這里，列出的只是上圖中標記的那些窗口和工具）
工具欄。提供用於格式化文本、查找文本等的命令。一些工具欄只有在“設計”視圖下才可用。
解決方案資源管理器。顯示網站中的文件和文件夾。
文檔窗口。顯示您正在選項卡式窗口中處理的文檔。
屬性窗口。允許您更改頁、HTML元素、控件及其他對象的設置。
視圖選項卡。向您展示同一文檔的不同視圖。“設計”視圖是一種近似WYSIWYG的編輯界面。“源”視圖是頁的HTML編輯器。拆分視圖可同時顯示文檔的“設計”視圖和“源”視圖。如果要在“設計”視圖中打開網頁，請在“工具”菜單上單擊“選項”，選擇“HTML設計器”節點，然后更改“起始頁位置”選項。
工具箱。提供可以拖到網頁上的控件和HTML元素。“工具箱”元素按常用功能分組。
服務器資源管理器/數據庫資源管理器。顯示數據連接。如果“服務器資源管理器”在Visual Web Developer中不可見，請在“視圖”菜單上單擊“服務器資源管理器”或“數據庫資源管理器”。
說明：您可以按自己的喜好重新排列窗口和調整窗口大小。“視圖”菜單允許您顯示附加窗口。
創建一個新的Web窗體頁。
當您創建新的網站時，Visual Web Developer將添加一個名為Default.aspx的ASP.NET頁（Web窗體頁）。您可以使用Default.aspx頁作為網站的主頁。
將頁添加到網站
關閉Default.aspx頁。為此，右擊包含文件名的選項卡並選擇“關閉”
在解決方案資源管理器中，右擊網站（例如“C:\BasicWebSite")，然后單擊“添加新項”。
在“Visual Studio 已安裝的模板”下單擊“Web窗體”。下面的屏幕快照顯示了“添加新項”對話框。
“添加新項”對話框
在“名稱”框中鍵入“FirstWebPage”.
在“語言”列表中，選擇您希望使用的編程語言（“Visual Basic”、"C#"或"J#"）。創建網站時您已指定了一種默認語言。但是，每次為網站創建新頁或組件時，可以更改默認語言。可以在同一網站中使用不同的編程語言。
清除“將代碼放在單獨的文件中”復選框。
練習創建一個代碼和HTML在同一頁的單文件頁。ASP.NET頁的代碼可以在頁或單獨的類文件中找到。要了解有關在獨立文件中保存代碼的更多信息，請參見演練：在Visual Web Deveioper中通過代碼分離創建基本網頁。
單擊“添加”。
Visual Web Developer 創建新頁並以“源”視圖打卡。
將HTML添加到頁
在本演練的這一部分，您將向頁中添加一些靜態文本。
向頁中添加文本
在文檔窗口的底部，單擊“設計”選項卡以切換到“視圖”。
“設計”視圖以類似WYSIWYG的方式顯示您正在使用的頁。此時，頁上沒有任何文本或控件，因此頁是空白的。
在頁上鍵入“歡迎使用Visual Web Developer”.
下面的屏幕快照顯示了您在“設計”視圖中鍵入的文本。
在“設計”視圖中看到的歡迎文本。
切換到“源”視圖。
可以看到通過在“設計”視圖中鍵入而創建的HTML，如下圖所示。
在“源”視圖中看到的歡迎文本
運行該頁在繼續向該頁添加控件之前，可以嘗試運行該頁。需要一個Web服務器。在成品網站中，需要使用IIS作為Web服務器。但是要測試頁，可以使用ASP.NET Development Server.工具欄上出現一個圖標，指示Visual Web Developer Web服務器正在運行，如下面屏幕快照所示。
Visual Web Developer Web 服務器圖標
該頁顯示在瀏覽器中。雖然創建的頁的擴展名為.aspx,但是它當前像任何HTML頁一樣運行。
說明：如果瀏覽器顯示502錯誤或指示頁無法顯示的錯誤，可能需要配置瀏覽器對本地請求跳過代理服務器。（對於本地Web請求不使用代理服務器。）關閉瀏覽器。