导航:首页 > 万维百科 > 网页设计map代码解释

网页设计map代码解释

发布时间:2020-10-30 19:28:26

1、html语言制作网页时,要进行图片的部分链接时需要知道图片的坐标,怎么确定其坐标?答案不能是多试几次。

使用dw里面的图片热点功能,你想再哪链接都行,必须先点击图片,才会有的。

2、什么是图像地图?在dreamweaver cs6网页制作中起到的具体作用

一般是在设置热区图时用到map,为的是各个热图对应自己的map名才不会发生冲突。

3、怎么样查看网站的网站地图制作了没有?

1、网站地图一般有2种,一种是提交给搜索引擎的地图,如sitemap.xml、robot.txt,搜索引擎方便爬行网站,收版录网权站;另一种是站内地图如map.asp,map.html等,用户可以方便进入各级栏目查看内容。
2、查看网站地图,可以通过源文件查看代码里有没有形如xml格式的文件路径。不过这个方法不准确,因为我们不知道网站制作人员起的地图文件的具体名称。

4、如何在制作的网页中加入google地图?

把以下代码贴到你的页面里:

<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=set_to_true_or_false"></script>
<script type="text/javascript">
function initialize() {
var latlng = new google.maps.LatLng(-34.397, 150.644);
var myOptions = {
zoom: 8,
center: latlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
}

</script>

<body onload="initialize()">
<div id="map_canvas" style="width:100%; height:100%"></div>
</body>

5、Dreamweaver8.0设计网页如何插入百度地图

你好 百度提供了 嵌入工具
http://api.map.baidu.com/lbsapi/creatmap/
打开网址 找到你要定位的位置 最后获取内代码
将代码 放入你容网页的DIV中就可以了

6、在网页制作中如何建立热点

其实这个功能主要是用在地图的制作上啊!

你见过“联想”机器上联想公司赠送的“我的办公室”软件的界面吗?在那幅办公室的图片上用鼠标点一下办公桌上的键盘,就启动一个“五笔字型”打字练习软件,点一下办公桌上的记事本就打开一个记事本软件,如此等等,即形象又方便。这种效果的实质是把一幅图片划分为不同的作用区域,再让不同的区域链接到做不同事情的软件上去,在HTML中也有一个具有把图片划分成多个作用区域,并链接到不同网页的标记,那就是 <area>地图作用区域标记。

<area>标记主要用于图像地图,通过该标记可以在图像地图中设定作用区域(又称为热点),这样当用户的鼠标移到指定的作用区域点击时,会自动链接到预先设定好的页面。其基本语法结构如下:

<area
class=type
id=Value
href=url
alt=text
shape=area-shape
coods=value>

其中。class和id:是分别指定热点的类型和id号。

alt:用于设定热点的替代性文字。

href:用于设定该热点所链接的url地址。

shape和coords:是两个主要的参数,用于设定热点的形状和大小。其基本用法如下:

<area shape="rect" coords="x1, y1,x2,y2" href=url>表示设定热点的形状为矩形,左上角顶点坐标为(X1,y1),右下角顶点坐标为(X2,y2)。

<area shape="circle" coords="x1, y1,r" href=url>表示设定热点的形状为圆形,圆心坐标为(X1,y1),半径为r。

<area shape="poligon" coords="x1, y1,x2,y2 ......" href=url>表示设定热点的形状为多边形,各顶点坐标依次为(X1,y1)、(X2,y2)、(x3,y3) ......。

<area>标记是在图像地图中划分作用区域的,因此其划分的作用区域必须在图像地图的区域内,所以在用 <area> 标记划分区域前必须用HTML的另一个标记<map>来设定图像地图的作用区域,并为指定的图像地图设定名称,该标记的用法很简单,即<map name="图像地图名称"> ...... </map>。

下面通过一个例子来说明这两个标记的用法:

这里是一幅新书架的图片,要做的效果是:当鼠标点“网址大全”这本书时,新开一窗口,显示关于这本书的简介及订单的网页(urlall.htm);当鼠标点“网站设计攻略”这本书时,新开一窗口,显示关于这本书的简介及订单的网页(siteall.htm);当鼠标点“网页技巧大全”这本书时,新开一窗口,显示关于这本书的简介及订单的网页(pagejqlall.htm)。制作方法:

1、插入图片,并设置好图像的有关参数,且在<img>标记中设置参数usemap="newbook" ismap,以表示对图像地图(newbook)的引用;

2、用<map>标记设定图像地图的作用区域,并取名为:newbook;

3、分别用<area>标记针对三本书的位置划分出三个矩形作用区域,并设定好其链接参数href。

制作完成,本例的源代码如下:

<img src="http://www.webjx.com/images/logo.gif" width="207" height="148" alt="新书架" hspace="10" align="left" usemap="#newbook" border="0">
<map name="newbook">
<area shape="rect" coords="56,69,78,139" href="urlall.htm" target="_blank" alt="这里收集十万多个网址。" title="这里收集十万多个网址。">
<area shape="rect" coords="82,70,103,136" href="siteall.htm" target="_blank" alt="网站设计师的启蒙读本。" title="网站设计师的启蒙读本。">
<area shape="rect" coords="106,68,128,136" href="pageall.htm" target="_blank" alt="网页制作者不可不读的书。" title="网页制作者不可不读的书。">
</map>

在制作本文介绍的效果时应注意的几点:

1、在<img>标记不要忘记设置usemap、ismap参数,且usemap的参数值必须与<map>标记中的name参数值相同,也就是说,“图像地图名称”要一致;

2、同一“图像地图”中的所有热点区域都要在图像地图的范围内,即所有<area>标记均要在<map>与</map>之间;

3、在<area>标记中的 cords 参数设定的坐标格式要与shape参数设定的作用区域形状配套,避免出现在shape参数设置的矩形作用区域,而在cords 中设置的却是多边形区域顶点坐标的现象出现。

7、如何利用Site Map Builder工具来制作网站地图

第一种方法:在线制作小型的网站地图(数量少的话建议此种方法,快捷,简便内):如果你的容网站的网页数量少于个,你可以使用在线的网站地图制作工具:网络一下网站地图在线制作工具,有很多网站的,打开这个网站,输入目标网址,然后点击开始,几分钟后,这个在线工具就会给你制作出XML、html、txt三种不同格式的网站地图,下载你所需要的即可。、使用工具制作中型网站地图(适合大,中型网站):有很多工具可以制作网站地图。这里推荐一款比较好用的免费的网站地图制作软件:SiteMapBuilder,可以去网络安装下载,安装好了,就可以开始制作网站地图了。虽然这款软件是英文界面,但操作非常简单,打开软件后,输入目标网址,点击按钮“ExtractLinks”,软件就开始分析目标网站的所有链接,分析结束之后,点击File>>Savemapas>.>选择要保持的网站地图格式,然后保存就OK了。

8、求一个具体讲解如何作魔兽地图的网站

只推荐2个地方
地精研究院——国内最权威的WE组织
http://bbs.islga.org/
多翻翻那里的老帖对你学习WE有很大的帮助版

再给你一个自学权WE的网站(超详细的自学教材,可惜是繁体)
流连忘返的wiki(流连忘返是台湾的大型WE组织)
http://www.wasabistudio.ca/wikis/we/
流连的Wiki里有各种we技术的讲解,十分详细(自学推荐!)

与网页设计map代码解释相关的知识