易捷网络专注企业网站建设
11年企业网站建设经验、响应式网站建设,兼容PC、手机、平板全
终端,给你更佳的浏览体验...

巧妙运用Dreamweaver的热点链接技术制作地图连接

来源:网站建设行业资讯网
添加时间:2022-02-13
在浏览网页时,经常能看到一些图片上的特殊超链接,即在一张图片上有多个局部区域与不同的网页链接,比如地图链接。

  效果说明:地图中标示出了中国的各个省市和直辖市,当在地图上单击某个特定区域时,就会跳转到相应地图区的说明页面。

  创作思想:本实例将利用Dreamweaver的图像热点功能完成地图链接实例。

  操作步骤

  (1)新建一个HTML文件取名为map.htm文件,在页面中插入一幅中国地图,如图1所示。

提示:本实例所用到的中国地图china.jpg。

  (2)绘制热点区域。单击页面上的中国地图,然后利用属性栏中的【矩形热点】工具在地图上绘制热点区域,如图2所示。

  (3)当绘制完矩形热点区域后,图像属性面板将变成热点属性面板,如图3所示。在链接栏处选择热点区域所要链接的目标网页,在【替代】框中填入相关的提示说明,并使链接的网页在新窗口中打开。

  提示:在这里将【目标】设置为_blank代表在新的浏览器窗口中打开被链接的文档,并保持当前窗口可用。【目标】框中其他各选项的含义是,_parent代表在链接所在的父框架集中打开链接文档;_self代表在当前框架中打开链接文档,替换该框架中的内容;_top代表在当前文档的最外层框架集中打开链接文档,替换所有框架中的内容。

  (4)绘制其他热点区域。使用属性面板中的另外两个热点工具【椭圆形热点】工具和【多边形热点】工具同样可以在地图上绘制热点并设置相关的热点属性,其使用方法和【矩形热点】工具相同。大家可利用这3个热点工具在地图上继续绘制其他热点区域并设置链接,最终效果如图4所示。

5)保存页面文件并按F12键进行预览。至此,本实例操作完毕。

  在这里我只给大家绘制了3个省的区域!目的教给大家如何做这种网页,通过学习这个实例,是不是觉得很简单呢?当然你要想把整个地图都设置连接可是非常麻烦了啊!主要是浪费时间!这个教程就写到这了。

  本实例的操作相对简单,但在制作过程中,必须细心的绘制各个区域;各个区域间最好留有一点空隙,以免在选择时出现错误

网站建设计最新案例赏析:


华星(深圳)新材料网站制作首页设计效果图
华星(深圳)新材料
东莞吉川机械科技网站制作首页设计效果图
东莞吉川机械科技
陕西松峰实验设备网站制作首页设计效果图
陕西松峰实验设备
广东丰大机械科技网站制作首页设计效果图
广东丰大机械科技
广州捷伦达实验室设备网站制作首页设计效果图
广州捷伦达实验室设备
东莞莲泉净水设备网站制作首页设计效果图
东莞莲泉净水设备
山东博纳电气网站制作首页设计效果图
山东博纳电气
天津高美测仪科技网站制作首页设计效果图
天津高美测仪科技
上海三羽电器网站制作首页设计效果图
上海三羽电器
东莞索诚电子网站制作首页设计效果图
东莞索诚电子
 

网站建设行业资讯推荐阅读:


手机网站建设和开发要注意的事项让邮件服务器发出的Email不被认为是垃圾邮件站点流量异常原因:外链爆增企业邮箱经常遇到的问题如何选择先进的网站建设供应商网站建设对企业的重要性有哪些深圳企业建站这两大元素较易忽略2015年你需要知道的SEO6大新趋势定制软件哪个好为什么做软件定制项目很难赚钱为什么和模板建站相比企业更喜欢定制网站校园微信平台怎么推广如何找到一款适合自己企业的管理软件,以及定制软件的费用是多少一文读懂响应式网站设计元素如何玩转微信营销,实现10万+阅读分享网站的用户粘性要如何提升科技解析网络“口碑营销”怎么才能让别人主动给你转载外链的几个小技巧网络营销如何做好目标流量分析-深圳网站建设分享网站设计报价方案一般包括什么內容关于小米路由器引发的网站建设404页面思考网站做好这几个点用户体验不用愁域名所有人与备案人不一致怎么办影响解析生效的原因留白对于深圳网站建设的重要性移动互联网消费迎来黄金发展期dreamweavercs5序列号DreamweaverCS5修改host文件详细步骤深圳网站建设公司如何加强客户体验深度好文!2015年PC端网站设计趋势扁平化网站设计成为主流趋势网站建设的相关问题企业官网设计的要点有哪些网页设计的存在是为了支持和传递内容web程序开发语言比较企业进行网站建设需要准备哪些资料域名注册成功后,可以更改注册人姓名吗企业网站建设过程中需要注意的要点小程序开发需要多少钱关于网站建设如何进行优化怎样提升商城网站方式有什么有哪些细节在网站设计中不能忽视的呢做网站公司怎样理解网站建设的关键字-中山建站更上档次!网站建设细节大总结普通网站建设的三个基本要素如何建设企业网站网站建设前要和网站建设公司协调好哪些东西网站建设怎么吸引客户点击营销型网站建设和传统网站的区别是什么开发一个网站的预算费用多少钱来说说网站制作的详细架构解析沙井上市公司的网站建设是怎样的网站建设如何开发旅游类网站电子商务助推传统商业服务提高网上购物节创互赢布局如何搭建营销型网站建设怎么才能做一个成功的企业网站建设网站建设制作的一般原则网站建设好之后一般的迁移流程网站建设为什么要选择定制开发深圳福田网站制作报价,网站建设有哪些一定要知道的知识房地产网站如何基本建设和经营
企业网站建设行业信息服务发布平台!
(www.fantodo.com)版权所有
QQ在线咨询