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

下載本文檔

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

文檔簡介

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

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

111、在Web頁面中的加入代碼在頁面空白處雙擊，出現(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頁面的代碼窗口，在voidPage_Load(objectsender,EventArgse)花括號中，加入一段代碼Label2.text=“當(dāng)前代碼已經(jīng)運行了！”;運行程序，觀察演示。1.6Web頁面的代碼設(shè)計

122、代碼分析在頁面空白處雙擊，出現(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)運行了！

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

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

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

溫馨提示

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

評論

0/150

提交評論