第3章-網(wǎng)頁設(shè)計(jì)(web控件)_第1頁
第3章-網(wǎng)頁設(shè)計(jì)(web控件)_第2頁
第3章-網(wǎng)頁設(shè)計(jì)(web控件)_第3頁
第3章-網(wǎng)頁設(shè)計(jì)(web控件)_第4頁
第3章-網(wǎng)頁設(shè)計(jì)(web控件)_第5頁
已閱讀5頁，還剩23頁未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

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

文檔簡介

第3章網(wǎng)頁設(shè)計(jì)1第3章網(wǎng)頁設(shè)計(jì)3.1靜態(tài)網(wǎng)頁設(shè)計(jì)3.2動(dòng)態(tài)網(wǎng)頁設(shè)計(jì)3.3HTML控件3.4Web服務(wù)器控件3.5Web表單驗(yàn)證控件3.6用戶控件23.1靜態(tài)網(wǎng)頁設(shè)計(jì)靜態(tài)網(wǎng)頁特點(diǎn)如下：1）靜態(tài)網(wǎng)頁每個(gè)網(wǎng)頁都有一個(gè)固定的URL，且網(wǎng)頁URL以.htm、.html、.shtml等常見形式為后綴，而不含有“？”；2）網(wǎng)頁內(nèi)容一經(jīng)發(fā)布到網(wǎng)站服務(wù)器上，無論是否有用戶訪問，每個(gè)靜態(tài)網(wǎng)頁的內(nèi)容都是保存在網(wǎng)站服務(wù)器上的，也就是說，靜態(tài)網(wǎng)頁是實(shí)實(shí)在在保存在服務(wù)器上的文件，每個(gè)網(wǎng)頁都是一個(gè)獨(dú)立的文件；3）靜態(tài)網(wǎng)頁的內(nèi)容相對(duì)穩(wěn)定，因此容易被搜索引擎檢索；4）靜態(tài)網(wǎng)頁沒有數(shù)據(jù)庫的支持，在網(wǎng)站制作和維護(hù)方面工作量較大，因此當(dāng)網(wǎng)站信息量很大時(shí)完全依靠靜態(tài)網(wǎng)頁制作方式比較困難；5）靜態(tài)網(wǎng)頁的交互性較差，在功能方面有較大的限制。33.2動(dòng)態(tài)網(wǎng)頁設(shè)計(jì)動(dòng)態(tài)網(wǎng)頁是在被請(qǐng)求時(shí)才能生成頁面所需內(nèi)容。當(dāng)瀏覽器請(qǐng)求這類URL時(shí)，服務(wù)器首先運(yùn)行對(duì)應(yīng)的程序，然后將生成的輸出結(jié)果返回給瀏覽器。45控制網(wǎng)頁格局的2種方式：表格（table）+css樣式層（div）+css樣式6創(chuàng)建層方法直接從控件面板拖入。使用<div>…..</div>標(biāo)簽設(shè)置層顯示樣式在設(shè)計(jì)界面的屬性窗口，使用所見即所得的style屬性窗口設(shè)置。修改代碼<divstyle=“width:858px;…”>使用css樣式7Css樣式使用方法：<head><styletype=“css/text”>body{}#menu{}.abc{}#menua{}</style></head>8控件Html標(biāo)注（html控件）:不能在服務(wù)器端控制的。html控件（html服務(wù)器端控件）:其實(shí)就是html控件的基礎(chǔ)上加上runat="server"所構(gòu)成的控件.它們的注意區(qū)別是運(yùn)行方式不同，html控件運(yùn)行在客戶端，而html服務(wù)器控件是運(yùn)行在服務(wù)器端的。當(dāng)ASP.NET

網(wǎng)頁執(zhí)行時(shí)，會(huì)檢查標(biāo)注有無runat

