Question

制作网页问题：怎样给用PS做好的文字添加超链接

我的意思是 我用PS设计好了自己喜欢的字体 保存了图片 怎样给它添加超链接？？也就是说 当鼠标点击这个字的时候可以跳到另外一个网页上去。需要详细讲解 谢谢

Answer 1

把图片用a标签包起来，就像这样的结构
<a href="你想要链接过去的网址" title="鼠标移上去提示文字" target="新页面打开方式（可有可无）">你的图片</a>
希望能帮到你
图片引用方法：

<img src="你图片的地址" alt="图片说明" width="图片长度" height="图片高度" />

追问

你好 我觉得你没有明白我的意思 比如这是我用PS做的图片 我希望我点击节目介绍这四个字它可以跳转到另外一个界面 点击最新视频也可以跳转到另外一个界面  这该怎么办呢？？

麻烦你了！

追答

首页
节目介绍
最新视频
高清美图
微博热议
幕后团队

*{margin:0; padding:0;}
#nav{width:1076px; height:46px; overflow:hidden; background:url(f.jpg) no-repeat;}
#nav ul li { float:left; height:44px; list-style:none; line-height:44px;}
#nav ul li a{display:inline-block; height:100%; width:100%;text-indent:-999999px;}
.nav1{width:90px; border:1px solid #F00; margin-left:20px;}
.nav2{width:170px; border:1px solid #F00;}
.nav3{width:170px; border:1px solid #F00;}
.nav4{width:165px; border:1px solid #F00;}
.nav5{width:160px; border:1px solid #F00;}
.nav6{width:160px; border:1px solid #F00;}

大致结构思路可以这样，细节还要你自己去试调

追问

最后弄成这样了 它在下面出现了一个红色的被划分了的表格  。。。点击图片还是没有变化 我不明白<div id="nav">是什么意思。。。
可以加下你QQ具体问一下吗 我是计算机专业的 但是不太会做 我很想学习一下怎么做网页 如果有时间的话能帮个忙吗 拜托了

追答

#nav{width:1076px; height:46px; overflow:hidden; background:url(f.jpg) no-repeat;}
把这上面的那张图片换成你的图片就行了，然后把那个边框去了就能看的最终的效果了，q2503075302

Answer 2

PS直接设计好的图片字体在网页上是不能先取的，在写代码时或者用DW编写时可以直接给这个图片添加超链接，，要是点字体进入超链接就要不能把字体在PS里做成和图片一体的了，然后字体效果什么也就必须通过JAV一累的完成了。

Answer 3

把图片用a标签包起来，就像这样的结构
<a
href="你想要链接过去的网址"
title="鼠标移上去提示文字"
target="新页面打开方式（可有可无）">你的图片</a>
希望能帮到你
图片引用方法：
<img
src="你图片的地址"
alt="图片说明"
width="图片长度"
height="图片高度"
/>