AsPNET按鈕控件超鏈接控件圖像控件（胡斌）

第16課時(shí)：按鈕控件、超鏈接控件、圖像控件教學(xué)目的： 掌握控件按鈕，超鏈接控件，圖象控件的使用方法，理解屬性、事件、方法的應(yīng)用。教學(xué)難點(diǎn)： 回發(fā)行為的應(yīng)用回顧聯(lián)系創(chuàng)建空網(wǎng)站<zy16>，在zy16中添加新WEB窗體，名稱為，在中添加下圖所示控件。按鈕控件ID為B1，文本空控件ID為T(mén)4按鈕控件ID為B1，文本空控件ID為T(mén)4，多行文本,高度120PX，寬度：300px文本空控件ID為T(mén)3，單行文本,只輸入日期文本空控件ID為T(mén)2，單行文本,只輸入數(shù)字文本空控件ID為T(mén)1，單行文本標(biāo)簽控件ID為L(zhǎng)1，字體大?。?0px，紅色加粗L在按鈕的Click事件中完成：使用語(yǔ)句輸出文本框輸入的內(nèi)容：效果如下圖：新課程按鈕控件(Button、LinkButton、ImageButton)在WEB應(yīng)用程序和用戶交互式，使用按鈕提交。按鈕分為：Button(標(biāo)準(zhǔn)命令按鈕)，LinkButton（鏈接按鈕）、ImageButton（圖形按鈕）三類。Button是一個(gè)普通按鈕，其格式如下:<asp:Buttonid=”控件名稱” Text=”顯示文本” CommandArgument=”命令參數(shù)”CommandName=”關(guān)聯(lián)的命令” OnCommand=”事件過(guò)程名” OnClick=”事件過(guò)程名” Runat=”server”/>LinkButton是一個(gè)具有超鏈接的外觀和普通按鈕功能的空間,其語(yǔ)法格式：<asp:LinkButtonid=”控件名稱”Text=”文字”O(jiān)nClick=”事件過(guò)程”runat=”server”/>ImageButton控件用來(lái)創(chuàng)建一個(gè)圖形按鈕，其語(yǔ)法格式如下：<asp:ImageButtonid=”控件名稱”ImageUrl=”要顯示的圖片URL”O(jiān)nClick=”事件”runat=”server”/>按鈕事件CLICK事件，Click事件就是響應(yīng)單擊按鈕事件，格式：Protectedvoidb1_onclick(…){} 在OnClick事件中我們可以完成各項(xiàng)操作，OnClientClick屬性，設(shè)置客戶端命令按鈕；例題1：在ZY16中添加新WEB窗體，名稱,在WEB窗體中添加如下圖所示控件:其中：按鈕的屬性如下：雙擊按鈕，在Click事件中完成下面代碼：LinkButton和ImageButton是在BUTTON的基礎(chǔ)上改變其顯示的方式，鏈接方式和圖形方式例題2：在ZY16中添加新WEB窗體，名稱,在WEB窗體中添加如下圖所示控件:其中Button按鈕屬性如下:沖擊進(jìn)入各個(gè)按鈕Click事件：HYPERLINK控件超鏈接控件：語(yǔ)法格式如下：<asp:HyperLinkid=”控件名稱”Text=”顯示文字”NavigateUrl=”鏈接對(duì)象”Tartget=”目標(biāo)窗口”runat=server/>如果使用ImageUrl指定圖片則變成圖片鏈接。圖像控件(image)<asp:ImageID=”控件名稱”runat=server/>常用屬性：AltermateText=”圖片無(wú)法顯示時(shí)的備用文本”ImageAlign=””圖片對(duì)齊方式ImageUrl=””圖片地址圖片控件和鏈接控件：例題3：在ZY16中添加新WEB窗體，名稱,在WEB窗體中添加如下圖所示控件:控件屬性如下：按鈕CLICK事件如下：效果如下：練習(xí)：1）在ZY16中添加新WEB窗體，名稱,在WEB窗體中添加如下圖所示控件:按鈕單擊事件普通按鈕控件：ID為B3,Text為普通按鈕鏈接按鈕控件：ID為B2,Text為鏈接按鈕圖片按鈕控件：ID為普通按鈕控件：ID為B3,Text為普通按鈕鏈接按鈕控件：ID為B2,Text為鏈接按鈕圖片按鈕控件：ID為B1,ImageUrl為，寬度：64px鏈接控件：ID為H1,Text為鏈接Image控件：ID為L(zhǎng)1,Text為空,紅色18像素大小Image控件：ID為I1,ImageUrl為,寬度為:100pxB1_Click事件：要求：將Imag