网页设计与制作超链接教案设计
（完整版）《网页设计与制作》课程教案
（完整版）《网页设计与制作》课程教案《网页设计与制作》课程教案一、课程定位本课程是计算机应用技术专业的一门专业基础课程，该课程的学习能够提升他们对网页制作的兴趣，让他们学习网页制作的基本技能，为后继课程打下基础，同时扩展其就业面，为就业做好准备。
本课程的目的和任务是让学生学会Dreameaver CS6、Flash和Fireworks 的使用方法，并能够使用这3款软件制作出美观实用的网页。
二、课程总目标掌握网页制作的基本方法和技能，掌握网站建设的流程，能够运用所学知识建设常用的网页和网站，同时能够美化网页，设计人性化、艺术化的网站静态页面部分。
（一）知识目标：1.熟悉网页制作的基本元素；2.掌握Dreamweaver CS6软件的基本操作方法；3.掌握在网页中插入文字、图片、声音、flash等的方法；4.掌握常见的网页布局方法，学会使用CSS美化网页；5.掌握在网页中使用表单和制作网页特效的方法；6.掌握简单图形图像的处理，能够制作符合网页主题的图片和简单动画并巧妙地和网页中内容搭配起来。
7.掌握建设一个功能相对完善的网站的方法并能制作常用的网站的静态页面部分。
（二）职业能力培养目标1. 能够根据网站开发需求，去寻找网页设计和网站开发所需要的文字、图片、动画、声音、视频等素材并作美化处理；2．能够制作出符合主题色彩的网页，网页要求美化、被绝大多数浏览者接受和喜爱；3.能够设计企业网站、政府门户网站、学校网站等常见网站的基本静态页面。
（三）素质目标1.具有勤奋学习的态度，严谨求实、创新的学习精神；2.具有良好的心理素质和职业道德素质；3.具有高度责任心和良好的团队合作精神；4.具有运用理论知识发现问题、分析问题并解决问题的能力，同时能够不断学习，不断创新，让自己的设计越来越完善，有止于至善的精神。
（四）职业技能证书考核要求：可以根据自身情况考取“全国计算机信息高新技术资格证”，“网页设计制作员”，“网页设计师”等职业技能证书。
网页设计与制作项目7超链接
步骤7 单击“预览”按钮 ，当鼠标指向 文本“黄山”图片时，单击即可跳转到“黄山” 页面上。 步骤8 按照相同的操作，可以完成图片 “苏州园林”、“桂林”的超级链接。
7.2 网页制作
7.2.3 创建图像映像超链接 步骤1 在“目的地”页面上单击“地图”图片，在 【属性】面板单击“矩形热点工具”按钮 ，在地图上的 “北京”处绘制“矩形”，如图所示。 步骤2 在【属性】面板上单击“链接（L）”右侧的 “浏览文件”按钮 ，或直接输入超级链接的目标文件名， 如图所示。
选择原始图像
7.2 网页制作
步骤5 在【插入 鼠标经过图像】对话框 中单击“按下时，前往 的URL” 右侧的“浏览” 按钮，选择超级链接的 目标文件。
选择目的地原始图像
7.2 网页制作
步骤6 重复以上操作，执行【插入】|【图像对象】 |【鼠标经过图像】菜单命令，在图像名称的文本框中输 入“目的地”，分别单击“原始图像”及“鼠标经过图像” 右侧的“浏览”按钮，选择所需要的图像，如图所示为选 择原始图像；在【插入鼠标经过图像】分别单击对话框中 的参数设置如图所示。
7.3.1 超链接 4．设置文本超链接的属性
执行【修改】|【页页属性】菜单命令，或在【文件 名】属性面板上单击“页面属性”按钮，在弹出的【页页 属性】对话框中设置文本超链接的属性，如图所示。
设置“文本”链接属性
7.3.2 内部超链接
1．创建文本或图像超链接 创建文本或图像超链接后，单击该文本或图像便可以打 开链接所指向的目标网页。创建文本与图像超链接的方法相 同，下面仅以文本超链接为例，讲述文本或图像超链接的几 种方法。 方法一：步骤1 在文档中选中超链接源端点的文本 “欢迎您的光临”，如图所示。
在页面左上角定位光标
《第1章 美丽家乡——网站设计与制作 第4节 建立网页间的超链接》教学设计
《建立网页间的超链接》教学设计方案（第一课时）一、教学目标1. 理解超链接的基本观点和作用。
2. 掌握在网页中创建超链接的方法。
3. 学会在不同网页之间建立链接，实现网页间的跳转。
二、教学重难点1. 教学重点：学会创建文本超链接和图片超链接。
2. 教学难点：正确选择链接目标，避免无效链接的出现。
三、教学准备1. 教材、课件和相关素材。
2. 网络环境、电脑设备和教学软件。
3. 教室、黑板和粉笔等基本教学工具。
四、教学过程：本节课主要内容是在网站建立好之后，将网站的各个部分之间建立超链接。
这个知识点主要分成了四个步骤：理解超链接、学会应用“超链接”工具、创建文字超链接、创建图片超链接。
1. 导入新课：起首回顾上一节课的内容，简单介绍什么是超链接，并展示一些网页中的超链接，引起学生的兴趣。
2. 新课讲解：(1) 理解超链接：教师详细诠释超链接的观点，让学生了解超链接是如何工作的，以及为什么它们对于一个网站来说是如此重要。
(2) 学会应用“超链接”工具：教师详细介绍并示范如何应用Word中的“超链接”工具。
包括如何添加、如何编辑、如何删除等。
(3) 创建文字超链接：教师引导学生尝试自己创建文字超链接，通过实际操作来掌握这一技能。
(4) 创建图片超链接：教师展示如何将图片添加到超链接中，并诠释为什么这个方法无意候比直接链接文字更好。
3. 实践操作：学生根据教师提供的素材，尝试将各个部分之间建立超链接。
教师巡视指导。
4. 作品展示：请学生展示自己的作品，并分享他们的经验和学习感受。
教师给予反馈和鼓励。
5. 教室小结：教师总结本节课的内容，并再次强调超链接的重要性。
6. 安置作业：让学生在课后自己尝试创建一个完备的网站，并在这个过程中继续完善和添加超链接。
教学设计方案（第二课时）一、教学目标1. 学生能够掌握在网页中建立超链接的方法。
2. 学会在不同网页之间建立链接，理解链接的观点和作用。
3. 培养学生对网页进行编辑和管理的技能。
“网页超链接”教学设计新部编版
精选教课教课方案设计| Excellent teaching plan教师学科教课方案[ 20–20学年度第__学期]任教课科： _____________任教年级： _____________任教老师： _____________xx市实验学校作者：佛山市第十四中学黄韶君一、教材剖析本次教课方案是选自佛山市《信息技术》编委会编写的《信息技术》初中版第二册第三单元第六课《网页超链接》。
教材目的是让学生熟习超链接的功能，能娴熟操作文本超链接的方法，初步掌握图片超链接的方法，能利用“超链接”的功能实现简单的交互，内容量比许多，可是希望经过学生自主研究学习，让基础好的学生能全面掌握网页中信息链接实现的方法，让基础一般的学生能对Frontpage 软件中创立超链接的几种方法全面认识，能掌握此中的部分内容，学会学习方法，让一课时中不可以完整掌握的内容经过自己的后续学习也能所有掌握，为此后制作更精巧的网站打好基础。
并且网页超链接的教课内容对已掌握了必定网页制作技术的初二学生来说其实不难，并且也是学生十分感兴趣的东西，所以在讲堂上只要坚持精讲多练的原则，重难点知识则经过学生自学教材内容、自学教课课件网页演示、小组学习沟通议论以及教师适合点拨等方式帮助学生理解掌握。
二、教课目的1、知识与技术：理解网页超级链接的作用；掌握超级链接的使用方法；认识不一样对象的超级链接是怎么制作的。
（文字超链接、图像超链接、热门超链接、邮件超链接）2、过程与方法：经过教课课件网页的帮助，学生以自主研究的方式达成对知识点的学习与掌握，增强主动学习、研究的意识。
培育学生自我研究、自主学习的能力和自我创新、集体协作的能力。
3、感情目标让学生自我展现、自我激励，体验成功，勇于试试，激发求知欲。
经过对别人作品的赏识和评论，培育学生的审盛情识。
三、教课重难点重点：掌握超链接的方法，能利用超链接功能实现简单的交互难点：正确运用超链接，超链接的属性设置育人如同春风化雨，授业不惜蜡炬成灰四、教课策略讲堂教课以学生为主体，充足发挥学生的主体性。
教案精选高中信息技术网页制作的超链接教学设计
教课方案优选：高中信息技术《网页制作的“超链接”》教课方案教课方案优选：高中信息技术《网页制作的“超链接”》教课方案教课方案优选：高中信息技术《网页制作的“超链接”》教学设计整体设计思路：*导言* 学习目标*提示* 学习资源* 随堂练习* 评论* 拓展与思虑* 教课反省导先期，我们学习了上网的有关内容，此刻为止，我们所制作的网页都是孤立存在的，还没有形成一张互相联系的网，因为我们没实用到“超链接”的功能，今日我们就一同来学习怎样经过“超链接”让我们的网页奇特起来。
那什么是“超链接”呢？言我们在阅读网页时，常常会发现当鼠标指针挪动到某些文字或图片刻，它就会变为一只“手”，这时单击鼠标就能够翻开另一网页了或转到另一个地点。
这就是我们将要讲述的网页”超链接”方式。
没有链接就没有网的生命力，正是因为有了”超链接”，因特网才会变得这样奇特，这样富裕魅力！下边，我和同学们一同来感觉“超链接”的美好！学知识和技术：进一步认识网络，能经过登录网站独立收1 / 6教课方案优选：高中信息技术《网页制作的“超链接”》教课方案发邮件；掌握网上注册电子信箱的往常步骤，能够对知识概括、总结。
说明：本节课要求同学们能够娴熟的使用各样形式的“超链接”，最后制作一个操作方便、适用、雅观的网页。
习过程和方法：能读懂软件的操作指导；经过疑问——察看——试试——交流——总结来提升学生自主学习、合作学习的能力，逐渐形成优秀的学习习惯和学习方法。
目感情态度和价值观：要培育学生乐用、善用网络资源；激励学生踊跃思虑、主动研究、勤于着手、勇于创新的意识；增强学生网络安全意识，养成文明上网的美德。
教课内容：标从文字（或图片）链接到另一个网页文件。
从文字（或图片）链接到某个网站地点。
从文字（或图片）实现网页内部的链接——“书签”。
学习要点：各样不一样形式的超链接的实现方法。
学习难点：书签学习“超链接”时，先要弄清楚几个基本的观点。
提 1、链接源：本网页中已经存在的元素，能够是文字、图片等多种对象形式。
创建超链接和网页模板教案
指出操作要点：建立文字超链接时需要选中制作超链接的文本！
提问：超链接制作的方法？
提问：超链接的对象是什么呢？
二、设置超链接颜色
让同学们观察建立文字超链接后文字有什么变化？我们能够修改超链接的颜色吗？
按照书本上的图示，讨论、探究超链接制作的方法。
学生尝试制作超链接
小组发言并演示超链接的建立方法
3．该班级学生对超链接这部分内容还不熟悉，对于超链接及超链接热区的创建的实际操作能力有待提升。
四、教学策略选择与设计
直观演示与自主学习相结合，合作练习与教师的讲授相结合
五、教学环境及资源准备
多媒体教室、自制教学课件
六、教学过程
教学过程
教师活动
学生活动
设计意图及资源准备
质疑导入
首先，老师演示自己制作的网站，用超链接预览所有的网页，让学生仔细观察。然后，让学生按照老师的方法，演示自己的作品，看能不能进行，为什么？
情感态度与价值观：1．完成文字和图片超链接的创建，使学生感受成功的喜悦和快乐。
2．培养学生勤于思考和自己动手探索新知识的良好学习品质。
三、学习者特征分析
1．该班级学生基础知识比较扎实，思维活跃，学习兴趣浓厚，课堂参与积极、主动。
2．该班级学生能熟练掌握电脑的基本操作，能够在网络环境下顺利的开展自主和合作探究活动。
学生回答超链接的对象可以是网页、文件、网址、电子邮件等
学生通过观察后回答并按照书上尝试改变超链接文字的颜色
小组成员间合作练Байду номын сангаас掌握超链接文字的颜色的的设置方法
培养学生的自学能力、他人交流合作的能力、语言表达能力
让学生动手制作、体验超链接，提高学生的动手操作能力。
网页设计与制作第5章 超链接
<br><br><hr><br><br><br><br> <h3><a id="T2">计算机基础</a> </h3> <p>《计算机基础》是……。</p> <a href="#top">返回页首</a>
_blank：在新窗口载入文档，可同时打开多个相同窗口。 但如无特殊需要请勿滥用。
_self：在被点击的同一框架中打开被链接文档（默认）。 _parent：在父框架集中打开被链接文档。 _top：在窗口主体中打开被链接文档。 new：在新窗口载入文档，但只打开一个窗口（受浏览
器限制）。 说明：_self、_parent 和_top 这三个值大多数时候与iframe一起 使用。
<br><br><hr><br><br><br><br> <h3><a id="T3">计算机网络</a> </h3> <p>计算机网络是……。</p> <a href="#top">返回页首</a>
创建超链接教案
成果体验：
1、览的方式体验自己制作的超链接。
2、在保存网页后，通过打开网页的方式体验成果。
教师活动：
根据学生活动情况，亲自示范点评或者让学生示范。
学生活动：
阅读：5、创建发送电子邮件的超链接；完成任务五。
1、超链接的作用
2、超链接的类型
3、如何创建超链接
教学
方法
1、网络下的任务驱动法—Webquest
2、讲练结合法
3、自学探究法
教学过程
授课思路与方式方法
教师活动：
引言：
同学们，现在是春季，在这个美丽的季节里，我们经常看到漂亮的花儿。你知道现在那些花正在盛开吗？我知道，有一种洁白的花正在盛开，那就是梨花，谈到梨花，不由的使我想起我的家乡的一个特殊节日“梨花节”，那么大家跟随我通过网络“回家”看看！我的家乡很美丽吧，我们的金乡也很美丽！大家来看看……
（2）、将“济宁1.htm”中的“综合实力”；链接到“jnsl.doc”
成果体验：
1、预览的方式体验自己制作的超链接。
2、在保存网页后，通过打开网页的方式体验成果。
教师活动：
根据学生活动情况，亲自示范点评或者让学生示范。
学生活动：
阅读：4、创建链接外部站点的超链接；完成任务四。
任务提示：
（1）、使用FrontPage打开“练习”文件夹中的“济宁1.htm”
如果，你能快速的完成任务，请进入高手加油站。
高手加油站：
1、通过网页属性，设置链接的翻转效果、文字的颜色、访问后的链接文字颜色等。
2、在超链接属性窗口中，可以设置超链接屏幕提示信息。
成果体验：
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
网页设计与制作超链接教案设计
教学环节
教学过程设计意图教师活动学生活动时间
一、回顾知识，导入新课教师带领学生回
顾上节课所学内
容，引入新课内
容。
跟随老师进行知
识回顾。
回答老师
提问。
2min 巩固上节课所学
知识，讲学生带
入课堂氛围中。
教师PPT展示超
链接的基本语法
并进行说明。
绝对地址与相对
地址。
上级目录及上上
级目录。
认真听讲。
3’30
’’
仔细讲述内容，
让学生了解掌握
内容、
教师解释锚链接。
打开
Dreamweaver
演示通过锚链接
实现同页跳转。
认真观看屏幕的
操作演示。
5’50
’’
在软件中操作演
示让学生更加直
观的感受锚链接
的效果。