屬性，如果標(biāo)注沒有設(shè)定，那么Html標(biāo)注就會(huì)被視為符串，并被送到字符串流等待送到客戶端，客戶端的瀏覽器會(huì)對(duì)其進(jìn)行解釋；如果Html標(biāo)注有設(shè)定runat="server"屬性，Page對(duì)象會(huì)將該控件放入控制器，服務(wù)器端的代碼就能對(duì)其進(jìn)行控制，等到控制執(zhí)行完畢后再將Html服務(wù)器控件的執(zhí)行結(jié)果轉(zhuǎn)換成Html標(biāo)注，然后當(dāng)成字符串流發(fā)送到客戶端進(jìn)行解釋<inputid="Button"type="button"value="button"runat="server"/>9web服務(wù)器控件（服務(wù)器控件）:也稱服務(wù)器控件，是WebForm編程的基本元素，也是所特有的。它會(huì)按照客戶端的情況產(chǎn)生一個(gè)或者多個(gè)html控件，而不是直接描述html元素。如：<asp:ButtonID="Button2"runat="server"Text="Button"/>103.4Web服務(wù)器控件服務(wù)器端控件是ASP.NET框架的基礎(chǔ)部分之一。作為ASP.NET框架的核心，服務(wù)器端控件是.NET框架中的一些表示W(wǎng)ebForm上可視化元素的類。一些服務(wù)器端控件幾乎就是某些標(biāo)準(zhǔn)HTML標(biāo)簽的簡單映射，并提供一些服務(wù)器端的高效實(shí)現(xiàn)。而另外一些服務(wù)器端控件則是更大規(guī)模的抽象，封裝了復(fù)雜的GUI（圖形用戶界面）任務(wù)，例如頁面中顯示數(shù)據(jù)的網(wǎng)格等，并最終輸出成HTML表示。11Web服務(wù)器控件最終會(huì)被解釋為html控件。Web服務(wù)器控件必須包含在web窗體中。即<formrunat=“server”>具體的Web服務(wù)器控件可以看做是類的實(shí)例。都有屬性、方法、事件。Web編程實(shí)際是對(duì)對(duì)象修改屬性、使用方法、觸發(fā)事件。12Style屬性通過設(shè)置控件的style屬性設(shè)置控件的樣式。<asp:TextBoxID="TextBox1"runat="server"style="background-color:Red;font-size:15px">優(yōu)點(diǎn)：簡單方便缺點(diǎn)：不能通用13CssClass屬性使用CssClass屬性設(shè)置樣式方法創(chuàng)建Css樣式表設(shè)置CssClass屬性

<styletype="text/css">.cssstyle{background-Color:yellow;font:14px黑體;Border-bottom-style:dashed;}</style>

<asp:TextBoxID="TextBox2"

runat="server"CssClass="cssstyle"></asp:TextBox14Style類聲明Style類的步驟聲明Style對(duì)象設(shè)置Style對(duì)象的屬性將Style對(duì)象應(yīng)用到Web服務(wù)器控件Styletextboxstyle=newStyle();

textboxstyle.BackColor=System.Drawing.Color.Blue;textboxstyle.BorderStyle=BorderStyle.Double;

TextBox2.ApplyStyle(textboxstyle);153.4.1ASP.NETLabel控件Label控件必須放在移動(dòng)ASP.NET網(wǎng)頁上的Form或Panel控件中，或者放在移動(dòng)ASP.NET網(wǎng)頁上的控件的模板中。也可以將它拖動(dòng)到移動(dòng)用戶控件頁上。使用Text屬性設(shè)置Label控件要顯示的文本。通過設(shè)置ForeColor、Font、BackColor等屬性可以在設(shè)計(jì)時(shí)更改Label控件的外觀。應(yīng)用程序可以通過編程方式在運(yùn)行時(shí)更改屬性。此外，應(yīng)用程序還可以使用數(shù)據(jù)綁定動(dòng)態(tài)設(shè)置屬性值。163.4.2ASP.NETTextBox控件屬性描述.NETAutoCompleteType規(guī)定TextBox

控件的AutoComplete行為。2.0AutoPostBack布爾值，規(guī)定當(dāng)內(nèi)容改變時(shí)，是否回傳到服務(wù)器。默認(rèn)是false。1.0CausesValidation規(guī)定當(dāng)Postback

發(fā)生時(shí)，是否驗(yàn)證頁面。2.0Columnstextbox的寬度。1.0MaxLength在textbox中所允許的最大字符數(shù)。1.0ReadOnly規(guī)定能否改變文本框中的文本。1.0Rowstextbox的高度（僅在TextMode="Multiline"時(shí)使用）。1.0runat規(guī)定該控件是否是服務(wù)器控件。必須設(shè)置為"server"。

TagKey

Texttextbox的內(nèi)容。1.0TextMode規(guī)定TextBox

的行為模式（單行、多行或密碼）。1.0ValidationGroup當(dāng)Postback

發(fā)生時(shí)，被驗(yàn)證的控件組。

Wrap布爾值，指示textbox的內(nèi)容是否換行。1.0OnTextChanged當(dāng)textbox中的文本被更改時(shí)，被執(zhí)行的函數(shù)的名稱。

