河南经贸职业学院：《ASP.NET动态网站开发》课程教学资源（PPT课件）第六讲 ASP.NET服务器控件（二）

第六讲ASP.NET服务器控件

第六讲 ASP.NET服务器控件 (二)

教学目的 、 DropDownList控件 、 ListBox控件 三、 Image控件 四、 ImageMap控件 教学重点 一、掌握 DropDownList控件的使用; 二、掌握 ListBox控件的使用; 三、掌握 Image、 ImageMap控件的使用; 四、掌握信息浏览页面设计方法

教学目的： 一、DropDownList控件 二、ListBox控件 三、Image控件 四、ImageMap控件 教学重点 一、掌握DropDownList控件的使用； 二、掌握ListBox控件的使用； 三、掌握Image、 ImageMap控件的使用； 四、掌握信息浏览页面设计方法

Image控件 Image控件称为图像(框)控件,用来在页面上展示图片 )HTM标记 Kasp: Image id="Imagel" runat="server ImageUrl=" fileurL K/asp: Image> 二)常用属性 Imager1属性:图片的路径和文件名,可以是绝对路径或 相对路径。既然是URL,这个资源也可能在别的主机上,那时还 必须在最前面加上传输协议 Too1Tip属性:当鼠标停留在控件上时显示 这 个属性对于以图片表现的控件很重要,可能有些读者看不懂图 片的含义,或者通过它还可以导航到其他URL去 ( ImageButton控件),都得需要提示信息的帮助 AlternateText属性:当图片无法显示时替代显示的文本

一、Image控件 Image控件称为图像（框）控件，用来在页面上展示图片。 (一)HTML标记 (二)常用属性 ImageUrl属性：图片的路径和文件名，可以是绝对路径或 相对路径。既然是URL，这个资源也可能在别的主机上，那时还 必须在最前面加上传输协议。 ToolTip属性：当鼠标停留在控件上时显示的提示信息。这 个属性对于以图片表现的控件很重要，可能有些读者看不懂图 片的含义，或者通过它还可以导航到其他URL去时 （ImageButton控件），都得需要提示信息的帮助。 AlternateText属性：当图片无法显示时替代显示的文本

■注意: 当向 Image控件加载图片时,必须预先在其 项目文件夹内添加” mage”文件夹,并将 图片放入mage文件夹内方可添加图片!

▪ 注意： 当向image控件加载图片时，必须预先在其 项目文件夹内添加”image”文件夹，并将 图片放入image文件夹内方可添加图片！

二、 Imagemap控件 使用此控件可以创建一个能与用户交互的图像, 该图像包含许多用户可以单击的区域,这些区域 被称为作用点。每一个作用点都可以是一个单独 的超链接或回发事件 Image Map控件由两个部分组成:图像与作用点控 件的集合。其中,图像可以是任何标准Web图形 格式的图形,如.gif、.jpg或.png图形文件。每 个作用点控件都是一个不同的元素。对于每个作 用点控件,需要定义其形状(圆形、矩形或多边 形)以及用于指定作用点的位置和大小的坐标

二、ImageMap控件 使用此控件可以创建一个能与用户交互的图像， 该图像包含许多用户可以单击的区域，这些区域 被称为作用点。每一个作用点都可以是一个单独 的超链接或回发事件。 ImageMap控件由两个部分组成：图像与作用点控 件的集合。其中，图像可以是任何标准Web图形 格式的图形，如.gif、.jpg或.png图形文件。每 个作用点控件都是一个不同的元素。对于每个作 用点控件，需要定义其形状（圆形、矩形或多边 形）以及用于指定作用点的位置和大小的坐标

" ImageMap控件是图片地图控件,可以用来 显示图像,也可以实现图像的超链接。该 控件的最大特点是,可以将 Image map中的 图像按照(X,Y)坐标划分成不同形状的区域, 分别链接到不同的网页

▪ ImageMap控件是图片地图控件，可以用来 显示图像，也可以实现图像的超链接。该 控件的最大特点是，可以将ImageMap中的 图像按照(X,Y)坐标划分成不同形状的区域， 分别链接到不同的网页

1mg|性用来连接图像源文件 HotSpotMode属性用来获取或设置单击图片 后默认的行为方式 Notset:默认项,链接到指定的URL地址 Navigate:定向操作,链接到指定的URL地 址 PostBack:回传操作,单击后触发控件的 Click事件。 Inactive:无任何操作,等同于 Image控件

▪ ImageUrl属性用来连接图像源文件； ▪ HotSpotMode属性用来获取或设置单击图片 后默认的行为方式 NotSet：默认项，链接到指定的URL地址 Navigate:定向操作，链接到指定的URL地 址 PostBack：回传操作，单击后触发控件的 Click事件。 Inactive：无任何操作，等同于Image控件

Hotspot 属性指定三种类型的作用 CircleHotspots:圆形 Rectanglehot spots:矩形 PolygonHotspots:任意多边形 单击 Hotspot属性右边的省略号按钮,将弹出 如图所示的对话框

▪ HotSpot属性指定三种类型的作用点： CircleHotSpots：圆形 RectangleHotSpots：矩形 PolygonHotSpots：任意多边形 单击HotSpot属性右边的省略号按钮，将弹出 如图所示的对话框

Hotspot集合编辑器 ? 成员(M CircleHotSpot属性P o CircleHotSpot 1 RectangleHotSpot 2CircleHot Spot 日可访问性 Accesskey TabIn 区域的形状: 日外观 圆形 Radius 10 圆半径 长方形 任意多边形 圆心坐标 50 日行为 NavigateUrl 一链接的URL PostBackWalue 加 移除(B \RectangleHotSpot 确定 取消 PolygonHotspot

色无标题页一 zeroset inter 交件)编)查着00:” 地址①)htt:/②转到链接”西 请给你喜欢的网站投票: 新浪网投 s/ma.cmcn票 q和讯数 新浪现在的投票数是:4 和讯现在的投票数是:1 「本地 intranet