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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Hotspot集合编辑器 ? x 成员(MD CircleHotSpot属性巴 0 CircleHotSpot 圖口 1 RectangleHotSpot 2 CircleHotspot 日可访问性 AccessKey TabIndex 区城的形状: 日外观 圆形 Radius 10 圆半径 长方光 X 任意多边形 圆心坐标 50 日行为 NavigateUrl 链接的URL 移除(R PostBackvalue hOts ARectangleHotSpot 确定 取消 olygon HotSpot

召无标题页 LicrosoftInter上x 文件)编错)查看06·”即 地址①同Mt/转到链接”中 请给你喜欢的网站投票: 新浪网投 sa. com.cn票 好和讯数 hexun. com 新浪现在的投票数是:4 和讯现在的投票数是:1 「本地 Intranet