栏目列表
当前位置:首页>>信息>>每周一课>>文章内容
HTML语言基本应用——信息技术组每周一课(夏国生)
发布时间:2019-04-18   点击:   来源:原创   录入者:配置员

教学内容

HTML语言基本应用

教学目标

知识目标:理解并掌握最简单的HTML标签的使用,学会结合 Dreamweaver 辅助编写HTML代码。

能力目标:培养学生们编辑网页的技能、自主学习的能力以及应用所学知识解决实际问题的能力。

情感目标:引发学生学习制作网页知识的兴趣,发展创新精神,培养实事求是,理论与实际相结合的科学态度与科学精神。通过师生、生生互动,增进增强学生的自主性和合作精神。

教学重点

与难点

(1)、掌握网页设计制作的基本概念,HTML超文本标记语言的基本标签。

(2)、会修改简单的HTML标签的属性

(3)、结合Dreamweaver进行网页设计

教学课型

与方法

新授、演示、启发与实验

电教手段

使用网络教室+相关软件

教    学    过    程

补充与调整


 

、创设情境、导入新课

1)打开Dreamweaver,展示学生主题网站的其中一个简单页面,看一看存在着什么问题?思考是什么原因导致的?

 

(2)了解HTML的<link>标签

<link> 标签定义文档与外部资源的关系,最常见的用途是链接样式表,属性:href-规定被链接文档的位置

案例

<link   rel="stylesheet" type="text/css" ref="/html/csstest1.css"   >

学生思考并回答问题

 

、任务驱动、自主学习

1、设置网页标题

<title>   标签定义了不同文档的标题。

<title>   元素:定义了浏览器工具栏的标题

当网页添加到收藏夹时,显示在收藏夹中的标题

显示在搜索引擎结果页面的标题如:

<title>XHTML Tag   Reference</title>

2、设置超级链接

HTML使用标签 <a>来设置超文本链接,

是可以从一个页面指向另一个目的端的链接。

在标签<a> 中使用了href属性来描述链接的地址。

<a   href="http://{域名已经过期}">W3School</a>

 

<li class="nav-item   dropdown">

<a class="nav-link   dropdown-toggle" href="#" id="dropdown05"   data-toggle="dropdown" aria-haspopup="true"   aria-expanded="false">唐宋八大家</a>

<div   aria-labelledby="dropdown05">

<a   href="#">苏洵</a>

<a   href="#">苏轼</a>

<a   href="#">苏辙</a>

<a   href="#">柳宗元</a>

<a   href="#">欧阳修</a>

<a   href="#">苏辙</a>

<a   href="#">柳宗元</a>

<a   href="#">欧阳修</a>

</div>

</li>

3、修改背景图片

网页模板中有的图片在设计视图下无法选择修改,这时候应该考虑是不是用这张图片做了背景

<section   class="site-hero overlay" data-stellar-background-ratio="0.5"   style="background-image: url(images/big_image_1.jpg);">

设计意图:通过模仿和对比,分析代码的书写要求,培养学生的模仿以及创新能力。

 

设计意图:培养学生知识迁移的能力和动手能力。

 

4、替换普通图片

HTML 图像

使用 <img>   标签定义 HTML 页面中的图像。

<img> 标签有两个必需的属性:src 和 alt。

src 指 "source"。源属性的值是图像的   URL 地址。

alt 属性用来为图像定义一串预备的可替换的文本。

<img src="/i/eg_tulip.jpg"    alt="上海鲜花港 - 郁金香" />

 

、课堂小结

1)教师引导学生总结本节课学习的内容

2)学生修改自己的主题网站,有问题提问

设计意图:对学习内容加以总结,一方面看看学习了什么知识,另一方面看看还有那些知识没有掌握,还需要进一步学习的。

 

 

教学后记

 

HTML标签简介》听评课总结

信息技术组 

对于这节内容课程标准要求:通过教师创设情景并加以引导、学生操作等方法,完成对获取过程的理解。这堂课明显课程内容容量大,时间紧。在这种情况下石红老师紧紧围绕课标,高效率地完成了教学任务。

几位组内听课人的看法:

1.课堂上学生动起来了,课堂气氛活跃起来了,小组讨论、合作探究的学习方式也用起来了。

2.教师能面向全体学生,激发学生的深层思考和情感投入,鼓励学生大胆质疑、独立思考,引导学生用自己的语言阐明自己的观点和想法。

