教科版本高中信息技术选修三学习教案：4.3网站实现.docxVIP

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