网页前端技术-电子教案-王敏杰模块一任务四.pptVIP

语法： map name=mymap 　　 area href=URL1 shape=rect coords=x1,y1,x2,y2 　　 area href=URL2 shape=circle coords=x,y,r 　　 area href=URL3 shape=poly coords=x1,y1,x2,y2,...,xn,yn 　　 /map 　　 img src=image_URL usemap=#mymap img src=images/mingren1.jpg border=0 usemap=#planetmap alt=Planets / map name=planetmap id=planetmap area shape=circle coords=180,139,14 href =1.html alt=Venus / area shape=circle coords=129,161,10 href =mercur.html alt=Mercury / area shape=rect coords=0,0,110,260 href =1.html alt=Sun / /map 二 导航条 网页中用于方便用户进行页面之间的跳转，所设计的导航部分，对网页有提纲作用，使读者进入其他页面。节省访问时间，提高浏览效率。 html head style type=text/css #nav li { float:left; margin:2px;间距2PX } #nav li a{ color:#000000;字体黑色 text-decoration:none;对文本设置某种效果 padding-top:4px;设置元素上内边距的宽度 display:block; width:100px;宽100像素 height:30px;高30像素 text-align:center; background-color:#DFEBF7;背景颜色蓝色 font-size:24px;字体24像素 } #nav li a:hover{鼠标移动到按钮的状态 background-color: #A8BC1F;背景颜色 color:#FFFFFF;字体颜色 font-size:24px;字体大小} /style /head ul id=nav lia href=#首页/a/li lia href=#公司理念/a/li lia href=#公司简介/a/li lia href=#董事简介/a/li lia href=#生产部门/a/li lia href=#产品展示/a/li lia href=#你的需求/a/li lia href=#联系我们/a/li /ul body /body /html 显示效果 * 说明：这里我们点击“参见第六章”的时候，如果当前的网页上可以直接看见这个内容，网页不会动，如果当前网页看不见，那么网页就会直接打开到你能看到这段内容为止。 上网查询资料的时候，一般都是输入关键字，然后会链接到相关的网址，网站。 * * URL即统一资源定位器，也就是网络地址，是在Internet上用来描述信息资源，并将Internet提供的服务统一编址的系统。简单来说，通常在IE浏览器或Netscape浏览器中输入的网址就是URL的一种。 * 注意：map标记符中，name属性的取值必须与img标记符中，usemap属性的取值相同，只是usemap属性的值前面多了一个# 。 * 尚辅网 / HTML 任务四 如何实现页面的跳转 案例分解 案例资讯 用文字来进行超链接 用图像制作导航条 内部链接 外部链接 脚本链接 空链接 锚点连接 图像映射 教学目的：了解什么是超链接 掌握背景音乐的设置方法 掌握插入动态影像文件的方法 掌握滚动相册的设置方法 教学重点：掌握背景音乐的设置方法 掌握插入动态影像文件的方法 掌握滚动相册的设置方法 教学难点：掌握背景音乐的设置方法 掌握插入动态影像文件的方法 掌握滚动相册的设置方法 案