3.教学是教师与学生交往互动的过程。教师能有意识地营造民主、平等、和谐的课堂氛围。

4.学生在学习过程中能科学合理地进行分工合作,会倾听别人的意见,能够自由表达自己的观点,遇到困难能与其他同学合作、交流,共同解决问题。

5.教师能按照课程标准和教学内容的体系进行有序教学,完成知识、技能等基础性目标,同时还要注意学生发展性目标的实现。

6.教师能合理组织学生自主学习、合作探究,对学生的即时评价具有发展性和激励性。

7.学生能够自学的内容,教师让学生自学;学生能够自己表达的,教师鼓励学生去表达;学生自己能做的,教师放手让学生去做。

8.在课堂上教师不仅解放学生的耳,还解放学生的脑、口、手。

9.教师的一句“让我们一起来学习,让我们一起来探究。”——促成了知识的整合,体现了多元的价值取向,促进了学生认知的整体性发展。

10. 从教学效果看:这是一节典型的课改课,充分展示了学生的合作探究过程。

在细节处当然一堂公开课也会有一点点小的遗憾,我们经常说教育是不完美的艺术,对于本堂课当然也有一些:

1、在学生反馈环节时对学生作品中的问题,石红老师可能由于时间关系,直接进行纠正了。我们认为可以引导为主,不要着急进行纠正。让学生开展一点点小小的讨论,把作品中不合理的地方顺理成章的引导过来,可能会更好。

2、教师课堂上对学生作品评价不够。信息技术课堂评价也是课堂教学中很重要的一个教学环节,评价的好坏将直接关系到提高学生的兴趣及参与课堂积极性,还能培养学生正确的审美观点。听了石红老师这节课,我认为教师对学生作品的评价都过于简单。

3、学生的语言表达、思维发散能力还有待提升。

我们认为这节课尽管存在着某些不足,但无论从教学设计、教学目标、教学内容和方法手段上以及环节的把握和学生兴趣的调动上来讲都不失为一节精彩的课。


教学反思:

本节课的设计理念就是“学以致用”,因此,这节课的教学过程也很简单,先了解、学习技术,再操练技术,最后运用技术。我校学生学习网页制作有6周(12课时)的时间,每位学生自选主题,运用所学技术开发个人网站。因此,学习动态网页的阶段是他们最兴奋的时刻,因为他们可以把各种很炫很酷的效果用到自己的网页中,体现自己的个性和创造力。
   上完整节课,感觉有些许遗憾,反思整个教学过程,在以下几方面有待改进。
  首先,本课的教学目标设置可能略高。从课前与学生的交流,能够大致了解学生的网页制作基础。因此,教师应当适当降低活动二的难度,如去掉几个难度较高的效果,建议学生选用简单的特效等,以提高成功率。同时还能减少课堂答疑,为作品交流留足时间。
  其次,学习方法指导不够到位。课前跟学生交流,知道他们平时上课,教师都用全屏广播,教师讲课的时候,学生不能操作。我上课一向使用窗口广播。一是便于学生边看演示边练习,二是广播时不会打断学生的操作,三是允许学得快的学生自主学习不看广播。虽然在课前跟学生讲解了窗口广播的好处,但是还有很多学生上课时看着广播不操作,广播完了操作又有问题。上课时,由于忙着演示及个别辅导,教师没有再次提醒学生可以边看边操作。课后也有听课教师质疑:教师演示的时间多了些,学生操作的时间就少了。其实教师演示是在帮助那些操作不熟练的学生,如果学生学会查看广播窗口,是不会减少操作时间的。
  再者,师生互动时没有特别留意表现突出的学生。在学习活动中,教师不断地在教室里走动,寻找并辅导遇到问题的学生,同时也观察到了一些很快实现特效的学生,并口头表扬了一番。印象中,整堂课我至少辅导了一半的学生。但是由于不熟悉学生,等到最后作品交流时,已经记不得是哪个学生完成了特效。只好随机打开了两个学生的网页,但完成情况都不理想。结果,作品交流的效果不是很好。
   教学是一门遗憾的艺术,不管我们设计得有多完美,实际教学时都会遇到各种问题,让我们措手不及。及时反思问题并解决问题,正是教师专业成长的必经之路。

关闭窗口
打印文档
附件: