DW基础_图文_百度文库
两大类热门资源免费畅读
续费一年阅读会员，立省24元！
评价文档：
上传于||暂无简介
大小：2.11MB
登录百度文库，专享文档复制特权，财富值每天免费拿！
你可能喜欢在Dreamweaver8中如何让一个页-中国学网-中国IT综合门户网站
> 信息中心 >
在Dreamweaver8中如何让一个页
来源：互联网 发表时间： 0:04:33 责任编辑：李志喜字体：
为了帮助网友解决“在Dreamweaver8中如何让一个页”相关的问题，中国学网通过互联网对“在Dreamweaver8中如何让一个页”相关的解决方案进行了整理,用户详细问题包括:在此感谢。;椭圆垫&）定义的CSS放在哪个地方;25&quot，现在做下面的链接时，鼠标变换颜色还是一样的，我在首页的导航上用了Dreamweaver8中的页面属性来达到了我要的链接效果;STYLE23&quot，所以请你能越详细越好，CSS代码是什么，所以简单越好;td height=&td&gt，越简单越好，加分。 比如我要把这段文字加上链接的效果，每一行代码请说明下有什么作用我要的效果是一个页面有多个链接颜色，我不想浪费你宝贵的时间，鼠标经过和下划线等，请谅解，定义了用什么来调用，我知道要用CSS来定义。。; class=&quot。回答满意者，放在哪个地方，链接的颜色为黑色;&#47。，我要做很多这种字体链接效果，好了，请说明。;middle&quot，怎么调用CSS，本人对CSS这方面还是新手; align=&quot，请问怎么定义;center&&gt，我要换一种颜色，鼠标点击上去变换颜色的效果，请看明白了再回答，怎么做（ & valign=&quot。，但看了那么多都不明白，具体解决方案如下：解决方案1：
椭圆垫&COLOR; &lt:18COLOR;br& target=&quot:18/&#47:link{text-decoration:hover{font-COLOR: #TEXT-DECORATION; target=&quot:active{font-size:visited{font-} 无下划线a href=&a&} ;div class=&TABLE border=&_blank&quot: && &lt:12调用link1 &lt:#ff0000} 那么网页上所有链接的颜色都是:active{font-size.link1 A:TEXT-DECORATION;TEXT-DECORATION: none:&gt:link 超链接的普通样式 a: target=&quot: green:12#&TEXT-DECORATION;div&TEXT-DECORATION;div class=& &lt: &/a href=&_blank&320&quot:hover{font-size。 先看一下常用设置，我们要为不同效果的那个链接专门定义一个css规则;椭圆垫&COLOR;#&quot: none: blue: underline :24px: #000000;TABLE&gt:_blank&&} 有下划线 为了实现不同链接不同效果;COLOR： 我们常规css是这样的;#&quot:12&COLOR;/&COLOR;TEXT-DECORATION;} .link1 A:a&gt: none:link{color: green:link{font-a&COLOR: &文字&lt:&gt:#&quot:180& &} ;} ;style&gt: underline : underline ： a:visited 点击过的 a:hover{font-/文字& width=&COLOR;/TD&gt:link{text-br&} td A，也就是你怎么调用它:active{font- '&调用link2 &&gt.link2 A;TR& &COLOR;link1&quot:link{font-TEXT-DECORATION;link2&quot:active{font-} td A;/} td A;a&gt:12TEXT-DECORATION;&TR&div&gt.link1 A: #222222: &lt:link1&这class就是已定义好的调用的CSS & A;a href=&quot:visited{font-size：#ff0000.link2 A; target=&} A;} ; &#39: red:&TEXT-DECORATION;} &br&&style&&TEXT-DECORATION; &COLOR: &椭圆垫&lt:active 单击时COLOR:/COLOR; 举个例;} A;_blank&&#47: green:12&br&gt:link{font-size: #222222: #222222;a&TEXT-DECORATION:hover{font-size:link{font-TEXT-DECORATION:12网址&} td A。 在要改变颜色的链接前加上css定义;} A;TEXT-DECORATION.link2 A;TEXT-DECORATION:12_blank&quot.link1 A;} 采用css样式实现这个效果比较简单;TEXT-DECORATION;TEXT-DECORATION;COLOR; &#39: &lt:&#47.link2 A:18&#47:12px:18px。 比如: #222222; target=&} ;COLOR:visited{font-size:18px:visited{font-TD class=& &lt:a href=&COLOR;} ：a href=&quot: #222222:hover 鼠标经过时的 a
解决方案2：
href=&stylesheet&a&td&middle&a href=&screen&text-#&&gt： & media=&25& class=&link rel=& type=& } ;&lt： HTML里如此写的话 在HEAD里加入这行; text- align=&quot&lt.css 内容如下:/ 建立CSS文件如;&&gt： STYLE23 a { class=&center&quot:#STYLE23&/&#47:hover {椭圆垫&lt:#000;text&#47.STYLE23css&quot:&CSS文件地址&a1& valign=&td height=&quot
3个回答1个回答5个回答1个回答2个回答2个回答3个回答3个回答4个回答1个回答1个回答1个回答1个回答1个回答1个回答1个回答1个回答1个回答1个回答
相关文章：
最新添加资讯
24小时热门资讯
Copyright © 2004- All Rights Reserved. 中国学网 版权所有
京ICP备号-1 京公网安备02号用DW在2张图片上加了多个热区链接,为什么2张图片同时放进一个页面里，有一个图片的热区链接就不对了_百度知道
用DW在2张图片上加了多个热区链接,为什么2张图片同时放进一个页面里，有一个图片的热区链接就不对了
果是分开两个页面的话，两个图片上的所有链接热区都没有问题。有的好心人说检查两个图片的热区id是否冲突，请问这个热区ID在哪设置呀。我编上编码后还是不行，请问高手该怎么处理？右侧工具栏有个标签，我点击后里面有有常规和CSS辅助功能，里面有ID
提问者采纳
导致只能有一个超链接可以执行热点在创建的时候是在图片上绘制了一个超链接区域；或者是usemap的指向重复了，如果两张图片的区域有重叠的话也会出现问题的
其他类似问题
27人觉得有用
为您推荐：
热区的相关知识
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁使用DW在网页中建立各种超级链接_图文_百度文库
两大类热门资源免费畅读
续费一年阅读会员，立省24元！
评价文档：
使用DW在网页中建立各种超级链接
上传于||暂无简介
大小：1.24MB
登录百度文库，专享文档复制特权，财富值每天免费拿！
你可能喜欢在图片上添加热点区域 -
- ITeye技术网站
图象地图分为: 客户端图象地图,服务器端图象地图.但是现在服务器端图象地图已经被前者给淘汰了.什么是图象地图?把一幅图象分成多个区域,每个区域指向不同的URL.例如:把一幅中国地图的图象按照省份划成若干区域,这些区域被称为热点区域,点击热点区域就可以链接到相关的地方,这就是图象地图.
知道了概念,那怎么样产生图象地图呢?1& 必须定义出图象上个热点区域的形状,位置坐标,及指向的URL地址信息,这个过程叫图象热点映射.图象热点映射需要使用&map nam
e=mapname&&/map&标签进行说明.其中name属性为该图象热点映射指定了一个名称.2& 图象热点映射中的各个区域用&are&标签说明,&area&标签的格式为: &area sharp="形状" coords="坐标" href=url&,也可以
nohref替换href,表示该区域单击鼠标无效.&area&标签还可以有个target属性,用来指名浏览器哪个窗口或侦中显示href属性所
指向的资源.3& 定义好图象热点后,接着就要在&img&图象标签中增加一个名为usemap的属性设置,usemap属性指定该图形被用做图象地图,其设置
值为所使用的图象热点名称.eg:&img src="logo.gif" border="0" usemap="#mymap"&&map name=mymap&&area shape="rect" coords="0,0,50,50" href="a.html"&&area shape="rect" coords="50,0,100,50" href="b.html"&&area shape="rect" coords="100,0,150,50" href="c.html"&&/map&sharp属性的设置说明:.rect 定义一个矩形区域,coords属性设置为矩形的左上角,右下角的坐标,各个坐标之间用逗号隔开..poly 定义一个多边形区域,coords属性设置为多边形个顶点的坐标值..circle 定义了一个圆形区域,coords属性设置为圆心坐标及半径,前两个参数分别为圆心的横,纵坐标,第三个参数为半径.eg:&map name="mymap"&&area sharp="rect" href="a.html" coords="140,20,280,60"&&area sharp="poly" href="b.html" coords="80,100,60"&&area sharp="circle" href="c.html" coords="100,100,180,80,200,140"&&/map&摘自：
热点图像区域的链接
所谓图像热点区域，就是指一个图像中的某一区域，那么热点图像区域的链接，自然就是使用这个区域作为超链接，就好像在一张地图上，以其中某一区域作为超链接。所以，在代码中也用到一个形象的标签--&map&标签。&map&标签下，嵌入使用&area&标签表明某一区域，其中有3个属性值来确定这个区域，分别是shape属性、coords属性和href属性。
shape属性：用来确定选区的形状，分别是rect（矩形）、circle（圆形）和poly（多边形）。
coords属性：用来控制形状的位置，通过坐标来找到这个位置。一般来说，在实际操作中，设计者都会选择借助可视化的编辑页面的软件来实现这一功能，这就省却了花费很多心思在图像上测算具体的坐标值。
href属性：就是超链接。
所以，将这些属性运用在一起，这种方法的具体代码如下：
shape="…" coords="…" href="…"
这里介绍一种借助Dreamweaver软件来制作热点图像链接的实例。Dreamweaver的工作界面如图6.13所示。
Dreamweaver中制作热点区域
在Dreamweaver标准工作界面中，上部分是代码区，可以在这里写代码，中间是预览页面的地方，最下面是修改一些属性值的面板，右侧是一系列不同的工作面板。在这里并不需要使用到。当使用代码在页面中置入图像以后，在图6.13中的左下角单击线框中的图形按钮，Dreamweaver中便直观地表示了不同形状热点区域的图标。选中后，在预览页面区域中的图像上绘制需要的形状并放置在需要的位置。设置好以后，代码区域会自动生成&map&标签，这里要修改两个属性。这时在代码区域中可以看到如下代码：
01 src=图片/向左向右.jpg / usemap="#Map"
shape="circle" coords="303,265,86" href="#"
在这个默认的代码中，第2行中id属性下为Map，这个名字可以自行去定义。注意在第1行中，引用了这个命名为Map的热点区域链接。而在第3行的&area&标签中，shape和coords属性已经自动生成。在这个例子中，表示为圆形的选区，位置定义在"303，265"的坐标位置上，尾数86代表的是这个圆的半径值，这个数值控制圆面积的大小。完整的页面源码如程序6.12所示。
【本节示例参考：资料光盘\第6章\6-12
借助Dreamweaver软件来制作热点图像链接.html】
【实例6-12】借助Dreamweaver软件来制作热点图像链接，其源码展示如下：
借助Dreamweaver软件来制作热点图像链接.html
借助Dreamweaver软件来制作热点图像链接
src=图片/向左向右.jpg border="0" / usemap=#Map
name="Map"
shape="circle" coords=
"305,266,43" href="后退.html"
shape="rect" coords="
246,105,298,135" href="后退.html"
shape="rect" coords="
264,44,293,74" href="后退.html"
shape="rect" coords="
243,16,260,51" href="后退.html"
shape="rect" coords="
23,40,59,74" href="后退.html"
shape="rect" coords="
13,98,59,120" href="后退.html"
shape="rect" coords="
40,132,78,162" href="后退.html"
【运行程序】这个页面在浏览器中的结果如图6.14所示。
浏览: 19896 次
来自: 大连
小酷龙太牛叉了