173.4.3Button控件Button:執(zhí)行任務(wù)LinkButton:與Button控件功能相同，但具有超級(jí)鏈接的外觀。ImageButton:與Button控件功能相同，但按鈕上顯示的是圖像而不是文本HyperLink:創(chuàng)建Web導(dǎo)航鏈接183.4.6列表選擇框DropDownList(組合框)允許用戶從列表中選擇其中的項(xiàng)Items屬性。SelectItem屬性SelectValue屬性ListBox（列表框）顯示選擇列表。允許多項(xiàng)選擇SelectionMode屬性Items[i].selected193.4.7ASP.NETCheckBox控件屬性描述.NETAutoPostBack規(guī)定在Checked屬性已改變后，是否立即向服務(wù)器回傳表單。默認(rèn)是false。1.0CausesValidation規(guī)定點(diǎn)擊Button控件時(shí)是否執(zhí)行驗(yàn)證。2.0Checked規(guī)定是否已選中該復(fù)選框。1.0InputAttributes該CheckBox

控件的Input元素所用的屬性名和值的集合。2.0LabelAttributes該CheckBox

控件的Label元素所用的屬性名和值的集合。2.0runat規(guī)定該控件是服務(wù)器控件。必須被設(shè)置為"server"。1.0Text與CheckBox

關(guān)聯(lián)的文本標(biāo)簽。1.0TextAlign與CheckBox

控件關(guān)聯(lián)的文本標(biāo)簽的對(duì)齊方式。(right或left)1.0ValidationGroup在CheckBox

控件回發(fā)到服務(wù)器時(shí)要進(jìn)行驗(yàn)證的控件組。2.0OnCheckedChanged當(dāng)Checked屬性被改變時(shí)，被執(zhí)行函數(shù)的名稱。

203.4.8ASP.NETRadioButton控件屬性描述AutoPostBack布爾值，規(guī)定在Checked屬性被改變后，是否立即回傳表單。默認(rèn)是false。Checked布爾值，規(guī)定是否選定單選按鈕。id控件的唯一id。GroupName該單選按鈕所屬控件組的名稱。OnCheckedChanged當(dāng)Checked被改變時(shí)，被執(zhí)行的函數(shù)的名稱。runat規(guī)定該控件是服務(wù)器控件。必須設(shè)置為"server"。Text單選按鈕旁邊的文本。TextAlign文本應(yīng)出現(xiàn)在單選按鈕的哪一側(cè)（左側(cè)還是右側(cè)）。213.5Web表單驗(yàn)證控件控件描述RequiredFieldValidator使用戶在輸入時(shí)，不是使這一項(xiàng)為空CompareValidator對(duì)兩個(gè)控件的值進(jìn)行比較RangeValidator對(duì)輸入的值進(jìn)行控制，使其值界定在一定范圍內(nèi)RegularExpressionValidator把用戶輸入的字符和自定義的表達(dá)式進(jìn)行比較CustomValidator自定義驗(yàn)證方式ValidationSummary在一個(gè)頁面中顯示總的驗(yàn)證錯(cuò)誤223.5.1RequiredFieldValidator控件屬性描述BackColorRangeValidator

控件的背景顏色ControlToValidate要驗(yàn)證的控件的idDisplay驗(yàn)證控件的顯示行為。合法的值有：None-驗(yàn)證消息從不內(nèi)聯(lián)顯示。Static-在頁面布局中分配用于顯示驗(yàn)證消息的空間。Dynamic-如果驗(yàn)證失敗，將用于顯示驗(yàn)證消息的空間動(dòng)態(tài)添加到頁面。EnableClientScript布爾值，規(guī)定是否啟用客戶端驗(yàn)證。Enabled布爾值，規(guī)定是否啟用驗(yàn)證控件。ErrorMessage當(dāng)驗(yàn)證失敗時(shí)，在ValidationSummary

控件中顯示的文本。注釋：如果未設(shè)置Text屬性，文本也會(huì)顯示在該驗(yàn)證控件中。ForeColor該控件的前景色。id控件的唯一id。InitialValue規(guī)定輸入控件的初始值（開始值）。默認(rèn)是""。IsValid布爾值，指示關(guān)聯(lián)的輸入控件是否通過驗(yàn)證。runat規(guī)定該控件是一個(gè)服務(wù)器控件。必須設(shè)置為"server"。Text當(dāng)驗(yàn)證失敗時(shí)顯示的消息。233.5.2RangeValidator控件屬性描述BackColorRangeValidator

控件的背景顏色ControlToValidate要驗(yàn)證的控件的idDisplay驗(yàn)證控件的顯示行為。合法的值有：None-驗(yàn)證消息從不內(nèi)聯(lián)顯示；Static-在頁面布局中分配用于顯示驗(yàn)證消息的空間。；Dynamic-如果驗(yàn)證失敗，將用于顯示驗(yàn)證消息的空間動(dòng)態(tài)添加到頁面。EnableClientScript布爾值，規(guī)定是否啟用客戶端驗(yàn)證。Enabled布爾值，規(guī)定是否啟用驗(yàn)證控件。ErrorMessage當(dāng)驗(yàn)證失敗時(shí)，在ValidationSummary

