Dreamweaver中如何设置热区?DW设置热区方法图解

所属分类: 软件教程 / 编程开发 阅读数: 594
收藏 0 赞 0 分享

Dreamweaver中如何设置热区?下面小编就为大家详细介绍一下,一起来看看吧!

方法/步骤

     向平时一样,这里我们在设置Dreamweaver热区的时候。同样这里是需要建立一个新的HTML界面的。

Dreamweaver中如何设置热区

   建立完毕,如下图中所示的一个新的文档(HTML)

Dreamweaver中如何设置热区

    按照同时最为简洁的方式,我们在新的HTML中插入一个新的图片作为热区设置的底片

Dreamweaver中如何设置热区

   选择桌面中的一个图片进行添加

Dreamweaver中如何设置热区

   在创建相对的路径时我们是需要保存文档的

Dreamweaver中如何设置热区

     这里大家注意的是我们的根文件是必须要保存在一个站点中的。这里我们将其路径复制保存在我们的站点中

Dreamweaver中如何设置热区

  选择站点目录进行保存即可

Dreamweaver中如何设置热区

     图像标签辅助功能属性这里我们是不需要进行设置的,点击确定即可

Dreamweaver中如何设置热区

   随后就是如下图中的一个图片插入的界面了。

Dreamweaver中如何设置热区

     点击选中图片之后我们选择底部热键工具

Dreamweaver中如何设置热区

   选择我们的一个热键的区域,这里我们选择的是图片中人物的右眼。“以正方形的形式”

Dreamweaver中如何设置热区

      随后我们将其眼部的热键区域的链接设置成为百度的一个接入口

Dreamweaver中如何设置热区

    将鼠标移至空白处然后点击保存

Dreamweaver中如何设置热区

   保存完毕之后,按键盘中的F12进入浏览区的界面中,这里我们选择图片中人物之后进行点击

Dreamweaver中如何设置热区

       随后就可以跳转到你设置的一个百度的界面中,(注意这里我们只有点击了热建中的区域后才能进行跳转)

Dreamweaver中如何设置热区

    同样的方式,这里我们用圆形设置图片人物的一个左眼

Dreamweaver中如何设置热区

   按照同样的方式,这里我们对图片区域的热键进行设置

Dreamweaver中如何设置热区

     选择另外的一个图片进行跳转

Dreamweaver中如何设置热区

    同样的是这样我们是需要设置保存期路径的

Dreamweaver中如何设置热区

  点击确定保存

Dreamweaver中如何设置热区

  设置保存完毕之后按F12进入调试,这次我们点击器左眼

Dreamweaver中如何设置热区

   随后我们就可以跳转到你所设置的那个界面了。

Dreamweaver中如何设置热区

以上就是Dreamweaver中如何设置热区方法介绍,操作很简单的,大家学会了吗?希望能对大家有所帮助!

更多精彩内容其他人还在看

VS2013 ultimate许可证已过期无法输入序列号该怎么办?

VS2013 ultimate许可证已过期无法输入序列号该怎么办?看到很多网友遇到这个问题都是直接卸载从新安装的,但是又要重新设置软件,很麻烦,今天教大家一个比较简单的方法,不需要重装软件,需要的朋友可以参考下
收藏 0 赞 0 分享

DW站点中新建文件夹和修改、删除、移动文件方法图解

下面为大家分享DW站点中新建文件夹和修改、删除、移动文件方法,教程真的很不错,很基础,适合新手来学习,推荐过来,一起来学习吧
收藏 0 赞 0 分享

Eclipse怎么快速开发jni程序?

Eclipse怎么快速开发jni程序?开开发软件的时候需要配置结合java和c++的程序开发环境,才能达到两者都支持Eclipse,下面我们就来看看详细的配置方法
收藏 0 赞 0 分享

Xmanager Enterprise 5怎么破解安装?

Xmanager Enterprise 5怎么破解安装?Xmanager5是一款浏览远端X窗口系统的工具。在工作中经常使用Xmanager来登录远端的Solaris系统,下面我们来看看Xmanager5的破解安装方法
收藏 0 赞 0 分享

MyEclipse怎么新建Servlet? MyEclipse快速创建Servlet的方法

MyEclipse怎么新建Servlet?今天我们来教大家创先项目Servlet的方法和在项目中创建Servlet的方法,下面分享MyEclipse快速创建Servlet的两种方法,需要的朋友可以参考下
收藏 0 赞 0 分享

Dreamweaver创建表格和表格的编辑方法介绍

这篇教程是向脚本之家的朋友分享Dreamweaver创建表格和表格的编辑方法,教程比较基础,适合新手来学习,推荐到脚本之家,大家一起来学习吧
收藏 0 赞 0 分享

在DW中创建层和为层里插入图像

这篇教程是向脚本之家的朋友分享在DW中创建层和为层里插入图像方法,教程很基础,适合新手来学习,推荐到脚本之家,喜欢的朋友来学习吧
收藏 0 赞 0 分享

Sublime Text怎么设置文件在新标签打开?

Sublime Text怎么设置文件在新标签打开?使用Sublime Text打开文档,总是在原来的窗口打开,覆盖了原来的文件,该怎么设置文件在新窗口打开呢?下面分享详细的设置方法,需要的朋友可以参考下
收藏 0 赞 0 分享

vs2012能编写c语言吗? VS2012编写c语言的方法

vs2012能编写c语言吗?想用Visual Studio 2012编写c语言,不知道能不能使用,今天我们来看看VS2012编写c语言的方法,下面我们来看看详细教程,需要的朋友可以参考下
收藏 0 赞 0 分享

Android studio最近任务列表该怎么清空?

Android studio最近任务列表该怎么清空?Android studio记录了很多最近打开的开项目列表,想将这个记录清空,该怎么办呢?下面我们来看看Android studio清空最近打开项目列表的方法
收藏 0 赞 0 分享
查看更多