第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

提交评论