第3章 网页设计(web控件)

1、第3章 网页设计,2,第3章 网页设计,3.1 静态网页设计 3.2 动态网页设计 3.3 HTML控件 3.4 Web服务器控件 3.5 Web表单验证控件 3.6 用户控件,3,3.1 静态网页设计,静态网页特点如下： 1）静态网页每个网页都有一个固定的URL，且网页URL以.htm、.html、.shtml等常见形式为后缀，而不含有“？”； 2）网页内容一经发布到网站服务器上，无论是否有用户访问，每个静态网页的内容都是保存在网站服务器上的，也就是说，静态网页是实实在在保存在服务器上的文件，每个网页都是一个独立的文件； 3）静态网页的内容相对稳定，因此容易被搜索引擎检索； 4）静态网页没有

2、数据库的支持，在网站制作和维护方面工作量较大，因此当网站信息量很大时完全依靠静态网页制作方式比较困难； 5）静态网页的交互性较差，在功能方面有较大的限制。,4,3.2 动态网页设计,动态网页是在被请求时才能生成页面所需内容。 当浏览器请求这类URL时，服务器首先运行对应的程序，然后将生成的输出结果返回给浏览器。,5,6,控制网页格局的2种方式： 表格（table）+css样式 层（div）+css样式,7,创建层方法 直接从控件面板拖入。 使用.标签 设置层显示样式 在设计界面的属性窗口，使用所见即所得的style属性窗口设置。 修改代码 使用css样式,8,Css样式使用方法： body #

3、menu .abc #menu a ,9,控 件,Html标注（html控件）:不能在服务器端控制的。 html控件（html服务器端控件）:其实就是html控件的基础上加上runat=server所构成的控件.它们的注意区别是运行方式不同，html控件运行在客户端，而html服务器控件是运行在服务器端的。当ASP.NET 网页执行时，会检查标注有无runat 属性，如果标注没有设定，那么Html标注就会被视为符串，并被送到字符串流等待送到客户端，客户端的浏览器会对其进行解释；如果Html标注有设定runat=server 属性，Page 对象会将该控件放入控制器，服务器端的代码就能对其进行控

4、制，等到控制执行完毕后再将Html服务器控件的执行结果转换成Html标注，然后当成字符串流发送到客户端进行解释,10,web服务器控件（服务器控件）:也称服务器控件，是Web Form编程的基本元素，也是所特有的。它会按照客户端的情况产生一个或者多个html控件，而不是直接描述html元素。如： ,11,3.4 Web服务器控件,服务器端控件是ASP.NET框架的基础部分之一。作为ASP.NET框架的核心，服务器端控件是.NET框架中的一些表示Web Form上可视化元素的类。一些服务器端控件几乎就是某些标准HTML标签的简单映射，并提供一些服务器端的高效实现。而另外一些服务器端控件则是更大规

5、模的抽象，封装了复杂的GUI（图形用户界面）任务，例如页面中显示数据的网格等，并最终输出成HTML表示。,12,Web服务器控件最终会被解释为html控件。 Web服务器控件必须包含在web窗体中。即 具体的Web服务器控件可以看做是类的实例。都有属性、方法、事件。Web编程实际是对对象修改属性、使用方法、触发事件。,13,Style属性,通过设置控件的style属性设置控件的样式。 优点：简单方便 缺点：不能通用,14,CssClass属性,使用CssClass属性设置样式方法 创建Css样式表 设置CssClass属性 .cssstyle background-Color:yellow;

6、font:14px 黑体; Border-bottom-style:dashed; /asp:TextBox,15,Style类,声明Style类的步骤 声明Style对象 设置Style对象的属性 将Style对象应用到Web服务器控件 Style textboxstyle = new Style(); textboxstyle.BackColor = System.Drawing.Color.Blue; textboxstyle.BorderStyle = BorderStyle.Double; TextBox2.ApplyStyle(textboxstyle);,16,3.4.1 ASP

7、.NET Label 控件,Label 控件必须放在移动 ASP.NET 网页上的 Form 或 Panel 控件中，或者放在移动 ASP.NET 网页上的控件的模板中。也可以将它拖动到移动用户控件页上。使用 Text 属性设置 Label 控件要显示的文本。 通过设置 ForeColor、Font、BackColor等属性可以在设计时更改 Label 控件的外观。应用程序可以通过编程方式在运行时更改属性。此外，应用程序还可以使用数据绑定动态设置属性值。,17,3.4.2 ASP.NET TextBox控件,18,3.4.3 Button控件,Button:执行任务 LinkButton:与B

8、utton控件功能相同，但具有超级链接的外观。 ImageButton:与Button控件功能相同，但按钮上显示的是图像而不是文本 HyperLink:创建Web导航链接,19,3.4.6 列表选择框,DropDownList(组合框) 允许用户从列表中选择其中的项 Items属性。 SelectItem属性 SelectValue属性 ListBox（列表框） 显示选择列表。允许多项选择 SelectionMode属性 Itemsi.selected,20,3.4.7 ASP.NET CheckBox控件,21,3.4.8 ASP.NET RadioButton控件,22,3.5 Web表单验证控件,23,3.5.1 RequiredFieldValidator控件,24,3.5.2 RangeValid