教科版高中信息技术选修三教案:4.3网站实现
数学老师-我还是一样的爱着你
4.3网站实现
学科
执教
信息技术
课题
班级 高一(7)
4.3网站实现
时间 4月10日
教
学
目
标
知识与技能:
理解网页背后的HTML代码,如HT
ML文档的基本结构,段落标记,文字
格式等,能够使用HTML代码编写简单的网页。
过程与方法:
通过实践练习使学生能够使用代码编写网页,并通过观察网页的变化理
解不同代码对网页内容的影响。
情感态度与价值观:
通过本节课的学习,使学生感知网页背
后的基本代码,能够通过自主实
践的观察理解各代码的含义和作用。
教学
重点:HTML文档的基本结构,段落标记,文字格式
重点
难点
难点:代码的灵活运用
教法
本节课采用学生实践、观察网页、发现代码的作用,后教
师讲解代码的含义
学法
与格式的教学模式,让学生先从直观上了解HTML代码,再从直观感受
转化
设计
为理性感知,并通过巩固练习,做到活学活用。
教 师 活
动
一、引入
经过上学期的学习和上节课的复习,我们已经掌握了利用所见即所得
的
网页制作工具制作网页的基本技能,那我们是否理解网页背后的代
码呢?网页背后的代码使用的是什么语
言?
二、HTML概述
HTML(HyperText Markup
Language的缩写),即超文本标记语言。
它是在互联网发布网页的通用语言。所谓超文本,就是
它可以加入图
片、声音、动画、影视等内容,每一个HTML文档都是一种静态的
网页文件,这
个文件里面包含了HTML标记,这些标记并不是一种
程序语言,它只是一种排版网页中资料显示位置的
标记语言。
三、HTML文件的基础代码
布置任务1
1、HTML文件的基本结构
学生活动
引发学生思
考
理解HTML
的基本概念
及作用。
完成“练习”文
件夹中“基础
第 1 页
文档主体,正文部分
2、段落标记
布置任务2
(1)强制换行标记
强制换行的格式为:
文字
(2) 强制换段标记
段落标记
放在一段文字的首尾,就定义了一个新段落的开始。
标记不但能使后面的文字换到下一行
,还可以是两段之间留一空
行。
强制换段标记的格式为:
受影响的文字
强制换段标记可以看作两个强制换行标记
3、设置段落对齐方式标记
设置段落对齐方式标记的格式为:
文字
其中属性align用来设置段落的对齐方式,可以为left、center
或right,分别表示段落左对齐、段落居中、段落右对齐。默
认为left。
布置任务3
4、文字标记的格式为:
布置任务4
被设置的文字
布置任务5
代码练
习.doc”中的
代码练习1。
听讲并理解
代码
完成代码练
习2,并观察
网页的变化,
找出相应代
码的作用。
听讲并理解
代码
先听讲和理
解代码,后完
成代码练习3
完成代码练
习4
听讲和理解
代码
完成巩固练
习4
第 2 页
四、小结HTML语法
1、双标签: <标签> 内 容< 标签>
2、单标签:< 标签名称>
3、属性标签: <标签 属性1=属性值 属性2=属性值…>受标记影
响的内容<标签>
提问:若要文字加粗显示或斜体显示,应该使用什么标签?
布置任务6
设置各种字型的标记
受影响的文字
受影响的文字
受影响的文字
受影响的文字
受影响的文字
受影响的文字
受影响的文字
受影响的文字
受影响的文字
总结HTML
语法
思考
完成代码练
习5
粗体
斜体
加下划线
标准打印机字体
大型字体
小型字体
闪烁效果
下标
上标
加删除线
听讲与理解
4.3网站实现 教学反思
1、本节
课的内容安排在教材的基础上做了修改,在学生上学期已经掌握
了网页制作基本技能的基础上把网站实现
的内容改为通过代码实现网
页,为下一章节动态网页中代码的授课做了很好的铺垫。
2、在教学设计上目标非常明确,中间过程设计流畅,过渡自然,难易适
中。
3、导
入环节过于直接,学生难以快速进入状态,若能通过Frontpage与
记事本分别实现网页的对比作
为导入,从而揭开HTML的神秘面纱,学
第 3 页
生更容易接受。 4、从这节课上下来看,学生接受能力比较弱,若能在讲解完HTML的基
本结构后,把HTML中
的标签使用规则向学生加以说明后再让学生操作
和讲解每个代码的含义,就可以减少学生完不成任务的现
象,也有利于
学生对后面代码的理解。
5、要注意一些细节的处理:(1)PPT展示代码时
应该通过缩进体现代码
的层次性,增加代码的可读性,便于学生理解各标签的位置和作用。(2)
学生在完成任务过程中出现的问题要向学生加以说明和演示,如有的学
生在代码不完整的情况下为什么
仍然能过达到效果,误操作之后如何检
查和修改。(3)学生每完成一个任务后,对代码的讲解不够详细
,学生
来不及记忆和理解。
第 4 页