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

所属分类: 软件教程 / 编程开发 阅读数: 608
收藏 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中如何设置热区方法介绍,操作很简单的,大家学会了吗?希望能对大家有所帮助!

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

parse_url函数解析

  描述  array parse_url ( string url )      此函数返回一个关联数组,包含现有 URL 的各种组成部分。如果缺少了其中的某一个,则不会为这个组成部分创建数组项。组成部分为:      scheme - ...
收藏 0 赞 0 分享

visualstudio2019怎么连接并使用VSTS?

visualstudio2019怎么连接并使用VSTS?visual studio 2019使用的时候,想要连接visual studio team service,该怎么操作呢?下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

vscode怎么规范代码? vscode代码格式化的教程

vscode怎么规范代码?vscode编程开发的时候,发现代码很轮,想要自动格式化代码,该怎么操作呢?下面我们就来看看vscode代码格式化的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

Sublime Text英文字母大小写怎么切换?

Sublime Text英文字母大小写怎么切换?Sublime Text中编程开发的时候,想要切换英文大小写,该怎么切换呢?下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

CodeBlocks(vc开发工具)的入门使用教程

今天起我们将加大对其他编译器学习的支持,对于训练场中的题目,我们极力建议大家以CodeBlocks作为编程工具,因为VC6的种种问题及与训练场判题系统标准的不符,导致不少新同学被坑不少
收藏 0 赞 0 分享

Sublime代码编辑器怎么重新打开编码?

Sublime代码编辑器怎么重新打开编码?Sublime代码编辑器之前变价的编码想要打开,该怎么打开呢?下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

vb怎么将年表分成四份季度表?

vb怎么将年表分成四份季度表?visual basic中的一个表想要分成多分表,该怎么实现呢?我们可以使用代码实现,下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

VB怎么编写给表格快速添加批注的代码?

VB怎么编写给表格快速添加批注的代码?想要给表格中的数据添加批注,我们可以使用vb代码来实现,下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

UltraEdit怎么修改选中文本的颜色?

UltraEdit怎么修改选中文本的颜色?UltraEdit编程开发的时候,想要修改文本的颜色,该怎么修改选中文本的颜色呢?下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

ueditor编辑器怎么修改复制粘贴文档源代码的字体?

ueditor编辑器怎么修改复制粘贴文档源代码的字体?ueditor复制来的代码想要编辑一下,该怎么设置代码字体大小呢?下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享
查看更多