在网页中使用超链接

2022-07-12 17:14:13 文档大全网 [ 字体：小中大 ] [ 阅读： ]

【#文档大全网# 导语】以下是®文档大全网的小编为您整理的《在网页中使用超链接》，欢迎阅读！
链接,网页,使用
在网页中使用超链接

制作一个网站，主题为“古寺”。插入表格插入普通图像。输入文字，进行格式化设置。

设置页面背景，使效果更加完美。创建文本链接。创建图像链接。

能理解绝对路径和相对路径能知道链接的类型能创建页面链接能创建电子邮件链接能更改链接颜色

能设置链接的打开方式

绝对路径和相对路径、图形链接绝对路径和相对路径、图形链接

多媒体教学系统

机房

理论：使用多媒体教学方法讲授（.PPT）；实训：学生上机操作

教学过程

我们在上网时，给人以最直观、最便捷的浏览方式，其中最明显的特点就是页面间的跳转，而实现这一效果的就是超链接，它的存在，使网络有了生命力。

详细内容及要求理论：1 实训：2

教学教具

教学内容

教学目的

教学重点教学难点建议课时教学方法课程导入主要内容

【情境设置】

我们在上网时，给人以最直观、最便捷的浏览方式，其中最明显的特点就是页面间的跳转，而实现这一效果的就是超链接，它的存在，使网络有了生命力。【项目展示】【项目目标】

• 能理解绝对路径和相对路径 • 能知道链接的类型 • 能创建图像链接

• 能创建电子邮件链接 • 能更改链接颜色【项目分析】具体工作任务：

1.制作一个网站，主题为“古寺”。 2.插入表格插入普通图像。 3.输入文字，进行格式化设置。 4.设置页面背景，使效果更加完美。 5.创建文本链接。 6.创建图像链接。 9.创建电子邮件链接。【实施步骤】

步骤一：创建一个新的站点并将站点的存放位置设为e:\sucai\chaper6中。在站点根文件下创建子文件夹images和网页文件index.html。

步骤二：插入表格步骤三：插入图像步骤四：文字编辑步骤五：设置页面背景步骤六：创建文本链接步骤七：创建图像链接

步骤十：创建电子邮件链接【知识链接】一、超链接

超链接: 是通过已定义好的关键字或图形，只要您点取某个图标或某段文字，就可以自动链接并打开相对应的其他文件

网页中的链接按照链接路径可分为：绝对路径、文档相对路径、站点根目录相对路径。二、URL

URL：英文全称是Uniform Resoure Locator,中文意思是“统一资源定位器” 定义超链接就是指定一个网页的URL地址。三、绝对路径

绝对路径指包括服务器协议在内的完全路径四、文档相对路径

文档相对路径是指以当前网页所在文件夹为基础来计算的路径，常用于链接保存在同一文件夹中的文档。

五、站点根目录相对路径站点根目录相对路径，也称作文档根相对路径。这种路径是从当前站点的根目录开始计算的，适用于链接内容频繁更换环境中的文件六、【目标】下拉列表框的使用

1._blank: 将链接的文件在浏览器的一个新窗口中打开。

2._parent:将链接的文件在含有该链接的框架的上一级框架或父窗口中打开。

3._self:将链接的文件在含有该链接的同一框架或同一窗口中打开。也积覆盖当前窗口。如果不做选择，此选项为默认值。

4._top:将链接的文件在整个浏览器窗口中打开，这样将会清除所有框架。

【知识拓展】拓展项目展示：制作要点提示

1.创建站点并编辑站点首页 2.创建第一个二级页面 3.创建第二个二级页面

教学小结

本项目主要介绍了网页中超链接的相关知识和使用方法，包括页间链接、页内链接、电子邮件链接和图像热点链接。

学习指导

指导学生进行网页中超链接的相关知识和使用，包括页间链接、页内链接、电子邮件链接和图像热点链接

参阅教材网页制作基础教程Dreamweaver 8版

作业

知识拓展fireworks的使用