首页 > 代码库 > 2、网页制作Dreamweaver(图片热点、frameset框架)

2、网页制作Dreamweaver(图片热点、frameset框架)

图片热点

1、方法:

<img  usemap="名字">

<map name="名字">

<area shape="rect" coords="170,170,260,260" href="http://www.baidu.com" />

</map>

2、解释

rec:矩形 circle:圆形 poly:多边形

coords坐标

 

框架frameset

将多种网页拼接为一个网页

 

1、  写法:

(1)去掉body

(2)<frameset rows="100,*",cols=”100,*” border="1">

<frame src="http://www.mamicode.com/图片热点.html"scrolling="no"/>

<frame src="http://www.mamicode.com/firsthtm.html" />

</frameset><noframes></noframes>

 

2、解释:

rows(cols):里面的像素写几遍有几行(列)

rows=”100,*”100表示第一行宽度,*代表第二行长度不限制(适配),可以改大小

红色文字代表插入的页面,scrolling为滚动条,”no”为没有滚动条

点击设计后如果遇到不能进入frameset编码的情况,点设计中的框架

 

3、嵌入进一个其他页面

<iframe  src=http://www.mamicode.com/”页面地址”width=”200”,height=”100”,border=”1”/></iframe>

注:这个是在有body的情况下,不能用framese

2、网页制作Dreamweaver(图片热点、frameset框架)