怎么把图片做成网页链接 图片链接怎么制作

制作图片链接，可以通过网页制作，只需要输入链接，就可以直接看到图片。下面就教大家如何制作图片链接。

01

首先打开QQ，然后在界面的最上方找到QQ空间的图标，点击进入QQ空间。

02

进入空间后，在页面上方的选项栏里找到“相册，”点击进入“相册”。

03

进入相册后，点击“上传照片/视频”。

04

点击“选择视频和照片”，在自己的电脑中选择需要做链接的图片。

05

待照片上传完成后，就会出现如图所示的画面，点击下面的“开始上传”。

06

回到相册界面，点击相册旁边的“照片”，就会看到刚才上传的照片。

07

鼠标停留在图片上，点击右键，选择“复制图片地址”。

08

这时候粘贴板上已经有图片的链接了，只需要在浏览器里面粘贴就可以看到图片的链接。

1在电脑端安装好一款打代码的软件，不管是DW了还是HBuilder等软件了，安装好软件新建一个Html文件，然后在body中先建立一个div，在div中插入图片，将一张图片以代码的形式置入

2

/8

将图片直接放入后，在网页中打开预览图看到的就是整张完整图片，如图之前选择的图片太大，那么现在打开的网页中就可以满屏的图片，所以接下来我们就要对图片进行设置下

3

/8

在head中建立css样式，然后对div设置宽度以及位置设置，就是width以及margin的设置

4

/8

对div设置了边框边缘设置后，然后对其中的图片进行宽度的100%设置，高度不用管，自动变化即可

5

/8

然后我们在浏览器预览中就可以看到如图所示的样子了，

6

/8

将图片设置好了后，就需要对齐添加链接符了，链接是a标签 ，然后将a标签添加到图片外面，如图所示；然后在href链接地点中输入一个网址，注意前面要填写完整https://

7

/8

对图片添加好了链接后，在网页中，当鼠标经过图片时就会发现鼠标变成抓手状态了，表示可以点击，这时候再点击图片就会在当前网页中打开；如果想要在新页面中打开，只需要在a标签中输入target=_blank 中即可(_blank用英文双引号括起来)

8

/8

如图，点击图片链接后，图片就会在新的界面中打开，不影响之前打开的网页。

一、在DreamweaverMX中为图片建立热区

1、启动DreamweaverMX（其他版本请仿照 *** 作），打开需要建立图片热区的网页文件，选中相应的图片，此时“属性”面板自动切换到“图片属性”状态（如图1）。

2、选中一种热区类型（如“椭圆”），然后在图片上拖来出一个热区来（参见图1）

注意：热区相当于是在图片上增加了一个图形层，象调整图片一样，可以通过鼠标调整热区的大小和位置。

3、在“链接”右边的方框中输入要链接的网址（如“”）；在“替代”后面的方框中输入一些说明字符（如“天极网”）；按“目标”右边的下拉按钮，在随后出现的下拉列表中选择一种链接页面的打开方式（如需要让链接的页面在新窗口中打开，就选择“_blank”选项）。

注意：“替代”方框中输入的字符，在以后浏览网页时，当鼠标指向该热区时，在页面上会显示出该字符（如图2）。

4、重复上述2、3步的 *** 作，在图片的不同部位建立多个热区。

在FrontPage2003中为图片建立热区

1、启动FrontPage2003，打开需要建立图片热区的网页文件。

2、执行“视图→工具栏→图片”命令，展开“图片”工具栏

3、选中一种热区类型（如“长方形”），然后在图片上拖来出一个热区，此时系统自动d出“插入超链接”对话框

4、在“地址”栏上输入要链接的网址点击“屏幕提示”按钮打开“设置屏幕超链接提示”对话框，输入一些说明字符

注意：此处的“屏幕提示”同DreamweaverMX“替代”功能一样。

4、同理，重复上述3、4步的 *** 作，可以在图片的不同部位建立多个热区。

使用frontpage或dreamwever，使用图片热点工具就ok了，你使dreamwever的话，选中图片，在工具栏就会出现热点的几个图形，方形，圆形任你选。dreamwever使用图片热点工具就ok了,位置在软件的左下角，选中图片方形，圆形多边形让你选择，在需要的位置画出你要的区域然后添加上链接就好了，跟链接网页一样。

---