《ASP NET開發(fā)與應(yīng)用實(shí)踐》課件第1章操作案例_第1頁(yè)
《ASP NET開發(fā)與應(yīng)用實(shí)踐》課件第1章操作案例_第2頁(yè)
《ASP NET開發(fā)與應(yīng)用實(shí)踐》課件第1章操作案例_第3頁(yè)
《ASP NET開發(fā)與應(yīng)用實(shí)踐》課件第1章操作案例_第4頁(yè)
《ASP NET開發(fā)與應(yīng)用實(shí)踐》課件第1章操作案例_第5頁(yè)
已閱讀5頁(yè)，還剩11頁(yè)未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說(shuō)明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡(jiǎn)介

1.4用ASP.NET建立Web應(yīng)用7、建立Web應(yīng)用的一般步驟為：創(chuàng)建Web站點(diǎn)；建立頁(yè)面；添加編程邏輯；運(yùn)行與調(diào)試。11.4用ASP.NET建立Web應(yīng)用例如：含有一幅圖片和一段文字的簡(jiǎn)單ASP.NETWeb頁(yè)面1.4用ASP.NET建立Web應(yīng)用案例：創(chuàng)建一個(gè)Web站點(diǎn)（1）建立一個(gè)文件夾abc111(2)啟動(dòng)A,打開“文件—新建—網(wǎng)站”菜單(3)。31.4用ASP.NET建立Web應(yīng)用案例：創(chuàng)建一個(gè)Web站點(diǎn)（1）建立一個(gè)文件夾abc111(2)啟動(dòng)A,打開“文件—新建—網(wǎng)站”菜單(3)在瀏覽中，選擇文件夾abc111,在菜單中選擇ASP.NET空網(wǎng)站。。41.4用ASP.NET建立Web應(yīng)用案例：創(chuàng)建一個(gè)Web站點(diǎn)（1）建立一個(gè)文件夾abc111(2)啟動(dòng)A,打開“文件—新建—網(wǎng)站”菜單(3)在瀏覽中，選擇文件夾abc111,在菜單中選擇ASP.NET空網(wǎng)站。單擊“確定”按鍵。(4)打開解決方案資源管理器。在其中選中g(shù):\abc111,擊右鍵，選中“添加新項(xiàng)”—“Web窗體”。51.4用ASP.NET建立Web應(yīng)用案例：創(chuàng)建一個(gè)Web站點(diǎn)（1）建立一個(gè)文件夾abc111,在文件夾中拷入一圖片(2)啟動(dòng)A,打開“文件—新建—網(wǎng)站”菜單(3)在瀏覽中，選擇文件夾abc111,在菜單中選擇ASP.NET空網(wǎng)站。單擊“確定”按鍵。(4)打開解決方案資源管理器。在其中選中g(shù):\abc111,擊右鍵，選中“添加新項(xiàng)”—“Web窗體”（5）選擇“設(shè)計(jì)”。在視圖菜單中選投工具箱，在箱中雙擊Image圖片框控件，在設(shè)計(jì)視圖中將Image擊活打大。選中Image圖片框控件擊右鍵，選中屬性菜單，在其中找到ImageUrl,點(diǎn)擊，選擇一圖片文件名。。61.4用ASP.NET建立Web應(yīng)用案例：創(chuàng)建一個(gè)Web站點(diǎn)（1）建立一個(gè)文件夾abc111,在文件夾中拷入一圖片(2)啟動(dòng)A,打開“文件—新建—網(wǎng)站”菜單(3)在瀏覽中，選擇文件夾abc111,在菜單中選擇ASP.NET空網(wǎng)站。單擊“確定”按鍵。(4)打開解決方案資源管理器。在其中選中g(shù):\abc111,擊右鍵，選中“添加新項(xiàng)”—“Web窗體”（5）選擇“設(shè)計(jì)”。在視圖菜單中選投工具箱，在箱中雙擊Image圖片框控件，在設(shè)計(jì)視圖中將Image擊活打大。選中Image圖片框控件擊右鍵，選中屬性菜單，在其中找到ImageUrl,點(diǎn)擊，選擇一圖片文件名。（6）點(diǎn)擊菜單欄的啟動(dòng)調(diào)試按鍵，頁(yè)面運(yùn)行如圖所示。71.5Web頁(yè)面的視圖設(shè)計(jì)81、HTML頁(yè)面文件結(jié)構(gòu)<html><title></title>

