网页设计中怎样使图片超链接

1、Dreamweaver如何进行图片局部超链接？

请参照以下步骤在Dreamweaver软件中对图片局部设置超链接。

1、首先在电脑上安装并启动dreamweaver软件，然后点击“HTML”选项。

2、然后在出现的界面中，点击“设计”选项进入设计视图。

3、然后在菜单选项“插入”的下拉菜单中，点击“图像”选项。

4、然后选择需要局部设置超链接的图片导入，切换到拆分视图，鼠标点击图片，选中。此时，会在下面属性看到图像热点区的三种工具。

5、根据需要这里点击第一个图标（矩形热点工具），此时会看到鼠标变成一个十字形。

6、在需要设置超链接的区域进行框选，选中完成之后，在下面属性链接处输入链接地址。

7、按下ctrl+s保存文件，按下F12进行测试。此时可以看到刚才框选的矩形区域已经变成了可以点击的超链接形式了。最后将dreamweaver里面代码粘贴到网站html文件的适当位置即可。

2、怎样在网页建立一个图片超链接

1、建立同一网页内的链接
在网页的某个位置插入书签使用书签超链接，这样不但可以在同一网页内建立链接关系，还可以从一个网页的某一位置链接到同一站点内另一个网页的任意一个书签位置。在制作网页时，通过较好地组织书签链接，浏览者无需使用滚动条或翻页键即可实现站点内各网页位置的任意跳转。要在链接目标位置上插入“书签”。选择“插入”→“书签”，然后再为需要链接的对象创建“书签超链接”。
2、建立两相已有页面间的超链接
如果要链接到自己在电脑里做的某个网页，就单击上图窗口中URL后第二个“链接到本地计算机文件”按钮，再点“确定”就可以了。
3、建立链接到Internet上的超链接
在上图创建超链接对话框的URL下拉列表框中，输入网页文件的位置及名称或输入要链接的站点的地址，如 http://www.sina.com.cn/，点击超链接，浏览者就可以从一个网页转到另一个网页，从一个站点转到转到其它的站点。
4、建立E-mail超链接
可在上图中，选择E-mail链接，在弹出的E-mail窗口中输入电子邮件地址，如[email protected]或在URL下拉列表框中输入mailto:[email protected],单击超链接则会自动打开缺省的电子邮件程序转写新邮件（Frontpage默认用Outlook）。学生浏览了网页后，可以发送电子邮件与教师进行交流了。
5、建立一指向新页的链接
在上图超链接窗口中选择最后一个按钮，新建一个页面并保存，此超链接就指向这一页面。
其他超链接形式：（扩展知识）
1、超链接到多媒体文件。（1）在Frontpage中超链接目标的多媒体文件可以是图片、声音、视频、动画。当超链接到图片时，浏览者单击超链接，在屏幕上会出现单独的这幅图片，使用这样的超链接可以减少网页文件的大小。如果所制作的课件中有许多的图片，将这些图片大小不变地放入到网页文件中，会导致网页文件过大，影响整个网页的下载速度。笔者在制作时将这些图像放在网页中，每一幅缩微图都超链接到原来的图片文件，浏览者点击超链接就可以打开整幅图片，看到该图像的原来样子。（2）在网页中使用声音、视频多媒体文件可以通过三种方法实现即直接插入（声音用设置背景音乐的方法）、使用插件在网页中嵌入和超链接到多媒体文件。<1>当插入视频文件时，视频文件的第一帧会像普通图像一样显示在网页中，用户可以设置和控制视频文件的播放方式。使用插件嵌入声音或视频文件，在网页中会显示一组控件，表示这里有视频或声音文件。<2>在页面上嵌入音频文件，用户可以通过音频控件控制它的播放和停止，而且不必下载声音文件或使用外部播放软件。在页面上其嵌入音频文件的方法一般适用于在网页中需要播放的声音和音乐较多、使用音乐较频繁的情况。<3>第三种方式是通过超链接到声音、视频文件，点击超链接时，音频、视频文件必须完全下载到用户端计算机的临时文件中才能用相应的播放软件看或听这个文件。使用超链接到多媒体文件有一个优点就是多媒体文件与普通网页元素相互独立，设计时不必考虑它在网页中的布局是否协调、匹配。其缺点是超链接的多媒体与其它页面元素不能融为一体，并且需要较多的下载时间。由于多媒体文件会占用较多的带宽和磁盘空间，所以网页上所用的多媒体文件要经过精心的制作和选择，要短小精悍。一般嵌入式多媒体文件的大小应控制在100KB以内，超链接的声音文件需小于或等于20KB。
2、超链接到Office文档。Frontpage的超链接可以指向Office文档。当超链接的地址指向一个Word文档或Excel文档时，点击超链接可以打开Word或Excel窗口进入该文档的编辑状态，并可以进行编辑、存盘等操作。这就为制作 Word\Excel内容的教学网页课件提供了方便。在制作课件时，一方面用Forntpage设计制作有关Word、Excel的教学内容、教学要点的网页，另一方面利用超链接指向具体的文档，学生通过超链接进入编辑状态，可以边看教学网页中的设计要求边进行设计制作或练习Word、Excel的基本操作，这样就把教、学、练有机地结合了起来。
3、如果把Frontpage的超链接指向一个PowerPoint演示文稿，浏览者点击超链接将直接进入到该文稿的放映状态；要结束文稿的放映，只要点击浏览器窗口中的后退按钮或键盘上的退格键，就会返回到超链接源所在的那个网页。
4、如果要在网页中设计制作能控制的背景音乐，就比较困难。在Frontpage中把音乐作为背景音乐嵌入到网页中，音乐的播放、停止都无法控制，而且还会影响网络的传输速率，所以一般网页中均不加背景音乐。这个问题在PowerPoint中很容易解决。PowerPoint 自带的媒体播放机支持许多格式声音文件的播放。如果要给某一页面配乐，只需在该页面上插入声音文件按钮。放映时点击按钮就能播放声音。因此，在制作网页课件时将Frontpage与PowerPoint结合起来，把需要丰富动画效果或需要配音的页面用PowerPoint来设计制作，在 Frontpage中超链接到该演示文稿，浏览时点击超链接直接反映该文稿，网页效果与演示效果就可以有机地结合起来，最终使课件产生非常生动的教学效果。
5、超链接到其它应用程序 。Frontpage还可以将超链接指向一个应用程序。当Frontpage超链接到如Authorware.exe或Flash.exe等应用程序时，在浏览器中点击超链接，会出现文件下载的对话框。这时只要选中“在当前位置打开”，就会打开相应的应用程序窗口。这样的网页课件既适用于辅助教师的课堂教学，也适用于学生自学。

