网页中的超链接 教案
在教师演示结束之后，教师设置一个在网页中建立超链接的任务，学生通过在教师指导、学生相互探究下完成该任务，能够掌握网页中建立超链接的知识技能，并能熟练运用该项技能。
情境法：
教师首先通过展示前几节课所做的无超链接的网页和建立有超链接的网页比较，，让学生主动探索自己的网页和网站的不同，从而导入新课。通过学生相互间讨论、师生讨论的方式使学生掌握相关知识。
导入新课
2分钟
1、创设情景，导入新课。
教师打开一些没有使用超链接的网页，每次要看的网页都要重新打开。
提问同学们：这样的网页看起来是不是非常凌乱而且不方便，那么如何让网站使用起来整洁而有序呢？
多媒体画面广播
分析任务
2分钟
2、提出任务，分析任务
教师展示与刚才同样的网页，唯一不同的是已经做好了超链接。让同学们讨论分析两次打开网页的不同，试着说出要做到这样需要用到什么知识。
知识与技能目标：
1、掌握创建文本超链接、图像超链接、锚点超链接的方法；
2、知道常见的网站链接结构有哪些，各自的优缺点是什么；
3、会根据需要设计网站的链接结构；
过程与方法目标：
1、通过任务的实战演练，体验实现超链接的方法
2、通过学习网页中的超链接，学会将知识与方法迁移到其他软件中。
情感、态度与价值观目标：
教师：本节课的任务就是把这几个网页通过超链接连接起来，接下来我就教大家几个超链接的方法。
多媒体画面广播
演示
4分钟
3、演示两个超链接方法：
文本超链接以及图像超链接，并且提出问题供学生解决
多媒体画面广播
学生练习
5分钟
4、练习所学的超链接方法并思考解决问题
演示
4分钟
5、演示锚点超链接方法，并且提出问题供学生解决。
问题：如何制作回到顶部
多媒体画面广播
学生练习
5分钟
6、完成任务：
练习刚才所讲的内容，完成地图上的书签链接。
思考并完成锚点链接的任务，并请同学上台演示制作过程。
上台演示
2分钟
7、请一位同学上台演示如何用锚点链接制作“回到顶部”
多媒体画面广播
总结
10分钟
8、老师随机展示同学们上交的作品进行点评，同时同学们互相也可以提出意见，分析优点以及缺点。在点评过程中同学们对超链接的结构进行了解，通过对比了解到什么样的层次结构会比较整齐方便。
演示法：
学生在自己的PC机上通过该技术观看教师PC机屏幕，教师演示如何在网页中建立超链接，从而让学生掌握基本的操作方法。
五、教学环境及资源准备
多媒体机房
教师使用可以连接投影仪的电脑，并能在每一台学生机上进行广播
每个学生配备一台装有Dreamweaver 8的计算机
六、教学活动流程
教学环节
活动步骤
教学媒体使用方式
通过不断地提问和引导，锻炼同学们自主思考分析问题的能力。同时链接结构创建使网页具有交互性，培养学生的综合思维能力和逻辑思维能力。
三、学情分析
学生前面学习了基础网页的制作，也在学习过程中了解过一些关于超链接的知识。部分学生自己尝试使用过。所以我用任务驱动法让同学们自己动手操作,巩固整理知识。
四、教学策略选择与设计
网页中的超链接教案
教学主题
网页中的超链接
科目
网页设计
课时
1
教学对象
主备人
辅备人
一、教学内容分析
本节课内容属于本书中的重点内容，需1课时完成。超链接在本课程中占据重要地位，任何一个网站都是由一些网页链接而成的一个有机整体，所以学习超链接是制作网站的基础。本节主要介绍了网页之间创建超链接的各种方法。
二、教学目标
最后回忆今天所学的内容。
多媒体画面广播
布置作业
2分钟
9、布置作业，并让同学们自学电子邮件超链接
多媒体画面广播
七、教学重难点
教学重点：
文本和图像超链接的创建方法
教学难点：
锚点超链接的灵活使用
八、板书设计
运用多媒体一体化技术，学生在自己的PC机上通过该技术观看教师PC机屏幕。
网页超级链接教案
网页超级链接教案(prontpage2000)教学目的：知识目标：让学生掌握网页超级链接的方法情感目标：认清网络的作用，上网的利与弊能力目标：1、实现网页之间的链接2、改变链接课前准备：教师先制作好二张以上的网页，并且它们之间做好超级链接，在边引入时，边操作，让学生彻底领悟网页之间的链接是什么样的。
教学内容：一、引入：同学们，在咱们上网时，每单击一组文字或者图片，都会有相应的网页出现，来对该文字或图片做进一步的说明，看完之后，还可以再回到原先的网页。
那么，这就是网页之间的链接，让网页之间可以随意的切换。
这节课，我们就来看一下，网页之间的链接是怎么做的？二、讲授新课：1、复习：学生动手制作：新建一个网站，然后包含两张网页；在网页上，有文字并且插入图片；保存网页。
师：注意：在编辑网页时，每完成一张网页，都要保存。
2、回忆：以前我们曾学过制作幻灯片，在PowerPoint 里，我们曾制作过超级链接，我们知道，可以用图片或者是文字。
在这里，Prontpage 里，也是用这两种方式。
教师演示：首先，我们在主页( index.html )里，添加文字和图片，然后，保存。
再次，新建一个newpage1.html ，添加文字和图片，然后，保存。
开始制作：首先，在主页当中，选中文字，然后，单击鼠标右键，出现菜单，选择超级链接，出现对话框，在这里去选择，你所要链接的网页(注意，在选择网页，不能选择当前你正在编辑的网页，这里我们选择newpage1.html )。
然后，单击确定。
我们看一下，是否完成链接任务。
单击“预览”标签，看一下效果。
单击刚才做链接的文字，看是否能到所链接( newpage1.html )的网页。
如果能，证明完成任务。
这是主页上做好的链接，接下来，我们来到newpage1.html ，去做链接，让它链接到主页。
我们在newpage1.html 上，选择一张图片，然后，单击鼠标右键，出现菜单，选择超级链接，出现对话框，在这里去选择，你所要链接的网页，这里我们选择主页)。
网页超链接教学设计
网页超链接教学设计《网页超链接》教学设计授课教师:劳立颖授课时间:2009-10-21 授课班级:高一(10)班一(教材、学情分析:网站制作已经进行了一个月,学生已经建立好了网站文件夹,基本建立了主页,子栏目的第一栏也已经用表格设计好了框架.学生掌握了用FTP将网站上传到服务器,能通过“作品展示”看到自己的主页～但由于没有建立超链接～子层的页面无法看到。
这节课就是想通过学习超链接的设置～使没有联系的网页相互间建立关联。
二(教学目标:1、掌握利用文字、图片设置超链接的方法,2、学会使用交互式按钮制作超链接的方法,3、了解“资料下载”、“与我联系”、“友情链接”等设置方法与网页间链接设置的差别,4、在自己的网站中熟练使用各种超链接方法～发挥想像力～为自己的网站添加创意、增添魅力。
三(教学重点难点:重点:掌握利用文字、图片、按钮设置超链接的方法难点:其他几种链接方式四(教学方法与手段:教师讲授、演示,学生实践、思考、尝试、回答五(教学过程设计:环节教师活动学生活动设计意图1( 大屏幕展示，提示学生做好准备工作 1(签到给学生时间做准2( FTP登录好准备工作，备过3(下载到E盘便于后面新课程 4(整理及修改网站。
的开展。
1( 示09级学生作品中几件精美的学生主页学生欣赏让学生了解超2( 提示:网站主页一般可放标题、简介、栏目按链接的作用导钮，所以主页更像是目录入:3( 上节课大家都制作了第一个栏目的页面，但上创次估计大多数同学只看到了主页，栏目1并没立情有看到，为什么, 学生回答境 4( 今天就让大家把主页与后面栏目的页面连起来，让我们的页面产生关联。
1( 演示设置文字、图片超链接学生观看演示让学生掌握常选中文字或图片---右击---设置“超链接”---点规超链接方法实践:击目标页面---设置“目标框架”---确定设2(设置交互式按钮: 让学生了解FP置超目标位置定位---“插入”菜单---“交互式按钮”提供的按钮方---做好相应设置---确定---可利用IE保存图片式3(利用IE浏览器观察设置效果链接巡视学生操作，帮助有困难的学生学生操作任务1( 提出思考:如主页中有友情链接、资料下载、学生思考并尝试让学生尝试其思与我联系，如何链接到相关对象上,分批思考他的链接对象考2( 请学生回答思考问题，教师操作并演示学生观看演示，判与提“友情链接”必须写全网址，如断自己的处理是否高正确巡视学生制作学生掌握超链接方让学生自由发创作法后，自己对网站挥，制作自己时间进行创作的网站超链接是网页三大要素之一，也是网页的一大特学生倾听并思考自色，链接的方法有很多种，有文字、有图片、有己的链接处理方式总按钮等，链接的特殊效果也比较多样，所以如何结进行链接应从如何体现网站特色及如何让观众浏览方便两方面着想。
初中建立超链接教案
初中建立超链接教案教学目标：1. 理解超链接的概念和作用。
2. 学会如何在网页中插入超链接。
3. 能够使用超链接将不同页面或网站连接起来。
教学重点：1. 超链接的概念和作用。
2. 在网页中插入超链接的方法。
教学准备：1. 电脑和投影仪。
2. 网页编辑软件（如：Dreamweaver、HBuilder等）。
3. 网络连接。
教学步骤：一、导入（5分钟）1. 向学生介绍超链接的概念和作用。
2. 向学生展示一些实际的超链接例子，让学生感受超链接的使用场景。
二、讲解超链接的概念和作用（10分钟）1. 超链接是一种在网页中插入链接的方式，可以连接到不同的页面、网站或文件。
2. 超链接的作用是方便用户在浏览网页时快速跳转到相关的内容。
三、学习在网页中插入超链接的方法（10分钟）1. 打开网页编辑软件，创建一个新的网页文件。
2. 选择要插入超链接的文字或图片，右键点击选择“链接”。
3. 在弹出的对话框中，输入要链接到的页面地址（URL）。
4. 点击“确定”保存设置。
四、实践插入超链接（10分钟）1. 让学生在网页编辑软件中实践插入超链接的过程。
2. 引导学生尝试链接到不同的页面、网站或文件。
五、拓展学习（10分钟）1. 讲解如何使用超链接实现网站的导航功能。
2. 引导学生思考如何使用超链接提高网站的用户体验。
六、总结和作业（5分钟）1. 总结本节课学习的超链接的概念、作用和插入方法。
2. 布置作业：让学生在课后制作一个简单的网页，并使用超链接连接到不同的页面或网站。
教学反思：本节课通过讲解和实践的方式，让学生掌握了超链接的概念、作用和插入方法。
在实践环节，学生能够积极参与，充分发挥自己的创造力，制作出有趣的网页。
在拓展学习环节，学生了解了超链接在网站导航和用户体验方面的重要性。
总体来说，本节课达到了预期的教学目标，学生对超链接的使用有了更深入的理解和掌握。
“网页超链接”教学设计新部编版
精选教课教课方案设计| Excellent teaching plan教师学科教课方案[ 20–20学年度第__学期]任教课科： _____________任教年级： _____________任教老师： _____________xx市实验学校作者：佛山市第十四中学黄韶君一、教材剖析本次教课方案是选自佛山市《信息技术》编委会编写的《信息技术》初中版第二册第三单元第六课《网页超链接》。
教材目的是让学生熟习超链接的功能，能娴熟操作文本超链接的方法，初步掌握图片超链接的方法，能利用“超链接”的功能实现简单的交互，内容量比许多，可是希望经过学生自主研究学习，让基础好的学生能全面掌握网页中信息链接实现的方法，让基础一般的学生能对Frontpage 软件中创立超链接的几种方法全面认识，能掌握此中的部分内容，学会学习方法，让一课时中不可以完整掌握的内容经过自己的后续学习也能所有掌握，为此后制作更精巧的网站打好基础。
并且网页超链接的教课内容对已掌握了必定网页制作技术的初二学生来说其实不难，并且也是学生十分感兴趣的东西，所以在讲堂上只要坚持精讲多练的原则，重难点知识则经过学生自学教材内容、自学教课课件网页演示、小组学习沟通议论以及教师适合点拨等方式帮助学生理解掌握。
二、教课目的1、知识与技术：理解网页超级链接的作用；掌握超级链接的使用方法；认识不一样对象的超级链接是怎么制作的。
（文字超链接、图像超链接、热门超链接、邮件超链接）2、过程与方法：经过教课课件网页的帮助，学生以自主研究的方式达成对知识点的学习与掌握，增强主动学习、研究的意识。
培育学生自我研究、自主学习的能力和自我创新、集体协作的能力。
3、感情目标让学生自我展现、自我激励，体验成功，勇于试试，激发求知欲。
经过对别人作品的赏识和评论，培育学生的审盛情识。
三、教课重难点重点：掌握超链接的方法，能利用超链接功能实现简单的交互难点：正确运用超链接，超链接的属性设置育人如同春风化雨，授业不惜蜡炬成灰四、教课策略讲堂教课以学生为主体，充足发挥学生的主体性。
信息技术《设置超链接》教学设计
信息技术《设置超链接》教学设计一、教学目标1、知识与技能目标学生能够理解超链接的概念和作用，掌握在文档、网页中设置超链接的方法，包括文本超链接、图片超链接和锚点链接。
2、过程与方法目标通过实际操作和案例分析，培养学生的动手能力、问题解决能力和创新思维，提高学生自主学习和合作学习的能力。
3、情感态度与价值观目标激发学生对信息技术的学习兴趣，培养学生的信息素养和审美意识，让学生体验到成功的喜悦和学习的乐趣。
二、教学重难点1、教学重点（1）超链接的概念和作用。
（2）文本超链接和图片超链接的设置方法。
2、教学难点（1）锚点链接的设置方法。
（2）合理运用超链接，使文档或网页的结构清晰、逻辑合理。
三、教学方法讲授法、演示法、实践法、小组合作法四、教学准备1、多媒体网络教室，安装相关软件。
2、教学课件、案例素材。
五、教学过程1、导入（5 分钟）通过展示一个包含超链接的网页，让学生点击超链接进行浏览，引导学生思考超链接的作用，从而引出本节课的主题——设置超链接。
2、知识讲解（10 分钟）（1）超链接的概念：超链接是指从一个网页指向一个目标的连接关系，这个目标可以是另一个网页、同一网页的不同位置、图片、文件、电子邮件地址等。
（2）超链接的作用：方便用户快速浏览相关内容，提高信息获取的效率，使网页或文档的结构更加清晰、逻辑更加合理。
3、文本超链接的设置（15 分钟）（1）教师演示：打开一个文档，选中需要设置超链接的文本，如“点击这里”，然后选择“插入”菜单中的“超链接”选项，在弹出的对话框中选择链接的目标，可以是网页、文件、电子邮件等，最后点击“确定”。
（2）学生实践：学生模仿教师的操作，在给定的文档中设置文本超链接。
（3）教师巡视指导，及时解决学生遇到的问题。
4、图片超链接的设置（15 分钟）（1）教师演示：选中需要设置超链接的图片，右键单击选择“超链接”，在弹出的对话框中设置链接目标，如网页地址。
（2）学生实践：学生在自己的文档中选择一张图片，设置图片超链接。
七年级信息技术 网页超链接教案 青岛版
七年级下册第5单元第5课《网页超链接》教案三维目标：知识与技能：1、熟悉以文字、图片为链接源的基本操作2、掌握链接到站点内网页、电子邮件、网页内书签的操作3、理解在网页（站点）内建立超链接的意义4、了解广义的超链接内涵过程与方法：1、在模仿教师演示、自主学习和小组协作学习的过程中掌握建立超级链接的基本方法。
2、通过层次递进的4个任务、2个拓展任务和综合运用任务，逐渐理解超链接的意义与内涵。
情感、态度和价值观：1、在收集整理校园文化网站素材、制作校园文化网站的过程中，加深加深学生对学校文化理念的理解，让学生树立正确的人生观、价值观。
2、小组间竞争、小组内合作的学习方式，既激发了学生的学习积极性，又培养了合作精神。
教学重点：1、建立超链接的基本操作2、链接到站点内网页、电子邮件、网页内书签的操作方法教学难点：1、链接到电子邮件、网页内书签的操作方法2、理解在网页（站点）内建立超链接的意义教学过程：一、复习导入学生1演示：插入滚动字幕、插入视频的操作。
学生2演示：下载作业、打开站点、预览网页的操作。
师：点评作业，引入新课。
二、新授一师：演示建立文字超链接的方法，学生模仿完成任务1。
任务1：给首页index.htm添加文字超链接。
具体要求：将首页内的文字“鸿源雕塑”链接到对应的网页“hongyuan.htm”。
同样，将其它文字“教学楼”、“校徽校训”、“文化长廊”、“联系我们”链接到对应的网页。
步骤提示：选中要链接的文字→单击工具栏→选中被链接的网页→确定。
反馈：请一个没有全部完成的学生演示任务1，发现问题，现场分析。
师启发：在子页中建立图片返回链接，出示任务2。
任务2：给子网页建立返回主页的超链接。
具体要求：将网页hongyuan.htm 中的图片链接到网站主页index.htm。
（先保存，再预览）生：看书、看屏幕回放教程，自主学习完成任务2，远程消息反馈。
三、新授二广播：阶段小结。
出示“lianxi.htm ”网页，引出链接目标是电子邮件地址的超链接。
七年级信息技术 网页中的超级链接教案 青岛版
网页制作之“超级链接”教案
一、教学目标
1、知识技能： 1、理解超级链接的含义，类型。
2、能熟练进行各种超级链接的制作。
3、能学会修改超链接的色彩
4、了解不同类型的超链接的代码
2、能力目标：通过“任务”驱动，学会制作超链接，培养学生自主探究，自主学
习和团体协作能力。
3、情感目标：自主学习、自我展示、体验成功、勇于尝试、激发求知欲。
二、教学难重点
1、书签式链接、图像热区链接
三、教学手段方法
1、学生自主协作探究学习。
2、采用半成品加工策略，让学生直接在练习网页上建立超级链接，提高学习效率。
四、教学过程。
在网页中使用超链接课件
5.1.2 文档路径类型
文档路径类型有绝对路径和相对路径两种。
1．绝对路径
绝对路径是包括服务器协议（在本例 Site Root） 和文档相对路径（Document）两种。
5.2.2 创建锚点超链接
1．命名锚记 2．链接到命名锚记
5.2.3 创建电子邮件链接
1．插入电子邮件链接 2．使用属性面板创建电子邮件链接
5.2.4 创建空链接和脚本链接
1．创建空链接 2．创建脚本链接
5.2.5 创建下载文件超链接 5.2.6 图像地图
1．创建图像地图 2．修改图像地图
5.3 利用Dreamweaver MX编辑超链接
超链接是WWW的魅力所在。为了把 Internet上众多分散的网站和网页联系起来， 构成一个有机的整体，就要在网页上加入 链接。通过点击网页上的链接，才能真正 实现网络无国界，我们才可以在信息海洋 中尽情遨游。
5.1 超 链 接 基 础
5.1.1 超链接的种类
超链接按源端点的链接划分，可分为 超文本链接和非超文本链接两类。
（1）根相对路径
根相对路径（也称相对根目录）以“/” 开头，路径是从当前站点的根目录开始计算。
（2）文档相对路径
文档相对路径的基本思想是省略当前 文档和链接的文档都相同的绝对URL部分， 而只提供不同的那部分路径。
5.2 利用Dreamweaver MX创建超链接
5.2.1 创建文字超链接
1．使用“浏览文件”图标 2．使用“指向文件”图标 3．使用“超级链接”对象
5.3.1 设置链接颜色 5.3.2 设置链接字体 5.3.3 删除超链接
《网页超链接》教学设计
《网页的超链接》教学设计教材分析教材分析睛的作用。
在前面几节课的学习中睛的作用。
在前面几节课的学习中,,学员已根据学校网站的素材建立了多个子网页立了多个子网页,,但这些网页内部的目录和正文、网页之间都是相对独立的对独立的,,还没有形成有机的整体。
建立超链接能让各个独立的网页形成一个有机的整体页形成一个有机的整体,,同时将本网站链接到其他的网站同时将本网站链接到其他的网站,,这样可以获取更多的信息。
所以超链接这部分内容以获取更多的信息。
所以超链接这部分内容,,是网页制作中的重点。
: : ⒈了解超链接的基本概念⒈了解超链接的基本概念⒈了解超链接的基本概念;2.;2.;2.掌握同一站点内网掌握同一站点内网页间超链接的制作页间超链接的制作;;⒊掌握与站点外的内容建立超链接的方法⒊掌握与站点外的内容建立超链接的方法;;⒋掌握同一页面中超链接的制作方法。
掌握同一页面中超链接的制作方法。
: 1.: 1.通过设置超链接的操作通过设置超链接的操作通过设置超链接的操作,,学员掌握网页中超链接的制作方法接的制作方法;2.;2.;2.总结操作规律总结操作规律总结操作规律,,培养学员自主学习和探究学习的能力。
能力。
:1.:1.设置超链接将独立的网页串成一个有设置超链接将独立的网页串成一个有机整体机整体,,使学员感受成功的喜悦使学员感受成功的喜悦;2.;2.;2.在动手制作的过程中体会作品在动手制作的过程中体会作品的内在美的内在美,,给学员以美的熏陶。
给学员以美的熏陶。
:超链接、链接载体、链接目标的含义。
超链接、链接载体、链接目标的含义。
:书签的链接及对应链接位置的设定。
书签的链接及对应链接位置的设定。
:学员都能独立的完成单个网页的制作学员都能独立的完成单个网页的制作,,所以对frontpage 的操作界面已很熟悉的操作界面已很熟悉;;同时在建网站时有过规划同时在建网站时有过规划,,学员对站点内页面的关系有所了解站点内页面的关系有所了解;;在powerpoint 学习中学员已学习过超链接。
中职《网页设计》4.5.2超链接标记教案
4.5.2超链接标记教案一、教学课时：1课时（40分钟）二、教学目标：1.学生能够深入理解超链接的基本概念和在网页中的作用。
2.学生能够熟练掌握HTML中超链接标记<a>的使用方法和属性。
3.学生能够通过实践操作学会创建和使用超链接，并理解其在网页设计中的重要性。
三、教学重难点：（一）重点：1.超链接标记<a>的基本语法和属性。
2.超链接的绝对路径和相对路径的区别及应用场景。
（二）难点：1.理解超链接的target属性，特别是_blank和_self的使用及其影响。
2.创建邮件链接和锚点链接的方法。
四、教学材料：1.电脑或平板，预装有网页浏览器和文本编辑器。
2.投影仪和屏幕，用于展示教学内容。
3.打印出来的超链接标记示例代码。
五、教学过程：（一）引入（5分钟）1.开场提问：询问学生是否熟悉网页中的超链接，以及它们在浏览网页时的作用。
2.引入超链接的概念，解释它们如何使网页内容相互连接，提高用户体验。
（二）理论讲解（10分钟）1.超链接的基本概念：（1）详细解释超链接的定义，它是一种在网页中从一个页面跳转到另一个页面或站点的链接。
（2）讨论超链接在互联网导航中的核心作用，以及它们如何促进信息的快速传播。
2.超链接标记<a>：（1）深入讲解超链接的基本语法：<ahref="URL">LinkText</a>，其中href属性定义了链接的目标URL。
（2）通过实例讲解如何使用<a>标记创建文本链接和图像链接。
（3）讨论绝对路径和相对路径的区别和使用场景。
3.超链接的target属性：（1）详细解释target属性，特别是_blank（在新标签页打开链接）和_self（在当前页面打开链接）的使用。
（2）讨论何时使用target属性以及它对用户体验的影响。
（三）示例演示（5分钟）1.通过投影仪展示一个实际的HTML页面代码示例，并逐步解释如何创建不同类型的超链接。