直入主題：

打開(kāi)visual studio 2010程序開(kāi)發(fā)軟件

單擊菜單欄的文件，依次選新建->網(wǎng)站->ASP.NET空網(wǎng)站，這里我們選擇空網(wǎng)站，利于今后DIY自己的網(wǎng)站，最好什么從頭來(lái)，便于對(duì)各類架構(gòu)的理解（若是選擇ASP.NET網(wǎng)站也行，只是里面已經(jīng)集成了一些東西）

這里我們默認(rèn)解決方案的名稱為WebSite1，單擊確定后進(jìn)入網(wǎng)站的代碼頁(yè)面，在右邊的解決方案資源管理器里只有一個(gè)web.config文件，這個(gè)文件用于對(duì)網(wǎng)站進(jìn)行全局化的設(shè)置

web.config其實(shí)是一個(gè)xml文檔，里面有很多配置節(jié)點(diǎn)配置各項(xiàng)屬性。比如有數(shù)據(jù)庫(kù)連接字符串的節(jié)點(diǎn)設(shè)置數(shù)據(jù)庫(kù)連接比如IP地址、端口、登陸用戶名和密碼等相關(guān)信息，在示圖里只表明了所用的環(huán)境是netframework 4.0

右鍵單擊解決方案，左鍵單擊選擇添加新項(xiàng)彈出如下窗口。這里有很多網(wǎng)頁(yè)元素，這里我們介紹用的最多的web窗體，選擇好web窗體后單擊添加

在右邊的解決方案資源管理器里就出現(xiàn)了Default.aspx以及附屬他的cs源碼Default.aspx.cs,這里cs源碼和網(wǎng)頁(yè)分開(kāi)便于設(shè)計(jì)和編程

單擊左下角的拆分我們就看到了網(wǎng)頁(yè)界面的代碼和網(wǎng)頁(yè)界面

單擊左邊的工具箱，找不到就單擊菜單欄視圖下的工具箱，打開(kāi)如下界面

在工具欄里拖動(dòng)一個(gè)button和一個(gè)textbox到中下方網(wǎng)頁(yè)界面上

雙擊button控件，打開(kāi)cs源碼頁(yè)（其實(shí)就是上面的Default.aspx.cs），為button 控件添加代碼

單擊菜單欄調(diào)試->執(zhí)行，就出現(xiàn)網(wǎng)站的預(yù)覽頁(yè)面，單擊按鈕，textbox就會(huì)顯示代碼中的文字

最后一步就是發(fā)布網(wǎng)站了，單擊菜單欄生成->發(fā)布網(wǎng)站，在目標(biāo)位置里填寫網(wǎng)站服務(wù)器的地址或者本地磁盤的地址，生成網(wǎng)站的所有文件就會(huì)上傳到相應(yīng)的位置，網(wǎng)站就可以運(yùn)作了

十步教你利用vs2010制作簡(jiǎn)單的asp.net網(wǎng)站，希望對(duì)大家的學(xué)習(xí)有所幫助。

最新評(píng)論