网页中创建超链接 课件.ppt

《网页中创建超链接 课件.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、创建超链接授课人：吴文杰授课班级：11网络二班相关知识超级链接的分类根据链接对象的不同分为：文本链接、图像链接、图像热点链接、锚点链接、E-mail链接、空链接及脚本链接等几种形式。任务一：文本超链接【任务分析】链接源为文本链接路径是相对路径练一练：请用不同方法为幽幽个人网站首页中的“作品展示”、“家乡山水”、“风景介绍”添加超链接，链接到“zuopin.html”、“jiaxiang.html”、“fengjing.html”。知识小拓展修改超链接的颜色，并设置鼠标指向链接文本时始终不显示下划线。链接颜色链接颜色

2、未访问过的#ccff00活动链接#ff00ff访问过的#66ffff鼠标经过时#ff0000任务总结：文本超链接方法一：在属性对话框的“链接”文本框中输入要链接对象的路径和名称。方法二：拖动“链接”文本框后面的“指向文件”图标至“文件”面板中被链接的对象上。方法三：单击“链接”文本框后面“浏览文件”按钮，在弹出的“选择文件”对话框中选择要链接的对象。相关知识“目标”选项-blank：在新的浏览器窗口中打开链接。-self：在当前窗口中打开链接对象。（默认选项）任务二添加图像超链接【任务分析】数据源为图像练一练：尝试

3、用不同的方法对“zuopin.html”中的“w1.gif”、“f1.gif”、“d1.gif”设置超链接，并在新的浏览器窗口打开。任务小结方法一：在属性对话框的“链接”文本框中输入要链接对象的路径和名称。方法二：拖动“链接”文本框后面的“指向文件”图标至“文件”面板中被链接的对象上。方法三：单击“链接”文本框后面“浏览文件”按钮，在弹出的“选择文件”对话框中选择要链接的对象。高手加油站创建图像热点链接【任务分析】使用图像热点链接的图片有什么特点？一副图像上划分出几个区域，不同的区域链接不同的对象。相关知识矩形工具

4、按钮：拖动光标，创建一个矩形热点圆形工具按钮：拖动光标，创建一个圆形热点多边形工具按钮：拖动光标，创建一个不规则多边形热点任务小结1.用热点工具创建选区2.用指针热点工具按钮可以进行移动热点、调整热点的大小、选中多个热点等操作练一练：分组完成对“jiaxiang.html”中“鱼骨洞景区”添加不规则热区，并在新的浏览器窗口中打开“yugudong.html”。议一议:如何实现电子邮件的超链接？综合练习要求：利用提供的网站”素材，在网页上添加本节课所学习到的各种超级链接，所有链接均为有效链接。课堂小结学习了各种超级链

5、接的建立：文本超链接、图像超链接、图像热点超链接、电子邮件超链接。作业1.利用收集到的素材完成“环保”主题网站制作，在网页上添加本任务所学习到的各种超级链接。2.上网浏览一些个人网站，注意特殊的超级链接效果，并模仿制作。