Dreamweaver 中图片热点连接的制作 (热点工具)
一、Dreamweaver中的制作方法
DreamWeaver是MacroMedia公司出品的一个所见即所得的网页制作工具,它
提供了非常强大的主页制作功能,而且使用起来非常的顺手、方便,目前正日益
成为专业及业余网页制作人员的首选,在其最新版3.0中,有关“热点”的制作
较2.0版又更为方便了些。
(一)、制作步骤
1、选择“Insert”->“Image”插入一张图片,使用鼠标左键单击选中此图
片,此时可在“属性”控制面板中看到此图片的相关特性(可通过“Window”->
“Properties”来打开/关闭“属性”控制面板)。
2、初次使用“属性”控制面板时其默认为“简化”形式,单击右下方的向
下箭头可打开其扩展属性模式,此时可见到左下方“Map”的相关工具。
3、DM3提供了矩形、圆、多边形等三种热点图形方式,使用鼠标左键单击选
择其中一种,此时将鼠标移至图片其光标将变为细十字光标,单击之后拖动鼠标
就可画出一淡蓝色热点区域,此时“属性”窗口内容也随之变化,在“Link”中
输入链接的目标页地址(或单击其后打开按钮选择文件),“Target”为新页面的
打开方式,“Alt”为此热点的文字说明,这样,一个热点链接就算制作完成,
依此类推可制作出任意多热点链接。
(二)、修改与删除
若对所建的热点链接不满意,我们也可以任意修改或删除。选中图片“属性
”窗口“map”中的箭头,指向已建热点区域并单击即可选中它(四周出现节点)
,然后指向中部按住不放并拖动鼠标可将此热点图形移至图片的任意位置,从而
重新调整图片的热点链接部位;选中热点区域后将鼠标指向节点,此时可见鼠标
箭头变为黑色,单击后拖动可改变此热点区域的大小;单击“DEL”键可删除所
选的热点链接。
二、MapEdit应用
也许某些朋友嫌使用DM3制作主页“麻烦”,而热衷于手工编写HTML文件,
那么MapEdit将会对你制作图片的热点链接时提供方便。该工具可谓是一个所见
即所得的专用图片热点编辑器,其制作方法也非常的简单方便,它可自动生成
HTML语句并插入到文件的相关位置。
(一)、制作步骤
1、启动MapEdit,首先它会打开网页文件选择窗口,选取好一个HTML文件后
,程序会自动提取出该文件中包含的所有图片,从中选取一张需要增加热点链接
的图片,然后返回至主窗口。
2、同DM3一样,MapEdit也为我们提供了矩形、圆、多边形等三种热点区域
选择方式,从工具栏中选择其中一种,然后在图片中的某一位置单击并拖动鼠标
就会拖出一块热点区域,之后自动弹出其属性窗口。
3、在热点“属性”窗口中,“URL for clicks on this object”为单击此
链接后打开的文件地址;“ALT (Alternative) Text”为热点文字提示信息;“
TITLE (Pop-Up) Text”当你的鼠标停留在此区域内一定时间将要显示的信息,
若选中其右边的“Same As ALT”项,则其内容与上述“ALT Text”中的内容完
全相同;
“TARGET”中确定链接页面的显示方式,默认为在新窗口中打开;最下面的
“onMouseOver”和“OnMouseOut”则是MapEdit为高级用户添置的对该区域链接
增加JavaScrip功能,意为鼠标移入或移出该区域将要执行的内容,熟悉
JavaScrip的朋友可以一试。所有项目输入完毕后,单击OK即完成一个链接
的建立,若想为此图片中建立多个热点链接可依次类推。
(二)、热点修改
选择工具栏中的箭头按钮(第三组第1个),然后单击热点区域,该区域将以
反显(黑色透明)方式显示出来,并且再次弹出此其属性窗口,根据需要可对其进
行修改,单击属性窗口中的“Delete”将删除此热点链接。
选择工具栏第三组中的第二个按钮,选定一热点区域后,我们可像在DM3中
一样移动其在图片中的位置以及改变其大小范围,工具栏第三组后两个按钮是用
来增加和减少所选热点图形的节点,从而精确划定热点区域。
所有热点制作完成后,不要忘了选择“File”->“Save HTML Document”将
其保存至源文件中。
Dreamweaver 中图片热点连接的制作 (热点工具)相关推荐
- ps中 图片透明渐变的制作
透明渐变有很多方法,给你介绍一种比较有效的-----利用快速蒙版 样图: 切换快速蒙版模式 选择渐变工具 在快速蒙版层实行渐变 载入选区 通道中删除快速蒙版层 按delete键,完成图象透明渐变
- dw建立站点连接mysql_Dreamweaver教程:在Dreamweaver中建立数据库连接 (access)
打开Dreamweaver,建立一个ASP(VBScript)站点,把数据库放在网站目录下,这里我是把数据库%flash8=data%.mdb放在网站根目录下的^data#base^目录下. 打开&q ...
- android wifi热点设置密码,在手机中如何修改连接WiFi热点的密码?
摘 要 在手机中如何修改连接WiFi热点的密码? 或许大家修改完路由器WiFi密码后,遇到手机无法连接wifi上网了.出现这种问题的原因,一般都是由于我们只修改了路由器WiFi密码,而没有修改WiFi ...
- win10不显示手机连接到服务器,手机连接win10系统热点显示无互联网连接的解决方法...
在笔记本电脑中,可以通过wifi共享热点给手机共享上网,阿然而近日有不少win10系统用户发现手机连接热点的时候,显示无互联网连接,虽然连接上了wifi但是没有显现网络,遇到这样的情况如何解决,本文就 ...
- wifi无法连接华为Mate8 热点问题
分享一下我老师大神的人工智能教程!零基础,通俗易懂!http://blog.csdn.net/jiangjunshow 也欢迎大家转载本篇文章.分享知识,造福人民,实现我们中华民族伟大复兴! 之前是可 ...
- 手机热点总是正在连接服务器,手机热点用不了?可以尝试这个方法。
原标题:手机热点用不了?可以尝试这个方法. 下班路上,上司突然打来"夺命连环call",早上的方案需要赶紧改一下.无奈,只能拿出笔记本在地铁上临时办公,关键时候连接手机热点,却发现 ...
- iphone链接android热点好卡,热点连接问题
梅权威,您好 感谢您来到 Apple 支持社区! 我了解到您目前使用安卓手机连接至 iPhone 分享的"个人热点"的网络时遇到了问题.目前,您需要设置一个 Wi-Fi 密码才能设 ...
- android连iphone热点超时,Android19连接iOS13个人热点失败
本文链接:https://www.cnblogs.com/obarong/p/11770028.html 现象 第一次连上,Android设备可以上网,分配到的IP是172.20.10.X.Andro ...
- 计算机能连上手机热点却无法连上无线网络,Win10电脑能连接到手机热点却无法上网怎么解决...
许多用户都喜欢开启手机热点让电脑连接上网,可是有不少win10系统用户反映说电脑能连接到手机热点,却无法上网,这该怎么办呢,经过分析可能是设置了dns引起,简单设置一下即可,本文就给大家带来详细的解决 ...
最新文章
- 云原生时代,Kubernetes让应用落地的N种招式(附PPT)
- Linux accept tcp,Linux TCP accept without SYN|ACK
- 选择or不选择苹果的理由
- 基于文本 c语言,[源码和文档分享]基于C语言实现的文件系统
- Win10系统开机任务栏一直转圈怎么解决
- 再好的产品经理跑不过一半的A/B测试
- 最后一周|高级转录组分析和R语言数据可视化第十二期 (线上线下同时开课)...
- 基于云的平台利用新技术来改变商店式购物营销
- CentOS6.5+mysql5.1源码安装过程
- php7 扩展 性能测试,php7简单性能测试
- Spring cloud Gateway介绍
- XP系统还原计算机用户名,详细教你xp系统还原操作方法
- 【群晖nas】raidrive 极简教程
- java鼠标监听事件_Java鼠标事件监听器的创建和使用教程及代码
- 成绩出来了!700 分也上不了清华,究竟该如何从内卷中走出来!肺腑之言,建议转发给亲戚朋友们!
- 【DCANet2022】:DCANet: Differential Convolution Attention Network for RGB-D Semantic Segmentation
- 【转载】Android App应用启动分析与优化
- suds对接web service
- 他是“中国第一程序员”,一人之力单挑微软!
- php消息撤回,QQ怎么在撤回消息后面加字?QQ消息撤回修改内容
热门文章
- 夜神模拟器打开后报错:nox_adb.exe已停止工作,Appium+Python脚本执行报错:500
- 分贝dB与倍数的转换关系
- NLP 获取相似词 - 2.提取相似词[爬虫应用]
- 【MuleSoft】手把手教你考MCD - Level 1认证
- #10172. 「一本通 5.4 练习 1」涂抹果酱 【 三进制状态压缩 】【 方案数 】
- 电商项目(Day06)
- 哈工大SCIR情感回复系统Babbling
- 计算机本地硬盘带蓝色问号,本地磁盘出现个问号是什么原因
- Numpy的随机抽样学习
- C# 中的委托和事件--详解(续)