第3章 网页设计.ppt

1、第3章,网页设计,2,第3章 网页设计,3.1 静态网页设计 3.2 动态网页设计 3.3 HTML控件 3.4 Web服务器控件 3.5 Web表单验证控件 3.6 用户控件,3,学习目标,了解静动态网页的基本感念及其区别与联系 掌握常用HTML控件的使用； 掌握常用Web服务器控件的使用； 掌握Web表单验证控件的使用； 理解用户控件的创建与使用,4,3.1 静态网页设计,静态网页特点如下： 1）静态网页每个网页都有一个固定的URL，且网页URL以.htm、.html、.shtml等常见形式为后缀，而不含有“？”； 2）网页内容一经发布到网站服务器上，无论是否有用户访问，每个静态网页的内容

2、都是保存在网站服务器上的，也就是说，静态网页是实实在在保存在服务器上的文件，每个网页都是一个独立的文件； 3）静态网页的内容相对稳定，因此容易被搜索引擎检索； 4）静态网页没有数据库的支持，在网站制作和维护方面工作量较大，因此当网站信息量很大时完全依靠静态网页制作方式比较困难； 5）静态网页的交互性交叉，在功能方面有较大的限制。,5,3.2 动态网页设计,ASP程序的执行过程如图3.5所示。当浏览器向Web服务器请求调用ASP文件时，Web服务器响应该HTTP请求，调用ASP引擎，解释被申请的文件。当遇到与Active X Script兼容的脚本（VBScript、JavaScript）时，A

3、SP引擎调用相应的脚本引擎进行解释处理。若脚本指令中涉及对数据库的访问，就通过数据库引擎与后台数据库进行连接，由数据库访问组件实现对数据库的操作，并将执行结果动态生成一个HTML页面返回Web服务器端，然后与页面中非脚本的HTML合并成一个完整的HTML页面送至客户端浏览器。,6,7,ASP功能强大，但也存在下列一些不足： 1). 仅2种非类型语言：VBscript ,Javascript 2). ASP页需要解释； 3). 代码，HTML和文本的混合； 4). 使用同一文件； 5). 额外的功能代码； 6). 代码不能重用； 7). 没有调试机制； 8). 先关闭WEB服务器才能安装新版本的

4、DLL。,8,3.2.2 ASP .NET,ASP.NET优点主要表现在： 1). 增强的性能 2).易于部署： 3).开发工具支持 4).多语言支持 5).高效可管理性 6).可缩放性和可用性 7).自定义性和扩展性 8).安全性,9,3.3 HTML控件,Web控件和Html控件各自特点如下： 1）使用起来也相当方便,举个简单的例子,例如Button的生成: Html控件是将庞大控件集合全部弄到页面中，用到哪个功能，就设置一下属性,如下: 这样会占用相当大的控件资源 Web控件是将集成式的拆解成单功能的： 这样就可以节省不必要的控件所占用的资源了。 2）Web控件具有回送功能,能够用Vie

