在這篇文章中，我將采取VS 2013中特定的模板，也就是沒有身份驗證的Web表單模板，並說明如何構建這個項目從頭開始。在本教程的最后，你會最終有一個模板，內容幾乎是一樣的使用Web表單模板沒有認證（文件>新建項目> ASP.NET Web應用程序（Visual C＃中創建一個新的VS 2013項目）> Web窗體>無身份驗證）。
步驟來創建Web窗體（無驗證）項目從頭開始
1.新建空項目
我們先從最簡單的網頁模板：打開Visual Studio，文件>新建項目> ASP.NET Web應用程序（Visual C＃中），並為您的項目名稱（例如：WebFormsNoAuth）。 在ASP.NET項目創建對話框中，選擇“空”模板，無需任何額外的選項並點擊OK。
2.添加基本的主內容頁
一。 安裝的NuGet包：引導
· 打開的NuGet包管理器UI或控制台窗口，安裝包“引導”。
· 需要注意的是，因為這會自動拉低其依賴的NuGet包：jQuery的
· 你可以點擊這里閱讀有關造型和使用引導主題化網站的優勢 。 
B。 加入基本的母版頁和內容頁到您的網站
· 接下來我們添加的基本母版頁的Site.Master和內容頁： Default.aspx的 ， About.aspx 和Contact.aspx
Ç。 添加Site.css和風格使用引導和Site.css頁面
· 請注意，這是很容易做到的造型與引導 - 你只需要引導文件在您的項目（由引導的NuGet包安裝），然后引用bootstrap.css和jQuery / bootstrap.js中的Site.Master。
· 然后，我們使用許多引導CSS類做類似的Site.Master頁面樣式（如：導航欄，導航欄崩潰）和Default.aspx的（如：COL-MD-4，BTN）。
· 我們還增加了一個Site.css添加一些自定義樣式。 您也可以在Site.css添加樣式覆蓋引導已經定義的樣式。這樣一來，如果在未來的更新引導版本，在Site.css您的覆蓋仍然存在。
ð。 添加的favicon.ico
· 我們增加了一個文件的favicon.ico許多瀏覽器將使用在地址欄或瀏覽器選項卡顯示下一到您的網站的URL。
在這個階段結束時，你可以試着F5您的項目，看到你有一個全功能的Web應用程序的基本頁面。 該頁面風格與引導，並響應不同的瀏覽器大小。 該項目是用干凈的相當簡單的Web.config文件 ，並在短短2的NuGet包packages.config ：引導和jQuery。
您可以在此階段，在Git的回購查看完整的代碼在這里 。
3.添加友好的URL
當您在瀏覽器中查看喜歡Contact.aspx一個頁面，你可以看到擴展名“的.aspx”仍然顯示在URL的結尾（例如：HTTP：//本地主機：14480 / Contact.aspx）。 我們可以改變這個生成無擴展友好的URL，並通過ASP.NET友好的URL路由添加到您的Web應用程序（類似於MVC項目）。
ASP.NET友好的URL也添加視圖切換功能的移動視圖和桌面視圖之間讓您輕松。
為了使我們的應用友好的URL：
一。 安裝的NuGet包：Microsoft.AspNet.FriendlyUrls
· 打開的NuGet包管理器UI或控制台窗口，安裝包“Microsoft.AspNet.FriendlyUrls”
· 請注意，這個自動拉低其依賴的NuGet包：Microsoft.AspNet.FriendlyUrls.Core
· 如果你沒有一個現有的RouteConfig類（比如在我們的項目），新RouteConfig.cs文件將得到為您添加。如果你已經有一個現成RouteConfig類在你的項目，你應該叫EnableFriendlyUrls（）在你的RegisterRoutes方法* *前的任何現有路由注冊。
· 它會自動添加一個Site.Mobile.Master和ViewSwitcher.ascx用戶的控制，以幫助您輕松添加移動視圖用於Web窗體項目。
· 
B。 添加Global.asax中並調用RouteConfig.RegisterRoutes方法
現在，您可以再次F5項目，看到的網站使用ASP.NET路由和網址顯示沒有.aspx擴展名（如：HTTP：//本地主機：14480 /聯系方式）。 您也可以修正內容中的Site.Master的鏈接，引用友好的URL來代替。
您可以在此階段，在Git的回購查看完整的代碼在這里 。
4.縮小網頁優化技巧
捆綁和縮小兩種網絡優化技術，您可以在ASP.NET 4.5使用改善的要求加載時間。 捆綁和縮小 ，減少請求到服務器的數量，減少請求的資產（如CSS和JavaScript的規模提高了加載時間）。 您還可以了解更多關於加入捆綁和縮小到Web窗體 。
為使捆綁和縮小在我們的應用程序：
一。 安裝的NuGet包：Microsoft.AspNet.Web.Optimization.WebForms
· 打開的NuGet包管理器UI或控制台窗口，安裝包“Microsoft.AspNet.Web.Optimization.WebForms”
· 請注意，這個自動拉下幾個相關的NuGet包：Microsoft.Web.Infrastructure，ANTLR的，Newtonsoft.Json，WebGrease，Microsoft.AspNet.Web.Optimization，
· Web.config文件被更新到新的組件添加到您的應用程序 
B。 在CSS文件中設置捆綁
· 添加Bundle.config文件到您的項目，並定義CSS捆綁
· 在System.Web.Optimization命名空間添加到web.config中
· 替換的Site.Master的CSS引用與webopt：BundleReference控制 
在這個階段，如果F5查看網頁在瀏覽器，並使用F12工具來檢查HTTP請求，你會看到，CSS文件沒有捆綁呢。 
Ç。 打開捆綁和縮小
· 要打開捆綁和縮小，你可以簡單地通過調試屬性設置為false在web.config中這樣做
· 另外，您也可以通過在BundleTable類EnableOptimizations屬性設置覆蓋Web.config文件。 所以，如果你想打開捆綁和縮小與調試= true，那么一加BundleConfig.cs文件，用下面的代碼到你的App_Start文件夾。
· 然后，您需要更新Global.asax中調用BundleConfig.RegisterBundles 
在這個階段，如果F5查看網頁在瀏覽器，並使用F12工具來檢查HTTP請求，你會看到，CSS文件現在捆綁和縮小的。 
您可以在此階段，在Git的回購查看完整的代碼在這里 。
5.使用ScriptManager控件與網絡優化
該ScriptManger控制在ASP.NET 4.5使得它更容易注冊，管理和使用ASP.NET WebOptimization功能相結合的腳本。
使用jQuery和Bootstrap易於集成
隨着ScriptManager控件，您可以享受各種福利，如：
- 調試/發布支持
- CDN支持
- 覆蓋腳本映射
- 輕松升級的Jquery /引導庫
下面是步驟ScriptManager控件添加到應用程序：
一。 安裝的NuGet包：AspNet.ScriptManager.jQuery
· 打開的NuGet包管理器UI或控制台窗口，安裝包“AspNet.ScriptManager.jQuery”
· 請注意，此更新jQuery來匹配的版本
B。 安裝的NuGet包：AspNet.ScriptManager.bootstrap
· 打開的NuGet包管理器UI或控制台窗口，安裝包“AspNet.ScriptManager.bootstrap”
Ç。 在更新的Site.Master參考使用ScriptManager控件
· 
重映射框架腳本
在ASP.NET 4.5的一個特點是“微軟的Ajax腳本文件（MicrosoftAjaxCore等）”等的WebForms腳本（GridView.js等）的脫鈎。 你可以為這些腳本從應用程序文件夾中的腳本，而不是負載，然后從System.Web程序。 這使得腳本很容易可再分發和更新。
按照以下步驟重新映射框架腳本。 參見“重映射框架腳本”部分在這里查找有關此功能的更多詳細信息。
一。 安裝的NuGet包：AspNet.ScriptManager.MSAjax
· 打開的NuGet包管理器UI或控制台窗口，安裝包“AspNet.ScriptManager.MSAjax”
· 這在本地安裝的應用程序的Scrips \的WebForms \ MSAjax文件夾中的腳本
B。 安裝的NuGet包：AspNet.ScriptManager.WebForms
· 打開的NuGet包管理器UI或控制台窗口，安裝包“AspNet.ScriptManager.WebForms”
· 這在本地安裝的應用程序的Scrips \文件夾中的WebForms腳本
Ç。 已安裝的js文件添加到BundleConfig.cs捆綁，然后從引用的的Site.Master捆綁。
您可以在此階段，在Git的回購查看完整的代碼在這里 。
6.添加Modernizr的HTML和CSS功能檢測
Modernizr的是特征檢測HTML5 / CSS3的一個小的JavaScript庫。
一。 安裝的NuGet包：Modernizr的
· 打開的NuGet包管理器UI或控制台窗口，安裝包“Modernizr的”
· 這增加了Modernizr的 - *。js文件在應用程序的腳本文件夾中
B。 已安裝的js文件添加到BundleConfig.cs捆綁，然后從引用的的Site.Master捆綁。
· 
7.對於像IE8這樣舊的瀏覽器添加更好的支持
您可以使用Respond.js提供HTML5元素和CSS 3媒體查詢提供更好的支持在舊的瀏覽器如IE 8及以下。
一。 安裝的NuGet包：響應
· 打開的NuGet包管理器UI或控制台窗口，安裝包“響應”
· 這增加了respond.js和respond.min.js文件在應用程序的腳本文件夾中
B。 已安裝的js文件添加到BundleConfig.cs捆綁，然后從引用的的Site.Master捆綁。
· 
8.添加_references.js更好的智能感知
最后，你可以添加一個_references.js在腳本文件夾中。 這使得VS提供JS智能感知，當你在編輯這些文件。 用VS 2013年，我們增加了一個叫做自動同步的新功能。 啟用此功能（如下圖所示），當你一個新的JS文件添加到您的項目，它會自動添加在_references.js文件給你一個條目。
總結
好了，這篇文章有點長，但我希望這篇文章是非常有用的，你了解一些不同的技術，你可以利用使用ASP.NET。