清华大学版（2012）八年级下册信息技术 课件 - 3.8自由穿梭——利用锚记实现局部链接 (共13张PPT)

自由穿梭——利用锚记实现局部链接 1 任务导航 使用超链接是网页区别于普通文档的一大特色，链接的目标可以是本网站内的网页，也可以是发布在因特网上的网页。电子邮件地址、同一网页内的指定位置、网站内的文件等，都可以作为超链接的目标。 本课，我们在“交通出行”网页内部添加锚记，并制作网页局部超链接——锚点链接，制作完成的网页效果如图所示。 2 1.在“交通出行”网页中插入水平线 （1）初步制作“交通出行”页面 打开“交通出行”（jtcx.html）网页，使用表格进行布局，并利用素材文件夹中提供的图片和文本资料，初步制作网页。制作完成的效果如图所示。 3 （2）插入水平线 步骤1：将光标移到需要插入水平线的位置，即“行人交通安全”和“乘车交通安全”之间，执行“插入”→HTML→“水平线”命令。 步骤2：选中水平线，在“属性检查器”中设置水平线的尺寸和对齐方式，如图所示。 4 2.创建锚记链接 （1）创建命名锚记 步骤1：在网页顶部的标题“交通出行”后单击，定位锚记位置。 步骤2：执行“插入”→“命名错记”命令，打开“命名错记”对话框，将此锚记命名为home，如图所示。 5 步骤3：单击“确定”按钮后，锚记就被插入网页中的指定位置，如图所示。 6 （2）链接锚记 步骤1：在网页的适当位置制作一个表格，将准备指向锚记的主题文本整理到一起，便于检索页面，如图所示。 7 步骤2：选择要添加链接的主题文本，如“行人交通安全”。 步骤3：右击选中的文本，在弹出的菜单中选择“创建链接”命令，打开“选择文件”窗口，在URL参数中输入#xrjt，则表示所选的主题文本链接到本网页中名称为xrjt的锚记，如图所示。 8 3.用“鼠标经过图像”制作返回页面顶端的按钮 至此我们已经制作了从主题到指定锚记的链接，下面我们使用鼠标经过图像制作的按钮来链接到页面顶端的home锚记，起到返回页面顶端的作用，这样才能真正实现在页面内部灵活地跳转。制作返回顶端按钮时，需要特别注意“插入鼠标经过图像”对话框中“按下时，前往的URL：”参数，我们要手动输入“#home”来指定锚记，其他设置如图所示。 9 4.测试网页 保存网页，在浏览器中测试网页效果。 10 知识着陆 1.水平线