第3章-網頁設計(web控件)_第1頁
第3章-網頁設計(web控件)_第2頁
第3章-網頁設計(web控件)_第3頁
第3章-網頁設計(web控件)_第4頁
第3章-網頁設計(web控件)_第5頁
已閱讀5頁,還剩23頁未讀 繼續免費閱讀

下載本文檔

版權說明:本文檔由用戶提供并上傳,收益歸屬內容提供方,若內容存在侵權,請進行舉報或認領

文檔簡介

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

網頁執行時,會檢查標注有無runat

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

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

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

控件的AutoComplete行為。2.0AutoPostBack布爾值,規定當內容改變時,是否回傳到服務器。默認是false。1.0CausesValidation規定當Postback

發生時,是否驗證頁面。2.0Columnstextbox的寬度。1.0MaxLength在textbox中所允許的最大字符數。1.0ReadOnly規定能否改變文本框中的文本。1.0Rowstextbox的高度(僅在TextMode="Multiline"時使用)。1.0runat規定該控件是否是服務器控件。必須設置為"server"。

TagKey

Texttextbox的內容。1.0TextMode規定TextBox

的行為模式(單行、多行或密碼)。1.0ValidationGroup當Postback

發生時,被驗證的控件組。

Wrap布爾值,指示textbox的內容是否換行。1.0OnTextChanged當textbox中的文本被更改時,被執行的函數的名稱。

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

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

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

關聯的文本標簽。1.0TextAlign與CheckBox

控件關聯的文本標簽的對齊方式。(right或left)1.0ValidationGroup在CheckBox

控件回發到服務器時要進行驗證的控件組。2.0OnCheckedChanged當Checked屬性被改變時,被執行函數的名稱。

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

控件的背景顏色ControlToValidate要驗證的控件的idDisplay驗證控件的顯示行為。合法的值有:None-驗證消息從不內聯顯示。Static-在頁面布局中分配用于顯示驗證消息的空間。Dynamic-如果驗證失敗,將用于顯示驗證消息的空間動態添加到頁面。EnableClientScript布爾值,規定是否啟用客戶端驗證。Enabled布爾值,規定是否啟用驗證控件。ErrorMessage當驗證失敗時,在ValidationSummary

控件中顯示的文本。注釋:如果未設置Text屬性,文本也會顯示在該驗證控件中。ForeColor該控件的前景色。id控件的唯一id。InitialValue規定輸入控件的初始值(開始值)。默認是""。IsValid布爾值,指示關聯的輸入控件是否通過驗證。runat規定該控件是一個服務器控件。必須設置為"server"。Text當驗證失敗時顯示的消息。233.5.2RangeValidator控件屬性描述BackColorRangeValidator

控件的背景顏色ControlToValidate要驗證的控件的idDisplay驗證控件的顯示行為。合法的值有:None-驗證消息從不內聯顯示;Static-在頁面布局中分配用于顯示驗證消息的空間。;Dynamic-如果驗證失敗,將用于顯示驗證消息的空間動態添加到頁面。EnableClientScript布爾值,規定是否啟用客戶端驗證。Enabled布爾值,規定是否啟用驗證控件。ErrorMessage當驗證失敗時,在ValidationSummary

控件中顯示的文本。注釋:如果未設置Text屬性,文本也會顯示在該驗證控件中。ForeColor該控件的前景色。id控件的唯一id。IsValid布爾值,指示關聯的輸入控件是否通過驗證。MaximumValue規定輸入控件的最大值。MinimumValue規定輸入控件的最小值。runat規定該控件是一個服務器控件。必須設置為"server"。Type規定要檢測的值的數據類型。類型有:Currency、Date、DoubleInteger、StringText當驗證失敗時顯示的消息。243.5.3ValidationSummary控件屬性描述DisplayMode如何顯示摘要。合法值有:BulletList、List、SingleParagraph

EnableClientScript布爾值,規定是否啟用客戶端驗證。Enabled布爾值,規定是否啟用驗證控件。ForeColor該控件的前景色。HeaderTextValidationSummary

控件中的標題文本。id控件的唯一id。runat規定該控件是一個服務器控件。必須設置為"server"。ShowMessageBox布爾值,指示是否在消息框中顯示驗證摘要。ShowSummary布爾值,規定是否顯示驗證摘要。253.5.4CompareValidator控件屬性描述BackColorCompareValidator

控件的背景顏色。ControlToCompare要與所驗證的輸入控件進行比較的輸入控件。ControlToValidate要驗證的輸入控件的ID。Display驗證控件中錯誤信息的顯示行為。合法值是:None驗證消息從不內聯顯示。Static在頁面布局中分配用于顯示驗證消息的空間。Dynamic如果驗證失敗,將用于顯示驗證消息的空間動態添加到頁面。EnableClientScript布爾值,規定是否啟用客戶端驗證。Enabled布爾值,規定是否啟用驗證控件。ErrorMessage當驗證失敗時在ValidationSummary

控件中顯示的文本。注釋:如果未設置Text屬性,此文本將顯示在驗證控件中。ForeColor控件的前景顏色。id控件的唯一ID。IsValid布爾值,指示由ControlToValidate

指定的輸入控件是否通過驗證。Operator要執行的比較操作的類型。運算符是:Equal、GreaterThan、GreaterThanEqual、LessThan、LessThanEqual、NotEqual、DataTypeCheck

runat規定控件是服務器控件。必須設置為"server"。Text當驗證失敗時顯示的消息。Type規定要對比的值的數據類型。類型有:Currency、Date、Double、Integer、StringValueToCompare一個常數值,該值要與由用戶輸入到所驗證的輸入控件中的值進行比較。263.5.5RegularExpressionValidator控件屬性描述BackColorRangeValidator

控件的背景顏色ControlToValidate要驗證的控件的idDisplay驗證控件的顯示行為。合法的值有:None-驗證消息從不內聯顯示;Static-在頁面布局中分配用于顯示驗證消息的空間;Dynamic-如果驗證失敗,將用于顯示驗證消息的空間動態添加到頁面。EnableClientScript布爾值,規定是否啟用客戶端驗證。Enabled布爾值,規定是否啟用驗證控件。ErrorMessage當驗證失敗時,在ValidationSummary

控件中顯示的文本。注釋:如果未設置Text屬性,文本也會顯示在該驗證控件中。ForeColor該控件的前景色。id控件的唯一id。IsValid布爾值,指示關聯的輸入控件是否通過驗證。runat規定該控件是一個服務器控件。必須設置為"server"。Text當驗證失敗時顯示的消息。ValidationExpression規定驗證輸入控件的正

溫馨提示

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

評論

0/150

提交評論