5、wState维持控件的状态。Html控件则不能,当点击页面的操作，其状态就会丢失。3）Html控件与Web控件最大的区别是它们对事件处理的方法不同。对于Html窗体控件，当引发一个事件时，浏览器会处理它。但对于Web控件，事件仅由浏览器生成，但浏览器不会处理它，客户端要给服务器发个信息，告诉服务器处理事件。 不过有些事件，比如: 按下键/移动/鼠标等事件，A中没有这些事件(因为这些事件即时性强，服务器处理得不够及时，这时候Html控件就发挥其作用了，结合Html事件协助完成。,10,3.3.1 HtmlForm控件,11,3.3.2 HtmlInputText控件,12,3.3.3 HtmlI

6、nputButton控件,13,3.3.4 HtmlTable 控件,14,3.3.5 HtmlSelect 控件,15,3.3.6 HtmlImage控件,16,3.4 Web服务器控件,服务器端控件是ASP.NET框架的基础部分之一。作为ASP.NET框架的核心，服务器端控件是.NET框架中的一些表示Web Form上可视化元素的类。一些服务器端控件几乎就是某些标准HTML标签的简单映射，并提供一些服务器端的高效实现。而另外一些服务器端控件则是更大规模的抽象，封装了复杂的GUI任务，例如页面中显示数据的网格等，并最终输出成HTML表示。需要特别注意的是，使用服务器端控件的应用程序最终仍将呈

7、现在浏览器中。下面介绍常用的服务器端控件。,17,3.4.1 ASP.NET Label 控件,Label 控件必须放在移动 ASP.NET 网页上的 Form 或 Panel 控件中，或者放在移动 ASP.NET 网页上的控件的模板中。也可以将它拖动到移动用户控件页上。使用 Text 属性设置 Label 控件要显示的文本。 通过设置 Alignment、ForeColor、Font、StyleReference 和 Wrapping 属性，可以在设计时更改 Label 控件的外观。将 BreakAfter 属性设置为 false 以防止在标签之后出现分行符。应用程序可以通过编程方式在运行时

8、更改属性。此外，应用程序还可以使用数据绑定动态设置属性值。 若要针对特定设备自定义 Label 控件的外观，请对该控件应用设备筛选器。设备筛选器使应用程序可以基于目标设备的功能重写属性值。,18,3.4.2 ASP.NET TextBox控件,19,3.4.3 ASP.NET Button控件,20,3.4.4 ASP.NET HyperLink控件,21,3.4.5 ASP.NET Image控件,22,3.4.6 ASP.NET DropDownList控件,23,3.4.7 ASP.NET CheckBox控件,24,3.4.8 ASP.NET RadioButton控件,25,3.5

9、Web表单验证控件,26,3.5.1 RequiredFieldValidator控件,27,3.5.2 RangeValidator控件,28,3.5.3 ValidationSummary控件,29,3.5.4 CompareValidator控件,30,3.5.5 RegularExpressionValidator控件,31,3.5.6 CustomValidator控件,32,3.6 用户控件,ASP.NET提供了比传统ASP更好的代码分离方案。在传统的ASP中，要将用Server. Execute执行的ASP文件或事务对象组件的代码分离开，一般只能将代码分离成几个文件，然后使用“i

10、nclude”的方法。这种方法将造成内存中有多个“include”文件的复本（文件每被引用一次就产生一个复本），从而增加了系统的负担，因此并不可行。使用Server. Execute或许有些改观，但是不能向正在执行的ASP文件传递附加的查询串参数。使用组件可能是唯一比较好的做法。在ASP.NET中，除了使用“include”（并不推荐使用）和事务对象组件的方法，还可以使用两种新技术：code-behind类和WEB用户控件。,33,3.6.1 用户控件简介,ASP.NET的服务端控件使得Web开发工作变得更为简单，功能更为强大。我们前面介绍过如何在ASP.NET页面中使用服务端控件。但是，如果

11、服务端没有所要求的控件时该怎么办呢？ 当然，ASP.NET不会给你变出一个莫须有的控件。事实上，可以动手作自己的控件来取代.NET提供的控件。这种控件就是用户控件。,34,3.6.2 创建用户控件,在网站上找到解决方案上http/lodzlhost/右击鼠标添加新项web用户控件，建立一个web用户控件文件basic.ascx，在文件中输入一下代码： basic.ascx This is a user control. really! ,35,3.6.3 调用用户控件,在要包含用户控件的 WEB 窗体页中，声明一个Register指令，该指令包括： tagprefix属性，该属性将前缀与用户控件相关联。此前缀将包括在用户控件元素的开始标记中。 tagname属性，该属性将名称与用户控件相关联。此名称将包括在用户控件元素的开始标记中。 Src属性，该属性定义要包括在WEB窗体页中的用户控件文件的虚拟路径。 使用自定义服务器控件语法在HtmlForm服务器控件的开始标记和结束标记之