3、网页制作中需要加超链接应该怎样做

网页制作中需要加超链接要使用<a>标签。

在HTML中标签<a></a> 或者大写字母A 。其中的a（或者 A） 是 anchor 的缩写 。anchor ['&aelig;ŋkə] 基本解释是.：锚, 铁锚 的。

这些标签的作用是标明超连接的起始位置或目的位置。

<a> 标签可定义锚。锚 (anchor) 有两种用法：

通过使用 href 属性，创建指向另外一个文档的链接（或超链接）通过使用 name 或 id 属性，创建一个文档内部的书签（也就是说，可以创建指向文档片段的链接）<a> 元素最重要的属性是 href 属性，它指定链接的目标。

在所有浏览器中，链接的默认外观是：

未被访问的链接带有下划线而且是蓝色的已被访问的链接带有下划线而且是紫色的活动链接带有下划线而且是红色的

示例：

1. <a href="#">关键词</a>

2. <a name="a00">关键词</a>

(3)网页设计中怎样使图片超链接扩展资料

html中a标签的属性介绍：

a标签实例：

HTML 文档内部的已命名的锚：

<a name="tips">Useful Tips Section</a>然后，我们创建指向相同文档中“有用的提示”部分的链接：

<a href="#tips">Visit the Useful Tips Section</a>或者，创建从另一个页面指向该文档中“有用的提示”部分的链接：

<a href="url/#tips">Visit the Useful Tips Section</a>在上面的代码中，我们将 # 符号和锚名称添加到 URL 的末端，就可以直接链接到 tips 这个命名锚了。

4、dreamweaver如何实现 让图片的某个部位有超链接

如何在网站的某一位置。加上文字链接。 在图片上你要加链接的地方加如果还有什么不明白的HI咨询！ 或者添加热点连接。或者把图片作为网页的,otrRTp

5、如何在网页设计html里将图片超链接拍成下图的样子？

这个你可以使用Position：absolute，绝对定位来做，通过你的top 和left来做

6、请问如何给在网页中的滚动图片加超链接

您好，局部代码如下：

<a href="链接"><img src="图片路径" /><div class="样式"></div></a>

7、在制作网页中怎样把图片进行超链接？

frontpage 里面
鼠标右键选中图片
右键菜单里面选择超链接
然后在弹出菜单进行编辑

8、制作网页时如何使超链接换一个图片

首先你要知道一个图片超链接是什么样的代码：
<a href="#"><img src="A.jpg" /></a>
这里 #代表你的超链接地址 A.jpg是超链接显示的图片。

上面理解了，那么只要我们在鼠标移动到图片上以及鼠标移开时将A.jpg进行变换就可以了：
<a href="#"><img src="A.jpg" onMouseOver="this.src='B.jpg'" onMouseOut="this.src='A.jpg'" /></a>
其中 onMouseOver="this.src='B.jpg'" 意思是当鼠标移动到这里的时候将图片资源换成B.jpg
onMouseOut="this.src='A.jpg'" 意思是当鼠标移开时换回A.jpg
————————————————————————————
这是最简单的轮换方式，也很容易理解，但是兼容性不是很好。
还有很多种实现方式如用css或更严谨的JS来写都是可以的，你如果持续学习下去以后会学习到的。