初中八年级信息技术课件-自由穿梭-利用锚记实现局部链接_第1页
初中八年级信息技术课件-自由穿梭-利用锚记实现局部链接_第2页
初中八年级信息技术课件-自由穿梭-利用锚记实现局部链接_第3页
初中八年级信息技术课件-自由穿梭-利用锚记实现局部链接_第4页
初中八年级信息技术课件-自由穿梭-利用锚记实现局部链接_第5页
已阅读5页,还剩8页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

自由穿梭——利用锚记实现局部链接任务导航使用超链接是网页区别于普通文档的一大特色,链接的目标可以是本网站内的网页,也可以是发布在因特网上的网页。电子邮件地址、同一网页内的指定位置、网站内的文件等,都可以作为超链接的目标。本课,我们在“交通出行”网页内部添加锚记,并制作网页局部超链接——锚点链接,制作完成的网页效果如图所示。1.在“交通出行”网页中插入水平线

(1)初步制作“交通出行”页面

打开“交通出行”(jtcx.html)网页,使用表格进行布局,并利用素材文件夹中提供的图片和文本资料,初步制作网页。制作完成的效果如图所示。

(2)插入水平线步骤1:将光标移到需要插入水平线的位置,即“行人交通安全”和“乘车交通安全”之间,执行“插入”→HTML→“水平线”命令。步骤2:选中水平线,在“属性检查器”中设置水平线的尺寸和对齐方式,如图所示。2.创建锚记链接

(1)创建命名锚记步骤1:在网页顶部的标题“交通出行”后单击,定位锚记位置。步骤2:执行“插入”→“命名错记”命令,打开“命名错记”对话框,将此锚记命名为home,如图所示。步骤3:单击“确定”按钮后,锚记就被插入网页中的指定位置,如图所示。

(2)链接锚记步骤1:在网页的适当位置制作一个表格,将准备指向锚记的主题文本整理到一起,便于检索页面,如图所示。步骤2:选择要添加链接的主题文本,如“行人交通安全”。步骤3:右击选中的文本,在弹出的菜单中选择“创建链接”命令,打开“选择文件”窗口,在URL参数中输入#xrjt,则表示所选的主题文本链接到本网页中名称为xrjt的锚记,如图所示。3.用“鼠标经过图像”制作返回页面顶端的按钮至此我们已经制作了从主题到指定锚记的链接,下面我们使用鼠标经过图像制作的按钮来链接到页面顶端的home锚记,起到返回页面顶端的作用,这样才能真正实现在页面内部灵活地跳转。制作返回顶端按钮时,需要特别注意“插入鼠标经过图像”对话框中“按下时,前往的URL:”参数,我们要手动输入“#home”来指定锚记,其他设置如图所示。4.测试网页保存网页,在浏览器中测试网页效果。知识着陆1.水平线通常在进行网页排版时使用,它可以将不同的网页元素分隔开,使页面布局清晰美观。2.使用锚点链接,不但可以在同一网页的各个位置快速地进行跳转,而且还可以指向不同网页中的指定位置。创建锚点链接,首先要设置锚记,然后再链接锚记。创作天地制作“日常生活”篇中的“生活用电”(shyd.html)页面,可以参考图对网页进行布局及美化。要求如下:

(1)为网页中的文本设置合适的字体、字号及文字颜色。

(2)在网页标题处添

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论