<body></body></html>1.5Web頁(yè)面的視圖設(shè)計(jì)92、在VS中利用視圖功能設(shè)計(jì)Web頁(yè)面（1）建立一個(gè)文件夾，在其中裝內(nèi)兩個(gè)圖片文件（2）啟動(dòng)VS，選擇新建網(wǎng)站。選擇建立空網(wǎng)站。添加一個(gè)頁(yè)面。（3）分別察看“設(shè)計(jì)”視圖和“源視圖”（4）打開“設(shè)計(jì)”視圖，選中div，選中格式，將其位置設(shè)置成“絕對(duì)”。（5）將div拖動(dòng)在中間位置，將左右拉縮成一個(gè)正方形（6）在頁(yè)面空白處，擊右鍵，選擇“屬性”，將Bbckground屬性改為bg.gif.（7）移動(dòng)鼠標(biāo)到div中，在工具欄中拖動(dòng)Image到頁(yè)面。在其屬性窗口中設(shè)置其ImageUrl為bubble.gif.(8)在工具欄中拖動(dòng)Label到頁(yè)面。在其屬性窗口中，設(shè)置Font為[黑體，XX_Large](9)在屬性欄中，將其Text設(shè)置為：我的第一個(gè)頁(yè)面（10）在工具欄中拖動(dòng)HTML卡中的HorizontalRule到頁(yè)面。選中格式，將其位置設(shè)置成“絕對(duì)”。調(diào)整其位置。（11）在工具欄中拖動(dòng)另一個(gè)Label到頁(yè)面。在其屬性窗口中，在屬性欄中，將其Text設(shè)置為：Z=X+Y（12）保存頁(yè)面文件。1.5Web頁(yè)面的視圖設(shè)計(jì)103、Web頁(yè)面中的代碼分析<htmlxmlns="/1999/xhtml"><headrunat="server"><title></title></head><bodybackground="bg.gif"><formid="form1"runat="server"><divstyle="z-index:1;left:132px;top:40px;position:absolute;height:229px;width:514px">

<asp:ImageID="Image1"runat="server"Height="115px"ImageUrl="~/bubble.gif"Width="135px"/><asp:LabelID="Label1"runat="server"Font-Bold="True"Font-Size="XX-Large"style="z-index:1;left:8px;top:127px;position:absolute"Text="我的第一個(gè)頁(yè)面"></asp:Label><hrstyle="z-index:1;left:3px;top:166px;position:absolute;height:-15px;width:514px"/><asp:LabelID="Label2"runat="server"style="z-index:1;left:23px;top:192px;position:absolute"Text="Z=X+Y"></asp:Label>

</div></form></body></html>1.6Web頁(yè)面的代碼設(shè)計(jì)

111、在Web頁(yè)面中的加入代碼在頁(yè)面空白處雙擊，出現(xiàn)如下代碼：usingSystem;usingSystem.Collections.Generic;usingSystem.Linq;usingSystem.Web;usingSystem.Web.UI;usingSystem.Web.UI.WebControls;publicpartialclass_Default:System.Web.UI.Page{protectedvoidPage_Load(objectsender,EventArgse)

{

}}這是Web頁(yè)面的代碼窗口，在voidPage_Load(objectsender,EventArgse)花括號(hào)中，加入一段代碼Label2.text=“當(dāng)前代碼已經(jīng)運(yùn)行了！”;運(yùn)行程序，觀察演示。1.6Web頁(yè)面的代碼設(shè)計(jì)

122、代碼分析在頁(yè)面空白處雙擊，出現(xiàn)如下代碼：usingSystem;usingSystem.Collections.Generic;usingSystem.Linq;usingSystem.Web;usingSystem.Web.UI;usingSystem.Web.UI.WebControls;publicpartialclass_Default:System.Web.UI.Page{protectedvoidPage_Load(objectsender,EventArgse)

{

Label2.text=“當(dāng)前代碼已經(jīng)運(yùn)行了！

}}voidPage_Load，是頁(yè)面加載發(fā)生的事件，頁(yè)面加載時(shí)，運(yùn)行{}中的代碼。1.6Web頁(yè)面的代碼設(shè)計(jì)

133、Web文件說(shuō)明在窗口中，出現(xiàn)了兩個(gè)文件，Default.aspx和Default.aspx.csDefault.aspx窗體中的視圖文件，其源代碼是什么代碼？Default.aspx.cs窗體中的代碼文件，其源代碼是什么代碼？1.6Web頁(yè)面的代碼設(shè)計(jì)

144、Web程序設(shè)計(jì)說(shuō)明（1）通過(guò)“設(shè)計(jì)”選擇Default.aspx窗體中的視圖文件，可用視圖的方法設(shè)計(jì)頁(yè)面（2）通過(guò)“源”選擇Default.aspx窗體中的視圖文件HTML代碼，可用HTML代碼的方法設(shè)計(jì)頁(yè)面（3）通過(guò)選擇Default.aspx.cs文件，可用頁(yè)面中加入C#代碼，實(shí)現(xiàn)更強(qiáng)的功能小結(jié)：思考問(wèn)題？什么是Web?為什么要學(xué)習(xí)Web開發(fā)

溫馨提示

  • 1. 本站所有資源如無(wú)特殊說(shuō)明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁(yè)內(nèi)容里面會(huì)有圖紙預(yù)覽，若沒(méi)有圖紙預(yù)覽就沒(méi)有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫(kù)網(wǎng)僅提供信息存儲(chǔ)空間，僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理，對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請(qǐng)與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。

最新文檔

評(píng)論

0/150

提交評(píng)論