在网页中使用超链接 制作一个网站,主题为“古寺”。 插入表格插入普通图像。 输入文字,进行格式化设置。 设置页面背景,使效果更加完美。 创建文本链接。 创建图像链接。 能理解绝对路径和相对路径 能知道链接的类型 能创建页面链接 能创建电子邮件链接 能更改链接颜色 能设置链接的打开方式 绝对路径和相对路径、图形链接 绝对路径和相对路径、图形链接 多媒体教学系统 机房 理论:使用多媒体教学方法讲授(.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的使用 本文来源:https://www.wddqw.com/doc/9ba1882c2aea81c758f5f61fb7360b4c2f3f2a4f.html