项目二 用程序界面设计.pptx

/coursestatic/course_3803.html/coursestatic/course_3803.html应用程序界面设计项目二 Web应用程序界面设计主要内容任务1 设计用户注册页面任务2 使用母版页设计网站任务3 使用主题样式化网站任务4 站点导航应用程序界面设计任务1 设计用户注册页面任务场景 用户注册是网站的一个常见功能，网站可以通过注册来保存用户信息，从而方便用户访问及查阅自己的信息。在用户注册页面设计中，运用了很多ASP.NET Web服务器控件，从而方便了开发人员，帮助其轻松地实现一些交互复杂的Web应用功能。 本任务通过用户注册页面的设计，来掌握ASP.NET Web控件的使用，其中重点掌握标准控件和验证控件的使用方法。知识要点ASP.NET Web服务器控件 HTML服务器控件 Web服务器控件验证控件 用户控件 HTML服务器控件 HTML服务器控件的属性 添加HTML服务器控件 设置HTML服务器控件属性 Web服务器控件 Web服务器控件属性 标准控件 验证控件 2.1 ASP.NET Web服务器控件HTML服务器控件HTML服务器控件属于HTML元素（或采用其他支持的标记的元素，例如XHTML），它包含多种属性，使其可以在服务器代码中进行编程。 Web服务器控件 Web服务器控件比HTML服务器控件具有更多的内置功能。它不仅包括窗体控件（例如按钮和文本框），还包括特殊用途的控件（如日历、菜单和树视图控件等）。验证控件验证控件是对用户在输入控件（如TextBox控件等）中输入的内容进行验证。用户控件用户控件是一种作为ASP.NET网页创建的控件，可以嵌入到其他ASP.NET网页中。2.2 HTML服务器控件 HTML服务器控件的类型都集中在System.Web.UI.HtmlControls命名空间下，从HtmlControl基类中直接或间接派生而来。HTML服务器控件提供以下功能：可在服务器上使用熟悉的面向对象的技术对其进行编程。 提供一组事件，可以为其编写事件处理程序。具有在客户端脚本中处理事件的能力。自动维护控件状态。支持样式。拥有直接可用的自定义属性。2.2.1 HTML服务器控件的属性 作为.NET Framework的一部分，ASP.NET共享命名空间和类之间的继承。容器控件和输入控件是两个HTML控件的子集，它们共享不同基类的属性。所有HTML控件共享的常用属性Attributes：获取在选定的ASP.NET页中的服务器控件标记上表示的所有属性名 称/值对。Style：获取被应用于.aspx文件中的指定HTML服务器控件的所有级联样式表 （CSS）属性。Visible：获取或设置一个值，该值指示HTML服务器控件是否显示在页面上。2.2.1 HTML服务器控件的属性所有HTML输入控件共享的属性Name：获取或设置HtmlInputControl控件的唯一标识符名称。Value：获取或设置与输入控件关联的值。Type：获取HtmlInputControl控件的类型。注意：与某个控件关联的值取决于该控件的上下文。所有HTML容器控件共享的属性 InnerHtml：获取或设置指定的HTML控件的开始和结束标记之间的内容。InnerText：获取或设置指定的HTML控件的开始和结束标记之间的所有文本。 2.2.2 添加HTML服务器控件 默认情况下，ASP.NET文件中的HTML元素作为文本进行处理，并且不能在服务器端代码中引用这些元素。若要使这些元素能以编程方式进行访问，可以通过添加runat=“server“属性表明应将HTML元素作为服务器控件进行处理。例2-1：添加HTML服务器控件body form id=form1 runat=server div input id=Button1 type=button value=button / /div /form/body2.2.3 设置HTML服务器控件设置HTML服务器控件属性设置一个属性时，实际上是重写同一名称的任何现有属性（不修改现有属性上的值）。如果希望修改属性，必须先读取它，再修改它，然后将它重新添加到控件中。input id=Button1 type=button value=button runat=server onserverclick=Button1_Click/2.3 Web服务器控件一个Web服务器控件就是一个运行在服务器端并将实际的内容呈现在浏览器上的.NET类。Web服务器控件提供了HTML服务器控件以外的功能：功能丰富的对象模型，该模型具有类型安全编程功能。对于某些控件，可以使用Templates定义自己的控件布局。支持主题，可以使用主题为站点中的控件定义一致的外观。可将事件从嵌套