当前位置:首页 >> 教学反思/汇报 >> 《制作网站超链接》教学反思

《制作网站超链接》教学反思


《制作网站超链接》教学反思
教学目标:让学生掌握网页超级链接的方法和网页过渡效果的设置。 教学重点:首页栏目和栏目所在网页超级链接的方法。 教学难点:网页返回按钮的设置 教学准备:学生制作了“我的栏目首页”、“我的老师”、“我的班级”三张网页。 一、新课导入:1.同学门前几课我们讲了网页的基本编辑。那么谁能介绍一下你做了几张网 页,你都设置了什么栏目。 好!谁能来介绍一下自己的网页。 (学生首先介绍他做了几张网页和在首页设置的栏目,然 后一张一张的展示。) 2.大家看完他的演示之后发现了一个什么问题? 生:他的网页只能一张一张的演示,网页之间没有链接。 3.这节课我们就来学习一下网页的链接。(彩色贴字板书:网页的链接) 二、新课教学:1.大家看屏幕,我们先把保存过的网页在编辑状态下打开,然后选中老师要 求大家设置的栏目我的班级, 在选中的区域内点击右键超链接, 再选择第二个按钮浏览找到 内容为我的班级的网页,点击选中,最活确定。然后再把选项卡从普通状态,调整到预览状 态。这时网页之间就能够进行链接了。 又多少同学做完了。谁来演示一下。 4.现在老师再想问你们一个问题如何从栏目内容返回到首页呢?大家自己先想一想, 想好的 同学举手,然后同桌之间先进行讨论。 生:只要设定一个返回按钮,使该网页连接到首页就可以了。好了,老师按照你们的方法操 作一遍,大家看一看链接能不能成功。(具体操作) 5.好,按照大家的做法,我们成功了。 大家自己操作一下。(教师巡视) 6.网页链接我们做好了,我们就可以在网页之间来回的切换了。在网页进行切换的时候,我 们还可以设置一下网页进入或者离开时的过渡效果。 单击格式菜单下的“网页过渡”在事件选 择上选择离开网页,然后再选择一下效果。比如:圆形放射。这时我们再到预览状态下,就 可以看到网页在离开时的过渡效果了。 下面大家自己试一试,记住你采用了哪种过渡效果,一会我找同学来来演示。 (学生演示给 予鼓励性评价) 7.下面同学们就可以给自己的主页设置一些你喜欢的栏目了,并把他们链接到相应得网页内 容。自己动手吧!有疑问问老师。

8.同学们,这节课你们学习到了什么?(网页链接的方法和网页过渡效果的设置) 9.你们掌握这两种方法了嘛? 希望同学门制作出更多精致美观得的网页。这节课我们就上到这。


赞助商链接
更多相关文档:

《网页超链接》教学设计

网页超链接》教学设计_其它课程_小学教育_教育专区。《网页的超链接》教学设计 教材分析 ?创建超链接这部分内容在《网页制作》这一章中起到了画龙点 睛的作用...

网页超链接的制作

第二十二课时课题:网页超链接制作 教学目的: 1....教后记: 学生展示作品,互评。 教师总结。 ...2.5-超链接-《网页设计制... 14页 1下载券 ...

“制作多媒体作品-插入超链接”教学设计

技术教学第九章《制作多媒体作品》第三节第五点《...教师适时对原有文件或网页超链接、 新建文档超...教学反思:回顾本课,简单谈谈自己的几点想法: 1. ...

制作超链接网页技巧一点通--超连接教程【免费】

制作超链接网页技巧一点通--超连接教程【免费】_计算机硬件及网络_IT/计算机_专业资料。1.用文本和图形建立链接 怎样才能自己网页相互联系起来呢?也就是说让别...

《Dreamweaver中超链接的应用》教案_图文

《Dreamweaver中超链接的应用》教案 - 公开课教案 课程名称课题名称: 授课班级: 任课教师: 授课时间: 《网页制作》教程 Dreamweaver...

第十四课网站的生命——超链接制作

板书设计 作业 教学反思 文档贡献者 燕霓裳W 贡献于2017-09-03 ...《制作网站超链接》教学... 暂无评价 2页 1下载券 第十三课 制作图像热点...

超链接组织网页

本活动通过超链接制作,将班级网站中的各个网页和...(5)课堂小结:小结本节课内容 教后记: 本活动的...《网站蓝图早规划》教学... 5页 1下载券 制作...

10.7网页超链接的制作

网页超链接制作 教学目标: 1.知识与技能 (1)了解超级链接的含义及链接源和链接目标的含义,掌握同一站点内以及不同 站点间网页超级链接的创建方法。 (2)掌握...

网站制作3.建立超链接

网站制作3.建立超链接_IT/计算机_专业资料。网站制作3.建立超链接 HTML 文件中最重要的应用之一就是超链接,超链接是一个网站的灵魂,web 上的 网页是互相链接的...

更多相关标签:
网站地图

文档资料共享网 nexoncn.com copyright ©right 2010-2020。
文档资料共享网内容来自网络,如有侵犯请联系客服。email:zhit325@126.com