实验四在网页中使用超链接
【实验目的】
通过本实验，使学生熟悉如何在网页中通过超链接来使用多媒体的方法。
【实验要求】
[1] 掌握如何创建与各种对象的超级链接；
[2] 掌握编辑各种超链接的方法；
[3] 掌握利用站点地图管理超链接的方法。
【实验内容】
1、制作一个网页，并设置相应的超链接，如文本超链接、图片热区超链接、电子邮件超链接，如图1“校友录”所示。
2、使用布局表格制作如图2所示网页
图1“校友录”
图2 布局表格
“校友录”页面制作【实验步骤】
1、首先在制作出如下所示的表格：
2、页面属性如下：
3、添加相应图片及文本
4、在图片上设置热点链接，如下所示：
并制作相应地特点链接网页，示例如下：
5、设置文本空链接，如下所示：
6、在“联系”字样上设置电子邮件超链接，如下所示：
对“Send”图片设置电子邮件超链接，如下所示：
“布局表格”制作步骤
1、使用布局模式绘制布局表格和布局单元格进行布局，如图所示
2、将未来旅游中的图片设置为“鼠标经过图像”
3、将页面下方的“与我联系”设置为电子邮件超链接
《建立超链接》教学设计 山东省临沂市罗庄区高都中学信息技术教研组庞凤启 一、教学设计部分 教学内容分析 本课的主要内容与地位 网页的学名是HTML（即：超文本文件），从本质上说网页只是一个文本文件，超文本的意思即含超级链接的文本文件。 网页中所有丰富的元素都是通过链接实现的，用一段文本文件告诉浏览器图片或者声音的位置，然后浏览器会自动加载到网页中显示，但网页本身仍然没有嵌入任何非文本的文件。 超链接是网页赖以存在的基础。理解超链接的原理、熟练地使用超链接是一个合格的网站建设者必须具备的能力。 本课与前后内容的关系 学习超链接的相关知识，是对前面几课制作的几个孤立网页的有机整合。只有通过超链接，由网页组成的集合才能被称作网站。 教学目标分析 知识目标/技能目标 知识目标 理解超链接的概念。 理解导航栏在网页设计中的重要性。 技能目标 掌握在网页中插入超链接的一般过程； 熟练掌握将链接指向站点内、站点外和电子信箱的一般方法； 学会在网站内设置导航栏。
过程与方法目标 能够根据实际需要，选择不同的网页素材、建立不同的链接。 情感态度与价值观目标 体会万物皆有联系，加强与父母、老师和同学之间沟通和交流，虚心听取别人的意见，不至于在自己的成长过程中迷失方向。 本课的重难点 重点：“创建超链接”对话框；标签链接。 难点：导航栏的设置。 本课的课时分配建议 一课时 教学策略设计建议 教法建议 本课是第一单元的重点和难点，教学中建议采用将学生进行分组，不同级别的学生完成不同的探究任务。其中包括：站点内的超链接、到外部站点的超链接、到电子邮箱的链接和到应用程序或文档的链接，以及选择不同的网页素材（文字、图片）作为链接对象的操作方法。 在学生的学习过程中，教师应指导学生实时进行网页的预览，以体验不同链接的不同作用。对实践中遇到的如Outlook Express的使用问题，教师可在讲解知识点时做简单介绍。 讲解设置导航栏部分时，教师可指导学生回顾第二课设置网页模板的相关知识。 教学资源与环境建议 教学环境准备建议 1．保证每台学生机能够连接Internet或虚拟网络环境； 2．学生机安装Outlook Express。 教学评价建议
公开课教案 课程名称《网页制作》教程 课题名称：Dreamweaver中超链接的应用授课班级： 任课教师： 授课时间：
时间分配教学内容及过程 教学方法 及教学内 容的拾漏 补遗 17’ 第三环节：教师演示、讲解操作步骤 Dreamweaver中超链接的应用 一、超链接的含义 超链接由源端点和目标端点两部分组成，其中设置了链接的一端称为 源端点，跳转到的页面或对象称为目标端点。 二、超链接的分类 1、按照源端点的不同，可以将超链接分为文本链接、图像链接和表 单链接3种。 文本链接：是指以文字作为超链接源端点的链接。 图像链接：是指以图像作为源端点的超链接。 表单链接：需要与表单结合使用，当用户单击表单中的按钮时，会自 动跳转至相应页面。 2、根据目标端点的不同，超链接可分为内部链接、外部链接、锚点 链接和电子邮件链接4种。 内部链接：其目标端点是本站点中的其他网页或文件。 外部链接：指链接的目标端点与源端点不在同一个站点中。 锚点链接：如果网页太长，可用锚点链接实现跳转到当前网页或其他 网页中的某一指定位置。 电子邮件链接：单击电子邮件链接，将打开系统默认的电子邮件收发 程序。 三、设置链接属性 在没有选中任何对象的前提下，单击“属性”面板上的“页面属性” 按钮，打开“页面属 性”对话框，首先在 左侧列表中选择“链 接”选项，然后在右 侧设置各项链接属 性。 演示 提问 讨论 讲授、 演示、 讨论
时间 分配 教学内容及过程 教学 方法 及教 学内 容的 拾漏 补遗30’ 四、设置常规超链接 常规超链接包括内部超链接和外部超链接，内部超链接是指目标文件位于站点内部的链接；外部超链接可实现网站与网站之间的跳转，也就是从本网站 跳转到其他网站。 1．内部超链接 内部超链接的设置非常灵活，在选中要设置超链接的文本或图像后，可以 在“属性”面板上的“链接”编辑框中直接输入要链接对象的相对路径； 也可以通过单击“属性”面板上“链接”编辑框右侧的“浏览文件”按 钮，在弹出的“选择文件”对话框中选择链接对象。 2．外部超链接 外部超链接只能采用一种方法设置，就是在选中对象后，在“属性”面板上的“链接”编辑框中直接输入要链接网页的网址。 五、设置文本超链接 要给某段文本设置超链接，可以先用鼠标选中该文本，然后在“属性”面板上的“链接”编辑框中设置被链接对象的URL地址。 六、设置图像超链接 给整个图像添加超链接，首先用鼠标选定要制作超链接的图像，然后在“属性”面板上的“链接”编辑框中设置被链接对象的URL地址。 知识扩展：给图像局部添加超链接给图像局部添加超链接也称为“图像热点”技术，很多时候都需要为一张图片的不同部位设置不同的链接，这就需要 讲 授、 演 示、 讨论
10款让人惊叹的html5动画效果 这里介绍10款让人叹为观止的html5动画效果 1、15种html5+css3图片堆叠图片展示特效 这是一款html5和css3制作的图片堆叠图片展示特效，就像一幅扑克牌堆叠在一起，最开始只能看到一张，点击按钮后就会展开成几张，非常有意思。 2、html5 svg+css3制作图片边框运动动画效果
一款使用html5 svg技术制作的图片边框运动动画效果，鼠标移动到图片上时，便会有几条线绕着边框运动，共有4种不同的效果。建议使用Firefox或Chrome浏览器观看。 3、21种html5+css3鼠标悬停hover超链接导航条动画效果 利用css3 transition属性制作的21种不同的鼠标悬停效果。当鼠标hover或悬停在超链接上时，
会触发各种动画效果。每种动画效果都十分独特，可用于网站导航。 4、18种基于html5 svg和css3的神奇超链接动画效果 普通的超链接效果是鼠标放上去出现一条下划线，本插件异想天开的使用html5 svg和css3打造出18种很神奇的超链接动画效果。每种超链接动画效果都有它的独到之处。 5、html5+css3网格图片3d翻转Loading页面切换效果
这是一个图片html5和css3制作的3d翻转Loading页面切换效果。在页面上以网格的形式展示所有的页面缩略图，当点击了缩略图片后，图片进行3d翻转，然后加载相应的页面内容。 6、12种利用html5+css3打造的消息提示框效果 这是12种风格各异的弹出消息提示框效果，使用html5和css3 animation属性制作，有各种旋转、翻转、伸展特效。效果非常华丽。
建立超链接教学设计 学习目标： 1、了解超链接的基本概念； 2、掌握同一站点内不同网页间及不同对象上的超链接的制作方法； 3、掌握同一页面中超链接的制作方法； 4、掌握不同站点间超链接的制作方法及E-mail链接的制作方法。 学习重点：超链接制作方法 学习难点：根据需要选择适当超链接类型 学习方法：任务驱动法、讨论法、自主探究法 课时安排：1课时 课前准备：将本节所需材料放到教师机高二学生共享文件夹中 教学过程： 一、导入新课 我们在浏览网页时，都会发现当鼠标移动到网页上的某些地方时，鼠标指针就会变成手形。对准单击时，还可以看到网页跳转到了其他网页上或者是网站上了。这是为什么呢？这就是“超链接”发挥了作用。正是由于有了"超链接"，因特网才会如此神奇，如此流行！ 前面我们已经分小组学习了单张网页的制作，并制作了自己的网站，今天我们就来学习如何建立超链接，将零散的网页和文件串起来，组成一个有机整体。 二、下载资源 在“网上邻居-->教师机-->高二学生共享”中找到“建立超链接”文件夹并下载到D盘上，
三、预习检测 回答下面三个问题： 1、超链接是什么？ 明确：是链接源到链接目标的链接。 2、链接源及链接的目标指的是什么？ 明确：⑴链接源：就是链接的载体，Frontpage中，链接的载体是指显示链接的部分，如文字或图片； ⑵链接的目标：是指链接到的位置。既可以是文件、网页，也可以是网页中的某个位置以及电子邮件的地址。 3、常见的超链接有哪几种？ ⑴到网页或文件的超链接； ⑵到外网站的超链接； ⑶到书签（网页中的某一位置）的超链接； ⑷到E-mail的超链接； 四、演示操作建立到网页的超链接（资源在刚下载的“建立超链接”文件夹中） 用FrontPage打开“神奇的超链接.htm”，在网页文字“什么是超链接”上建立一个到网页“什么是超链接.htm”的超链接。 1、步骤： ⑴选中文字：“什么是超链接” ⑵执行“插入”→“超链接”，打开“创建超链接”对话框 ⑶单击按钮“制作一个指向您计算机上文件的超链接”，打开“选择文件”对话框；
第15课放映效果与超链接教学目标： 1、掌握设置动画效果和动画顺序的操作方法 2、能够设置幻灯片切换效果及排练计时 3、学会设置超链接和动作按钮 教学课时： 教学重点与难点：学会设置动画效果、幻灯片切换效果及超链接教学过程： 一、导入 制作演示文稿时，可以为幻灯片设置动画效果、文字展开方式、幻灯片的切换效果、放映时间以及超链接等，控制幻灯片的放映过程。 二、新授 1、设置动画效果和动画顺序 在幻灯片中，动态地呈现文本、图片、表格、图表等对象，能突出演示重点，使放映更生动有趣。 为“骆驼和羊”演示文稿设置动画效果，教师演示 为“骆驼和羊”演示文稿设置动画顺序，教师演示 2、设置幻灯片切换效果 放映幻灯片时，每张幻灯片可以使用多种切换效果。例如，水平百叶窗、溶解、盒状展开、横向棋盘式等，设置适当的切换效果，可以使放映更舒畅。 为“骆驼和羊”演示文稿设置切换效果，教师演示
3、排练计时 除了可以用上面的方法设置幻灯片自动放映的时间，还可以在演讲排练时为每一张幻灯片设置合适的放映时间。教师演示 4、设置超链接 访问因特网时，大家已经熟悉了网页中的超链接。在演示文稿中，也可以在幻灯片占设置超链接，把一张张幻灯片连接起来。 编辑制作幻灯片时，选定文字、图片等对象，就可以为这些对象设置超链接，把它们和指定的幻灯片链接起来，需要时还可以链接到其他文件或网站中的网页。 （1）设置到幻灯片的超链接，教师演示 （2）设置到其他文件的超链接，教师演示 （3）设置到网页的超链接，教师演示 5、设置动作按钮 为了更好地控制幻灯片的放映，还可以在幻灯片里设置一些动作按钮。 在幻灯片中设置动作按钮，教师演示 三、练习 完成教材102页练习内容 四、小结
最新整理小学信息技术教案小学信息技术《网页超链 接的制作》教案 小学信息技术《网页超链接的制作》教案 教学目标: 1.知识与技能 (1)了解超级链接的含义及链接源和链接目标的含义,掌握同一站点内以及不同站点间网页超级链接的创建方法。 (2)掌握网页内书签的作用及创建书签链接方法,掌握交互式按钮、框架网页内超级链接的设置方法。 (3)理解热区链接的含义及创建方法。 2.过程与方法 (1)通过创建网页超级链接的操作,使学生了解网页中创建超级链接的基本方法,破除对网页链接的神秘感。 (2)通过对不同对象设置超级链接的操作,使学生总结出操作的规律,培养学生自主学习与操作的能力。 (3)通过网页不同的超级链接方法,拓展学生思维,创建多种形式的网页链接。 3.情感态度与价值观 (1)通过链接我国主要自然保护区网页,激发学生热爱祖国、热爱自然、热爱生命的激情。 (2)完成超级链接,使学生感受成功的喜悦和快乐。 教学重、难点: 1.教学重点: (1)超级链接的含义及链接源和链接目标的含义。
(2)超链接的制作方法--给文字、图片制作超链接,制作书签链接,给交互式按钮制作超链接,框架页面内的超链接,图片区域制作超链接等。 2.教学难点 (1)书签链接中名称及对应链接位置的设定。 (2)在框架页面中制作超链接时,目标对象所选择的显示窗口形式。 教学方法与教学手段: 任务驱动法、讨论探究法、讲解与演示法、类比知识迁移法。 教学准备: "动物--人类的朋友"站点,包括未链接的网页,如欢迎页、表格页、框架页,表单页等。 教学过程: 1.引入 展示两个主页,一个已经创建了链接,一个没有创建链接,让学生进行比较并找出区别,引出本课课题--超级链接。 提出:我们在先前的学习中,哪个软件中的相关操作与它类似?什么是超级链接?找一个例子,分析链接源和链接目标分别是什么? 学生展开交流,通过对比找出不同点,并积极思考,回答老师的问题。 设计意图:通过对比操作、交流,再辅以知识迁移,明确本节课教学内容。 2.新授 (1)站内超级链接 引导学生回顾PowerPoint中超链接的制作方法(教师提示:右击链接源,利用快捷菜单制作超链接),辅以教材中的内容,让学生自行探究并完成以下操作: 任务1同一站点内不同页面之间的链接
优秀教案在演示文稿中创建超级链接 【教学目标】 知识与技能： 1.了解“超级连接”的概念，以及“超级链接”的形式。 2.学会在幻灯片中制作超级链接的三种方法。 3.通过任务驱动，培养学生对资料的整理和分析能力，以及灵活运用已学知识的能力。 过程与方法：通过教师的演示、学生的任务驱动、学生小组讨论来实现掌握在幻灯片中动作按钮、对象（艺术字、图片、文字）动作设置，培养学生处理信息的发散思维。 情感态度与价值观：培养学生的创新意识和审美观，树立良好的学习习惯。 而、重点： 【教学重难点】 重点：1.了解“超级链接”的概念和用途。 2.掌握、并区分幻灯片中三种形式的超级链接。 难点：在完成任务过程中，灵活运用三种形式的超级链接 【教学过程】 一、导入 师：观看国产动漫的ppt，思考，这个ppt与以前的ppt
在播放顺序上有什么不同。 生： 师：这个ppt可以随心所欲的浏览，有选择性的浏览，提高浏览的效率。 这个功能就是ppt里的“超级链接”，今天我们这节课 就来一起学习怎样《在演示文稿中创建超级链接》。 师：要做成这样一个链接，首先要找到一个作为链接用的对象。 师，生（看课件展示并总结）：文字，文本框，图形， 动作按钮 师：可是“超链接”究竟在PowerPoint的哪个菜单呢？ 我们先来找找看。 学生找到菜单：插入——超链接 师：找到了超链接，问题就很容易解决了！有没有同学能帮助老师来完成这个操作呢？ 学生上台尝试操作。 师：很好，这个同学已经打开了“插入超级链接”对话框。 （学生回答，老师将步骤分别板书在黑板上。 选中“连接点” 单击右键，选中“超链接” 选择“链接目标”）
自由自在超级链接——逛郧阳 十堰市郧阳区茶店镇初级中学李占勇 一、教学目标： 知识与技能目标：理解超链接的作用和意义；能够灵活建立和使用超链接；掌握动作按钮设置的方法。 过程与方法目标：通过学生自主探究和教师设计的需求引导、任务驱动，展开学习活动。 情感与价值观：让学生小组合作培养团结协作的精神，通过探索去了解郧阳，从而激发学生热爱家乡的情感。 二、教学重点：制作超级链接的常用方法及步骤。 三、教学难点：知道超级链接的作用，并能利用超级链接实现简单的交互。 四、教学准备、 多媒体网络教室，郧阳视频片断，教学课件。 教学过程 一、创设情境引入课题 师：同学们，你们生在郧阳，长在郧阳。对郧阳这座城市有多少了解呢？ 下面让我们来看一段视频片断，了解一下家乡郧阳。 教师播放一段视频片断。 师：同学们，假设你是一名导游，你准备从哪些方面向外地游客介绍郧阳的特色？是景点，美食或者购物或者其他？ 生1：我要向他们介绍郧阳的著名旅游景点，如樱桃沟、虎啸滩。 生2：介绍郧阳的小吃； 生3：介绍郧阳的凤凰灯。； 师：大家回答得不错，老师用一张幻灯片把这些资料全部展示出来了。请大家看这张幻灯片，只要老师任意单击某一项文字标题，相
关的资料就会立刻展示出来，你们想看哪个方面的内容？ 学生说内容，教师随机单击某两项文字标题，展示相应资料内容。 师：你们注意到鼠标指针有什么变化吗？ 生：鼠标指针变成手形。 师：在这张幻灯片中，用到了创建超级链接的方法，通过点击不同的文字，就能打开相应的图片。 二、自主学习探究方法 超链接是怎么做出来的呢？ 任务一，给“逛郧阳”插入超链接。 1.阅读课文介绍。 2.打开素材进行操作。 学生自主探究，教师巡堂，关注有困难的学生，适时加以指导。提示：要对某个对象进行操作，必须先选中它。 3.收集问题 师：老师发现，大部分同学已经初步掌握了在幻灯片中创建超级链接的方法，现在请你把学习中遇到的困难提出来，让我们大家共同解决它。 生1：我还没找到链接菜单，不知道怎样创建链接？ 生2：我的超链接是灰色的。 生3：我的链接成功了，但我还想链接到其他的文件，怎样操作呢？ ……。 通过师生的讨论后，教师请一位学生演示自己的操作步骤，最后小结创建超级链接的方法。 创建超级链接的方法：选中要建立超级链接的对象→执行“插入”菜单中的“超级链接”命令→插入超级链接。 师：实际上，在幻灯片中链接目标可以是文字，Word文件，还
幻灯片中的超链接 平山县回舍中学郜兵山 初中信息技术考试，在幻灯片中建立超级链接是一个考点。在平时教学中，我发现同学们在学习和应用超级链接时，出现错误较多。为使同学们在学习过程中能够抓住规律，掌握方法，现就这一内容进行简要总结。 超级链接其实质一个指针，通过这个指针，指向所要链接的对象。建立超级链接的目的，就是为了实现幻灯片的非线性播放。 掌握超级链接，同学们关键要明确两点：第一、幻灯片中什么可以作为指针；第二、幻灯片中的超级链接所指向的对象是什么。在学习过程中围绕这两点来学习，问题就可以解决。在幻灯片中，文字、图片、图形、按钮、文本框、剪贴画、艺术字等都可以作指针，而指针指向的对象既可以是某一张幻灯片，也可以是已有的文件或网页或电子邮件或新建的文件等。就目前初中信息技术的考试，仅仅考查了建立指向某一张幻灯片的超链接。我们仅就考试可能要考到的内容进行探讨。 一、通过“动作设置”建立超链接 请看如下题目： 1、在第5张幻灯片插入一个动作按钮：并超级链接到：第3张幻灯片 2、第4、5张幻灯片上分别插入“前进或下一项”动作按钮，并超级链接到：学习科目 3、第3张幻灯片插入一个名为"第一张"的动作按钮，并设置超级链接到：第一张幻灯片 4、在第3张幻灯片中插入动作按钮，类型“第一张”，并超级链接到“第一张” 5、第5张幻灯片的“按钮”超级链接到：第3张 6、在第3张插入名为“第一张”的动作按钮，并超级链接到：第一张 具体方法如下：（我们就题目1，来说明具体作法，题目2到题目6同学们可以作为练习来用） 第一步、选择张幻灯片5，然后执行“幻灯片放映”→“动作按钮”命令，在打开的动作按钮列表中，选择“自定义”的动作按钮。如下图所示。
网页超链接的制作 教学目标： 1．知识与技能 （1）了解超级链接的含义及链接源和链接目标的含义，掌握同一站点内以及不同站点间网页超级链接的创建方法。 （2）掌握网页内书签的作用及创建书签链接方法，掌握交互式按钮、框架网页内超级链接的设置方法。 （3）理解热区链接的含义及创建方法。 2．过程与方法 （1）通过创建网页超级链接的操作，使学生了解网页中创建超级链接的基本方法，破除对网页链接的神秘感。 （2）通过对不同对象设置超级链接的操作，使学生总结出操作的规律，培养学生自主学习与操作的能力。 （3）通过网页不同的超级链接方法，拓展学生思维，创建多种形式的网页链接。 3．情感态度与价值观 （1）通过链接我国主要自然保护区网页，激发学生热爱祖国、热爱自然、热爱生命的激情。 （2）完成超级链接，使学生感受成功的喜悦和快乐。 教学重、难点： 1．教学重点： （1）超级链接的含义及链接源和链接目标的含义。 （2）超链接的制作方法——给文字、图片制作超链接，制作书签链接，给交互式按钮
制作超链接，框架页面内的超链接，图片区域制作超链接等。 2．教学难点 （1）书签链接中名称及对应链接位置的设定。 （2）在框架页面中制作超链接时，目标对象所选择的显示窗口形式。 教学方法与教学手段： 任务驱动法、讨论探究法、讲解与演示法、类比知识迁移法。 教学准备： “动物——人类的朋友”站点，包括未链接的网页，如欢迎页、表格页、框架页，表单页等。 教学过程： １．引入 展示两个主页，一个已经创建了链接，一个没有创建链接，让学生进行比较并找出区别，引出本课课题——超级链接。 提出：我们在先前的学习中，哪个软件中的相关操作与它类似？什么是超级链接？找一个例子，分析链接源和链接目标分别是什么？ 学生展开交流，通过对比找出不同点，并积极思考，回答老师的问题。 设计意图：通过对比操作、交流，再辅以知识迁移，明确本节课教学内容。 2．新授 （1）站内超级链接 引导学生回顾PowerPoint中超链接的制作方法（教师提示：右击链接源，利用快捷菜单制作超链接），辅以教材中的内容，让学生自行探究并完成以下操作：
幻灯片中创建超级链接》教学设计 【学习者分析】 教学对象是初一年级的学生，在前面的学习中，学生对修饰、完善自己创作的幻灯片具有很高的热情。需要教师精心为学生营造一个良好的自主学习环境，让学生在探究中掌握运用超级链接制作交互幻灯片的方法。 【教学目标】 ●情感态度与价值观：通过制作有关新疆历史文化的幻灯片，进一步了解新疆的人文风貌，激发学生的热爱家乡之情。 ●过程与方法：掌握在幻灯片中运用超级链接进行交互的方法和步骤。 ●知识与技能：了解超级链接的概念和作用，并能利用超级链接实现简单的交互。 【教学重、难点】 1．在幻灯片中创建超级链接的步骤和方法。 2．超级链接在幻灯片中的使用方法。 【教学资源】 1．教师准备多媒体课件。 2．教师准备有关新疆风土人情、旅游和美食的相关资料。 3．多媒体网络教室软件。 【教学过程】 一、创设情境导入新课 师：同学们，你们生在新疆，长在新疆。你对新疆这个多民族聚集的地方有多少了解呢？ 下面让我们来看一组图片，了解一下新疆的风土人情以及丰富的旅游资源。 教师播放图片。 师：同学们，假设现在你是一名导游，你准备从哪些方面向外地游客介绍新疆的特色？是景点，美食或者购物或者其他？ 生1：我要向他们介绍新疆的著名旅游景点，如天池、卡纳斯湖。
生2：介绍新疆的特色美食。 生3：介绍旅游的路线。 师：大家回答得不错，现在老师专门收集了一些资料，放在D盘的“新疆特色”文件夹下，大家先看一看 师：这些都是老师收集的资料。我用一张幻灯片把这些资料全部展示出来了。请大家看这张幻灯片（图1），只要老师任意单击某一项文字标题，相关的资料就会立刻展示出来，你们想看哪个方面的内容？ 图1 学生边说内容，教师随机单击某两项文字标题，展示相应资料内容。（见下图） 图2
教 案 《网页设计与制作》教案 序号：5 本次课程备课笔记 网 页 链 接 超链接是WWW 的魅力所在。为了把Internet 上众多分散的网站和网页联系起来，构成一个有机的整体，就要在网页上加入链接。通过简单地点击网页上的链接，用户就可以在信息海洋中尽情遨游。 超链接的分类，如图2.26所示。 下面将通过一些小例子讲述锚记链接、站点链接、图形热点链接等内容，同时结合 【文件】面板，介绍一些创建链接的高级技巧。 内部链接：在同一网站文档之间的链接 外部链接：不同网站文档之间的链接 锚记链接：同一网页或不同网页的指定位置的链接 E-mail 链接：电子邮件的链接 超链接 图2.26 超链接的种类 一、相对路径和绝对路径 先看最传统的链接创建方法。如果要给文字或图像创建链接，应先将文字或图像选中，直接在如图2.27所示的【链接】下拉列表框中输入要链接的网页文件路径和名字即可。 图2.27 链接下拉列表 单击【属性】面板中链接框旁的【浏览文件】图标，打开【选择文件】对话框，从中选择要链接的网页也可创建链接。【选择文件】对话框下面有【相对于】下拉列表框，里面有【文档】和【站点根目录】两项，如图2.28所示。 【文档】表示以文档相对路径方式链接；【站点根目录】表示以根绝对路径方式链接。相对路径与绝对路径是非常重要的概念，一定要掌握它们之间的区别。
1. 绝对路径 绝对路径是包括服务器协议(在本例中为HTTP协议)的完全路径，比如“网虫乐园——软件大观园”，绝对路径为“https://www.doczj.com/doc/eb13627328.html,/web/softroom”，如果所要链接当前站点以外的文档，就必须使用绝对路径。 图2.28 【选择文件】对话框 2. 相对路径 相对路径又可分为与根目录相对的路径和与文档相对的路径两种。 在本地磁盘上编辑网页时，需要选定一个文件夹来定义本地站点，模拟服务器上的根文件夹，系统就根据这个文件夹来确定所有链接的本地文件位置，而根相对路径中的根就是指这个文件夹。 提示：根相对路径(也称相对根目录)的路径以“/”开头，路径是从当前站点的根目录开始计算。例如D盘myweb目录就是名为“myweb”的站点，这时“/index.htm” 路径就表示文件位置为D:\myweb\index.htm。根相对路径适用于链接内容需频繁更换的文件，这样即使站点中的文件被移动了，其链接仍可以生效。 如果目录结构过深，在引用根目录下的文件时，用根相对路径会更好些。例如某一个网页文件中引用根目录下img目录中的一个图，在当前网页中用文档相对路径表示为：“../../../../../img/a.gif”，而用根相对路径只要表示为“/img/a.gif”即可，其关系如图2.29所示。 绝对路径：如https://www.doczj.com/doc/eb13627328.html,/web/softroom 根相对路径：如/img/a.gif、/pc/oa/index.htm 文档路径 相对路径： 文档相对路径：如img/a.gif、a.gif、../a.gif 图2.29 相对路径与绝对路径 注意：在预览文件时，用根相对路径链接的内容在本地浏览器中不会显示出来。这是因为浏览器不承认站点的根文件夹为服务器。
FrontPage—超级链接 【课程分析】 本节内容是信息技术教材，超级链接是网页组成中的重要元素。正是因为超链接的作用，使得因特网上丰富的信息资源构成了开放互动、相互连接的知识网络，以便我们在阅读时灵活地选择和转化内容，主动而迅速地获得很多相关信息。 【学生分析】 初中的学生永远喜欢新奇的东西，这就是为什么我们教师要不断的创新。在前面学习网页制作的过程，刚刚接触网页制作的那种兴奋已经逐步消退，他们也发现了原来FrontPage 和前面的word和ppt很相似，很容易，同时也有这样一种感觉没有学到什么新鲜东西，很没有意思。超级链接学生在ppt中接触过，所以学生他们期待的是新鲜有趣的超级链接。【设计理念】 在信息技术教学过程，除了我们教会学生“怎么做”，还有一点非常的关键就是要让学生了解“为什么这么做”，所以我们在课堂不仅仅要简单演示操作，学生也不是简单模仿教师的操作。我们要通过有效的方法，让学生有趣的、迅速的了解操作背后的相关概念和术语，达到举一反三的目的。这些都是基础，最关键的是“怎么用”，所以我在课堂上给学生一个空间让学生去发挥，自己设计超级链接的应用，然后展示，让学生从别人的创意中得到启发。【教学目标】 1、知识目标 ①了解超级链接、链接载体、链接目标的概念 ②能够明确链接载体和链接目标的区别 ③了解什么可以做链接载体，什么可以做链接目标。 2、能力目标 ①掌握如何使用图像、文字、图像热区建立超级链接。 ②掌握如何链接到内部文档、外部文档、电子邮箱地址。 3、情感目标 ①培养学生对网页制作的浓厚兴趣，激发学生的学习积极性。 ②培养学生对信息查询、处理的能力，提高学生的信息素养 【教学重点】 1、为文字对象建立外部网站、本地文件和邮箱地址三类超级链接； 2、为图片对象及图片热区建立超级链接。 【教学难点】 1、超链接的特点、意义。 2、为图片热区对象设置超链接。 【难点突破】 1.结合电子地图链接、智能选择题和发散思维等体验超链接的魅力，让学生了解超链接的特点，明确超链接的意义。 2.利用动画演示超链接的链接方式，分析超链接特点。 3.结合电子地图，让学生对热区的概念更容易地接受。 【教学过程】 一、新课导入（体验超级链接） 师：同学们我们一起来观察下面以下两幅网页，你来看这两个网页有什么特点。 教师展示智能选择题和电子地图 学生通过观看教师电子地图和智能选择题来体验超级链接
项目四 PowerPoint 2010子任务二 添加对象、动画效果与超级链接技术 一、学时： 2 学时 二、实验目的 1、掌握添加对象的方法； 2、掌握设置幻灯片之间效果切换的操作； 3、掌握为某一对象或多个对象添加一个或多个动画效果，熟悉使用动画窗格来 管理动画； 3、掌握超级链接技术； 4、学会为幻灯片自动编号； 5、掌握放映演示文稿的设置方法； 6、把操作结果上交； 三、实验内容和步骤 在实验十一基础上继续对幻灯片“我的大学”，进行以下操作： 1、在幻灯片母版中，插入动作按钮分别是“上一张幻灯片”、“下一张幻灯片”（视图→幻灯片母版→插入→形状→动作按钮），并更改两个按钮的填充颜色为蓝色，高0.6厘米，宽0.79厘米，置于左下方，见最终效果图。 2、为每一张幻灯片设计切换效果。 其中，第一张幻灯片设计切换效果为“推进”，效果选项为“自左侧”，声音效果为“照相机”；同理，设置第二张幻灯片设计切换效果为“棋盘”，效果选项为“自顶部”，声音效果为“风声”；第三张幻灯片设计切换效果为“涟漪”，效果选项为“从右下部”；第四张幻灯片设计切换效果为“旋转”，效果选项为“自右侧”； 3、为每一张幻灯片突出的内容的对象，设置多重动画效 果。 其中，第一张幻灯片副标题“贵州理工学院”自定义 动画效果为：进入效果“飞入”，并强调效果为“放 大/缩小”(方法是：选定副标题→动画→高级动画→ 添加动画)，两个动画效果的开始时间都是从“从上一 项之后开始”（如图1所示）；第二张幻灯片右上角的 图1 自定义动画
“林荫道”图片自定义动画效果为：进入效果为“盒状”，退出效果为“棋盘”，两个动画效果的开始时间都是从“从上一项之后开始”。 4、为幻灯片设置从头至尾循环播放的背景音乐。在第一张幻灯片上，插入背景音乐“清晨.mp3”，声音选项设置如图2所示。 5 、创建第五张幻灯片，分别插入图片雅河.jpg、阿哈水库1.jpg、阿哈水库2.jpg，对三张图片调整大小和位置如图3所示，更改三张图片的样式为“柔化边缘矩形”，为三张图片添加小标题（即插入文本框），文本框内分别输入为“雅河边、醉美阿哈湖、阿哈湖畔”，放置如图3所示。为三张图片及小标题分别添加任意一种动画效果，在“动画窗格”中，设置放映顺序分别是“雅河.jpg”→“雅河边”→“阿哈水库1.jpg”→“醉美阿哈湖”→“阿哈水库2.jpg”→“阿哈湖畔”，动画效果的开始时间都是从“从上一项之后开始”。 6 链接到第五张幻灯片的操作，并在第五张幻灯片后，插入“上箭头”形状按钮，用来返回到第二张幻灯片的位置。 方法：1）第二张幻灯片中选中“阿哈水畔”→插入→链接→超链接按钮， 具体设置如图4所示；2）第五张幻灯片中插入“上箭头”按钮，设置使用超链接的方法，使得单击它后能跳转到第二张幻灯片。 7、为所有幻灯片编号（插入→文本→幻灯片编号）。 8、设置自动放映演示文稿。
在网页中建立各种超级链接 实训目标 1．掌握内部、外部超级链接的创建方法； 2．掌握E-mail链接的创建方法； 3．掌握锚点链接的制作方法； 4．掌握链接颜色的设置方法； 5．了解图像映射的制作方法； 6．了解跳转菜单、翻转图像实例、导航栏的制作方法。 实训内容 准备工作 本实训所需的网页及图象文件均在实训二课件的“实训\materials”文件夹下。 1、解压文件 解压文件“实训二在网页中建立各种超级链接.rar”，请将“课堂实训”文件夹中的“materials” 文件夹复制到D盘根目录下，并将其重命名为“future”。 2．新建站点 新建网站“畅想未来”，将站点和个人文件夹future建立一一对应的关系。 任务一、在网页中建立各种超级链接 设计目标 在实训一完成的index.htm页面中，制作一个具有超级链接的网页。其浏览效果见“实训\result”文件夹中的index4.html文件所示。当鼠标移到栏目标题文本上时就会变成手形，同时在浏览器下方的状态栏中显示链接地路径，单击时便会跳转到相应的链接内容。 2、页面分析 该页面包含了内部超级链接、外部超级链接、空链接和脚本链接、Email超级链接等。 页面效果请参见实训二课件中“实训\result”文件夹下的index4.html文件。
3．制作步骤 说明：请在完成下面操作前，先将所有的素材文件放置在对应的文件夹下； 在Dreamweaver 中本地站点future 中打开index.html 页面，依次按照下述内容在页面中创建各种超级链接。 （1）创建内部超级链接 内部超级链接：就是在同一个站点内的不同页面之间建立超级链接关系； ? 为“未来都市”文本创建超级链接 在网页中选定文本“未来都市” ，在“属性“面板中单击“浏览文件”，在打开的“选 择文件”对话框中选择需要的网页文件（ex4_city.html ）； ? 在“目标”选择框中选择“_blank ”，以确保在新的浏览窗口中打开连接文件；
第18课建立超链接 一、教学目标 知识目标：1．巩固超链接概念。 技能目标：2．掌握在主页和分栏目板块之间建立超级链接。 3．学会设置超链接属性来管理超链接的网页。 情感目标：“超链接”功能实现了网页成为信息源传播源。它让多个网页多个网站联成一体，扩充了英特网的强大、动态、互联的功能。学生在本课学习中通过运用超链接技术，深刻理解英特网“超链接”的意义。 二、重点难点 教学重点：为多个栏目网页之间建立超链接； 教学难点：设置超链接的属性。 三、环境与素材 1．教学环境：多媒体网络教室，学生计算机中安装IE6.0以上版本及Frontpage2003以上中文版，要求能上因特网。 2．教学素材：学生素材库包括示例站点文件夹、帮助文档。 四、教学过程设计： （一）、引入（5分钟） 师：12月25日，是什么节日？ 生思考 师：圣诞节快到了，老师准备了一份礼物想送给同学们。 生猜想是什么礼物 师：（打开礼物）原来是一个网站，打开一起来欣赏吧。 生观看欣赏 师：这是一个有关“海绵宝宝”的网站，好像是一部卡通片。我们看看“动画介绍”页面的内容。 师：（先打开未做好超链接的分栏目页面）欣赏起来好累哦。（再打开已经做好超链接的分栏目页面）都这样欣赏就轻松多了嘛。 师：有什么方法可以解决呢？ （设计意图：让生观察思考发现问题，引出课的内容） 生：超链接 师：同学们跟老师想到一块去了。 师：什么是超链接？（请生来说说，讨论）生思考讨论 师：（打开网络上一个网站文字图片超链接操作）鼠标形状手形单击跳转另一个页面师：（ppt展示）超链接概念。 师：你会建立超链接吗？生思考 师：（ppt展示）今天我们就来学习建立超链接 （二）、建立超链接（分钟） A．布置任务一：建立主页与分栏目页面间的超链接
《网页设计---用CSS设置丰富的超链接特效》公开课教案 计算机课组黄荣悦 授课时间：2011年11月14日（第十二周周一第4节） 授课地点：科技楼四楼403室 授课班级：10计算机班 课题：用CSS设置丰富的超链接特效 一、教学目的：通过这节课的学习，在前面所学的用CSS设置文字效果、CSS设置图片效果和CSS设置网页中的背景的基础上继续深入学习CSS设置超链接效果。本课重点理解超链接标记a和a相对应的4个伪类别（a:link,a:hover,a:visited,a:active）所表示的不同状态，在此基础上灵活通过对超链接标记a和a相对应的4个伪类别的CSS规则的编辑，来制作出丰富的超链接特效。 二、教学方法：实例演示分析教学法 三、教学重点：本课重点理解超链接标记a和a相对应的4个伪类别（a:link,a:hover,a:visited,a:active）所表示的不同状态。 四、教学难点：本课难点在于灵活通过对超链接标记a和a相对应的4个伪类别的CSS规则的编辑，来制作出丰富的超链接特效。 五、教学过程： (一)：理解a 的4个伪类别:a:link,a:hover,a:visited,a:active 对应的不同状态。 (二)、简单修改各个伪类别的文字效果和下划线。（以第6章的“个人主页”为例） a: link{ /* 超链接正常状态下的样式*/ color:#005799; /* 深蓝*/ text-decoration: none; /* 无下划线*/ } a: visited{ /* 访问过的超链接*/ color:#000000; /* 黑色*/ text-decoration: none; /* 无下划线*/ } a: hover{ /* 鼠标经过时的超链接*/ color:#FFFF00; /* 黄色*/ text-decoration: underline; /* 下划线*/ }
山东省郯城县第三初级中学初中信息技术《建立超链接》教案 主备人课型新授课时1 时间 分管领导验收结果合格 教学目标 ●情感态度与价值观：通过制作有关新疆历史文化的幻灯片，进一步了解新疆的人文风貌，激发学生的热爱家乡之情。 ●过程与方法：掌握在幻灯片中运用超级链接进行交互的方法和步骤。 ●知识与技能：了解超级链接的概念和作用，并能利用超级链接实现简单的交互。 重点、难点 1．在幻灯片中创建超级链接的步骤和方法。 2．超级链接在幻灯片中的使用方法 教学过程 教师活动 一、创设情境导入新课 师：同学们，你们生在新疆，长在新疆。你对新疆这个多民族聚集的地方有多少了解呢？ 下面让我们来看一组图片，了解一下新疆的风土人情以及丰富的旅游资源。 教师播放图片。 师：同学们，假设现在你是一名导游，你准备从哪些方面向外地游客介绍新疆的特色？是景点，美食或者购物或者其他？ 师：大家回答得不错，现在老师专门收集了一些资料，放在D盘的“新疆特色”文件夹下，大家先看一看 师：这些都是老师收集的资料。我用一张幻灯片把这些资料全部展示出来了。请大家看这张幻灯片（图1），只要老师任意单击某一项文字标题，相关的资料就会立刻展示出来，你们想看哪个方面的内容？ 学生活动 生1：我要向他们介绍 新疆的著名旅游景 点，如天池、卡纳斯 湖。 生2：介绍新疆 的特色美食。 生3：介绍旅游的 路线。 修改意见
图2 图3 师：你们注意到鼠标指针有发生变化吗？ 二、自主学习探究方法 师：老师巡堂发现，大部分同学已经初步掌握了在幻灯片中创建超级链接的方法，现在请还没有掌握方法的同学讲讲你们在尝试过程中遇到了什么困难？把你们的难处提出来，让我们大家共同解决它。 通过师生、师生的讨论后，教师请一位学生演示自己的操作步骤， 学生边说内容，教师随机单击某两项文字标题，展示相应资料内容。 生1：鼠标指针变成手 形。 学生自主探究，教师
frontpage和flash动画主要内容 1、（网页）是一个包含有文本、图形、超链接以及其他信息元素的文件。 2、网站是由一个包含多个由（超链接）连在一起的网页集合。（超级链接）是网站设计中的重要元素。 3、主页是网站的（起始页），包含必要的内容和索引信息。一般情况下主页的文件名都是（index.htm）。 4、我们建立站点时要用“文件”→新建→站点命令；而要添入网页时则用“文件”→新建→网页命令。 5、FrontPage提供了网页、文件夹、报表、导航、超链接、任务（6）种视图方式，3种显示方式，即“普通”、“HTML”和“预览”。建立网页间的层次关系需切换到（导航）视图方式。 6、建立网站后，FrontPage会自动生成若干个文件夹，其中一个是“_private”文件夹，用于存放（私人）文件；一个是“images”文件夹，用于存放（图片）文件。 7、一般来说，文件名用（字符）表示，而网页标题用（汉字）表示。 8、在IE浏览器中浏览网页时，网页的标题名显示在IE浏览器的（标题栏）中。 9、网页图像使用中应注意的两个问题是：（1）将非gif、jpeg 、png格式的图像转换为gif、jpeg格式的图像文件；（2）改变图像大小后，要重新取样。 10、在表格设置中，若边框宽度为0，表示没有表格边框显示在当前Web浏览器中。 11、单元格边距：是指文本和单元格边框的距离。单元格间距：是指表格中各单元格间的距离。它们以像素为单位。默认单元格边距是1，单元格间距是2。 12、表格设置中我们可以通过（拆分单元格），将选定的单元格拆分为若干行或若干列。 13、要想预览网页可以单击窗口转换拦中的“（预览）”标签，查看网页效果，即网页发布后的大致效果，但还不是在浏览器中看到的效果；也可以执行“文件”→“（在浏览器中预览）”命令，选择好窗口大小后选“预览”按钮在IE浏览器中看效果，单击“关闭”按钮，退出IE浏览器。 14、通过合并两个或两个以上的相邻单元格来得到一个较大的单元格的操作叫做合并单元格操作。这个操作只在选中（两个）或多个（相邻）单元格，并且已选的单元格形成（矩形）区域时才有效。 15、超级链接是以文字、图片、按钮等为载体，从一个网页指向另一个目的端的链接。目的端可以是（相同）网页上的不同位置，或同一个网站的另外一个网页，或是另一个网站的一个网页，也可以是一幅图片，一个E-mail地址或者其他文件等。 16、对于同一网页内的超链接，首先要建立（书签），作为链接的目标端，然后再选择载体进行链接。 17、对于同一个网站中网页之间的超链接使用插入（导航栏）的方式比较方便，但有一个前提，必须在“导航”视图中建立网页的层次关系。 18、删除超链接：选中要彻底删除的超链接，按Del键。清除超链接：只删除相应的超链接方式，保留超链接的载体，在超链接属性对话框中，将URL框的内容删掉即可。 19、在“网页属性”对话框中的（背景）选项卡中设置“超链接”、“已访问过的超链接”、“当前超链接”的颜色。（默认超链接颜色为蓝色，默认已访问超链接颜色为紫色，默认当前超链接颜色为红色。） 20、发布网站，可以使用（HTTP）协议，也可以使用（FTP）协议来发布。 21、发布一个网站其实就是将当前网站中的网页（移动）或（复制）到已经存在的某个Web网站文件夹中，使这些网页成为该Web网站中的网页。 22、发布网站之前，要做好两个准备，一个是要对网站进行（全面的）检查，检查有没有断开的超链接、查找慢速网页及其原因等。另一个是网站（发布的位置），如果是发布在因特网上，就要寻找一个因特网服务商，ISP可以提供存放网站的空间和域名。（查看网站状态一般要查看哪两项？答：（1）检查超链接（2）