网页设计(web控件)

第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控件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控件203.4.8ASP.NETRadioButton控件213.5Web表单验证控件223.5.1RequiredFieldValid