控件中顯示的文本。注釋：如果未設(shè)置Text屬性，文本也會(huì)顯示在該驗(yàn)證控件中。ForeColor該控件的前景色。id控件的唯一id。IsValid布爾值，指示關(guān)聯(lián)的輸入控件是否通過驗(yàn)證。MaximumValue規(guī)定輸入控件的最大值。MinimumValue規(guī)定輸入控件的最小值。runat規(guī)定該控件是一個(gè)服務(wù)器控件。必須設(shè)置為"server"。Type規(guī)定要檢測(cè)的值的數(shù)據(jù)類型。類型有：Currency、Date、DoubleInteger、StringText當(dāng)驗(yàn)證失敗時(shí)顯示的消息。243.5.3ValidationSummary控件屬性描述DisplayMode如何顯示摘要。合法值有：BulletList、List、SingleParagraph

EnableClientScript布爾值，規(guī)定是否啟用客戶端驗(yàn)證。Enabled布爾值，規(guī)定是否啟用驗(yàn)證控件。ForeColor該控件的前景色。HeaderTextValidationSummary

控件中的標(biāo)題文本。id控件的唯一id。runat規(guī)定該控件是一個(gè)服務(wù)器控件。必須設(shè)置為"server"。ShowMessageBox布爾值，指示是否在消息框中顯示驗(yàn)證摘要。ShowSummary布爾值，規(guī)定是否顯示驗(yàn)證摘要。253.5.4CompareValidator控件屬性描述BackColorCompareValidator

控件的背景顏色。ControlToCompare要與所驗(yàn)證的輸入控件進(jìn)行比較的輸入控件。ControlToValidate要驗(yàn)證的輸入控件的ID。Display驗(yàn)證控件中錯(cuò)誤信息的顯示行為。合法值是：None驗(yàn)證消息從不內(nèi)聯(lián)顯示。Static在頁面布局中分配用于顯示驗(yàn)證消息的空間。Dynamic如果驗(yàn)證失敗，將用于顯示驗(yàn)證消息的空間動(dòng)態(tài)添加到頁面。EnableClientScript布爾值，規(guī)定是否啟用客戶端驗(yàn)證。Enabled布爾值，規(guī)定是否啟用驗(yàn)證控件。ErrorMessage當(dāng)驗(yàn)證失敗時(shí)在ValidationSummary

控件中顯示的文本。注釋：如果未設(shè)置Text屬性，此文本將顯示在驗(yàn)證控件中。ForeColor控件的前景顏色。id控件的唯一ID。IsValid布爾值，指示由ControlToValidate

指定的輸入控件是否通過驗(yàn)證。Operator要執(zhí)行的比較操作的類型。運(yùn)算符是：Equal、GreaterThan、GreaterThanEqual、LessThan、LessThanEqual、NotEqual、DataTypeCheck

runat規(guī)定控件是服務(wù)器控件。必須設(shè)置為"server"。Text當(dāng)驗(yàn)證失敗時(shí)顯示的消息。Type規(guī)定要對(duì)比的值的數(shù)據(jù)類型。類型有：Currency、Date、Double、Integer、StringValueToCompare一個(gè)常數(shù)值，該值要與由用戶輸入到所驗(yàn)證的輸入控件中的值進(jìn)行比較。263.5.5RegularExpressionValidator控件屬性描述BackColorRangeValidator

控件的背景顏色ControlToValidate要驗(yàn)證的控件的idDisplay驗(yàn)證控件的顯示行為。合法的值有：None-驗(yàn)證消息從不內(nèi)聯(lián)顯示；Static-在頁面布局中分配用于顯示驗(yàn)證消息的空間；Dynamic-如果驗(yàn)證失敗，將用于顯示驗(yàn)證消息的空間動(dòng)態(tài)添加到頁面。EnableClientScript布爾值，規(guī)定是否啟用客戶端驗(yàn)證。Enabled布爾值，規(guī)定是否啟用驗(yàn)證控件。ErrorMessage當(dāng)驗(yàn)證失敗時(shí)，在ValidationSummary

控件中顯示的文本。注釋：如果未設(shè)置Text屬性，文本也會(huì)顯示在該驗(yàn)證控件中。ForeColor該控件的前景色。id控件的唯一id。IsValid布爾值，指示關(guān)聯(lián)的輸入控件是否通過驗(yàn)證。runat規(guī)定該控件是一個(gè)服務(wù)器控件。必須設(shè)置為"server"。Text當(dāng)驗(yàn)證失敗時(shí)顯示的消息。ValidationExpression規(guī)定驗(yàn)證輸入控件的正

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會(huì)有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(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)論