如何用Dreamweaver MX建设神奇网页图片超链接：
大家在打开带有图片的网页时，有时会看到这样的情况：当鼠标指向图片的不同部位时，可以打开不同的超链接，这种技术我们称之为—网页图片热区。
下面我们以Dreamweaver MX和FrontPage 2003为例，来看看网页图片热区的具体建立过程。
一、在Dreamweaver MX中为图片建立热区
1、启动Dreamweaver MX(其他版本请仿照操作)，打开需要建立图片热区的网页文件，选中相应的图片，此时“属性”面板自动切换到“图片属性”状态(如图1)。
2、选中一种热区类型(如“椭圆”)，然后在图片上拖来出一个热区来(参见图1)
图1
注意：热区相当于是在图片上增加了一个图形层，象调整图片一样，可以通过鼠标调整热区的大小和位置。
3、在“链接”右边的方框中输入要链接的网址(如“http://www.yesky.com”)；在“替代”后面的方框中输入一些说明字符(如“天极网”)；按“目标”右边的下拉按钮，在随后出现的下拉列表中选择一种链接页面的打开方式(如需要让链接的页面在新窗口中打开，就选择“_blank”选项)。
注意：“替代”方框中输入的字符，在以后浏览网页时，当鼠标指向该热区时，在页面上会显示出该字符(如图2)。
图2
4、重复上述2、3步的操作，在图片的不同部位建立多个热区。
二、在FrontPage2003中为图片建立热区
1、启动FrontPage2003，打开需要建立图片热区的网页文件。
2、执行“视图→工具栏→图片”命令，展开“图片”工具栏(如图3)
图3
3、选中一种热区类型(如“长方形”)，然后在图片上拖来出一个热区，此时系统自动弹出“插入超链接”对话框(如图4)。
图4
4、在“地址”栏上输入要链接的网址(如“www.yesky.com”)；点击“屏幕提示”按钮打开“设置屏幕超链接提示”对话框(如图5)，输入一些说明字符(如“天极网”)。
图5
注意：此处的“屏幕提示”同Dreamweaver MX“替代”功能一样。
4、同理，重复上述3、4步的操作，可以在图片的不同部位建立多个热区。
相关视频
相关阅读 用Dreamweaver MX建设神奇网页图片超链接Wegame电脑游戏怎么用手机玩 Wegame手机玩电脑游戏教程Wegame手机怎么玩云顶之弈 Wegame手机玩云顶之弈教程WEGAME手机串流怎么设置 WEGAME手机串流设置教程Wegame手机畅玩怎么设置 Wegame手机畅玩设置教程Wegame手机畅玩预约地址 Wegame手机串流测试预约地址Steam免费游戏怎么领 Steam免费游戏一键领取教程LOL云顶之弈各英雄如何搭配装备 云顶之弈全英雄装备搭配推荐
热门文章 没有查询到任何记录。
最新文章
CSS优雅的公布栏源码
高级CSS选择器的使用
将网站（主页）变成黑白DW设计网页时组织CSS的建议利用Dreamweaver合理优化网页元素布局22个Dreamweaver内置网页过渡特效简介
人气排行 如何用Dreamweaver制作电子相册下拉菜单全攻略-用Dreamweaver制作下拉菜单用Dreamweaver实现ASP数据库动态网站建设用Dreamweaver CS3制作下拉菜单如何在DW中插入Flash的参数详解Dreamweaver标签选择器的妙用巧用dreamweaver模板批量制作网页优化HTML代码加快网页速度
查看所有2条评论>>