动态网页设计课件-第5讲 服务器控件.pptVIP

动态网页设计（Dreamweaver CS3+ASP.NET） 主 编 张德芬副主编 邓之宏 中国水利水电出版社 第5章 常用内置对象 本章教学内容 表单基础 WEB服务器控件 工作任务：用ASP.NET控件设计用户注册页面 5.1 任务概述 用户登录或用户注册页面是一个典型的动态页面。本章我们将学习如何用ASP.NET控件，设计“动态”的用户注册页面。 5.2 表单 表单 Web页由HTML标记组成，包含在html和/html标记之间 表单是Web页的一部分，包含在form和/form标记之间 WEB表单 具有runat=“server”属性 在服务器上运行 表单标记格式： form runat=Server ……… /form HTML服务器控件与WEB服务器控件 HTML服务器控件 HTML服务器控件就是在HTML标记基础上，加上“runat=server”属性形成的——表示在服务器上执行 静态网页中： input type=”text” name=”user” value=”用户名” ASP.NET网页中，对应的HTML服务器控件为： input type=”text” id=”user” value=”用户名” runat=”server” Web 服务器控件是ASP.NET 网页上的新型控件，具有强大的页面显示和事件处理能力。 5.3 WEB服务器控件 WEB服务器控件 以标记asp: 控件名 …… 开始 控件中包含RunAt=”Server”属性 一般也包含Id属性，Id属性用于标识控件。 WEB服务器的分类 基本WEB控件（内部控件） 可以映射到HTML控件的WEB控件 列表控件 实际上也是一种内部控件 用于大量的数据列表显示 多功能控件 提供一些特定功能的控件，其对应的功能在HTML服务器控件中是没有的，如日历控件、广告控件 验证控件 提供数据验证的控件 在Dreamweaver CS3中使用WEB服务器控件 “插入记录”菜单中包含WEB服务器控件的菜单项 DW CS3中常用的ASP.NET控件 DW CS3中ASP.NET标签 5.4 用于文本输入和显示的控件 文本输入控件asp:textbox 用于文本输入和显示 可以实现HTML控件中input type=text、input type=password、textarea的作用 格式： asp:textbox id=”控件名” runat=”server” text=”文本内容” /asp:textbox 或 asp:textbox id=”控件名” runat=”server” text=”文本内容” / Form runat=”server”标记 如果是第一次加入WEB服务器控件，DW CS3还会自动在网页代码中加入Form runat=”server”标记 红色的虚线框代表表单。 Dreamweaver CS3中的ASP.NET文本控件设计窗口 标签控件asp:label 用于文本的显示 在页面的某个特定位置显示文本信息 格式： asp:label options1text/asp:label 或 asp:label options2 / 5.5 用于控制传送的控件 包括： asp:button … asp:linkButton … asp:imageButton … asp:hyperLink … 按钮控件asp:button 格式： asp:button id=”控件名” runat=”server” text=”按钮面板上的文字” onClick=”事件名” / 设计窗口： 按钮控件的标签编辑器窗口 链接按钮控件asp:linkbutton 显示效果与链接类似，但是会触发服务器端事件。 格式为： asp:linkbutton id=”控件名” runat=”server” text=”按钮面板上的文字” onClick=”事件名” / 设计窗口： 图片按钮控件asp:imagebutton 图片形式的按钮 触发事件 格式为： asp: imagebutton id=”控件名” runat=”server” imageUrl=”图片的路径” onClick=”事件名” / 超链接控件asp:hyperlink Hyperlink控件用于创建超链接，可以是文本超链接，也可以是图片超链接。 格式为： asp:hyperlink id=”控件名” runat=”server” Text=”控件上显示的文字” NavigateUrl=”链接的网址” imageUrl=”当用图片代替文本来描述链接时，图片的路径” target=”打开链