高中信息技术《网页的设计与制作》优质课教学设计、教案
武汉个人租房-汽车维修专业
高一信息技术教学设计案例
——
网站和网页
【知识点的相互衔接】与
初中
“
网页制作
”
部分和高中
“
网页的设计和制作
”
模块衔
接 【本课教学法提点】 小组合作探究学习
1.
模块：高中信息技术基础
2.
年级：高中一年级
3.
所用教材版本：教育科学出版社
4.
建议学时数：非上机时间
20
分钟，上机操作时间
25
分钟
[
案例背景
]
在信息社会，将会有越来越多各种各样的资源以网页的形式保存在因特网上
的服务器中，人们也
更为主动地利用因特网，在让每一位上网的人都享受着网
页方式信息的便利的同时，也需要更多的信息提
供者能以网页的方式直接发布
各种信息。因此，较熟练地掌握一些网页设计与制作的技能，是时代对于广
大高中
学生的基本要求，每位同学应该认真学习，通过练习切实掌握网页的设计与制
作方法。通
过在信息技术教学中的大量实践，特别是针对高中学生的特点，我发现
在网络教学环境中结合多种学生喜
欢的学习方式进行学习，更适宜有效地培养
学生的信息素质、创新精神和实践能力。
本章节是
课本第六章第一节，通过前五章的学习，学生的信息素养有了较
大的提高，利用信息技术解决实际问题的
操作技能有了长足的进步，虽然多数
学生在初中没有制作过完整意义上的网页和网站，但对于本章的知识
和技能而
言，基本不存在
“
零起点
”
影响学生的问题。
[
教学设计
]
（一）、教学目标：
1.
知识目标：
理解网页的作用，掌握网页元素和网页构件的使用，学会使用
常用的网页制作工具。
2.
能力目标：通过网页作品的欣赏培养学生搜索、下载、处理和应用信息的能力，
培
养学生对信息技术的实践应用能力、协作能力和创新能力。通过本课的学习可
以培养学生的辩证思维和发
散思维的能力、逻辑思维能力及语言表达能力。
3
．德育目标：培养学生独立思考、自主学习
、合作讨论的能力，通过自己探究问题，
进一步树立学生学习信息技术的自信，提高学生学习网页制作的
兴趣。
（二）．内容分析
1.
教材分析：
信息技术基础模块，能够根据任务需求，选择恰当的工具分析网页。在本章中，
通过对一些网
页的分析，让学生了解构成网页的各种要素，并了解万维网的基
本架构，理解网页的作用。学生通过小组
合作学习的方式，了解并掌握网站的策
划构思的过程，掌握素材收集整理的基本方法，学会最基本的网页
制作工具软
件的使用。
2.
教学重点、难点
（1）
教学重点： 网页的基本要素
（2）
教学难点： 网页的基本要素，构件
（三）、学生分析：
学生是教学活动的主体，充分了解学生，是取得良
好教学效果的必要条件。通过
对学生平时上机情况的观察以及课下和学生的谈话交流，我了解到的学生的
主
要情况是：
1
． 高一年级学生经过初中阶段的学习，
能够较好地运用搜索引擎 、
Word
、
PowerPoint
等常用信息技术工具。
2.
具备了基本的网络水平。
3.
已具备了初步的小组协作探究能力。
（四）、教学策略设计
1.
教学方法设计
利用多媒体教学手段创设情境，采用教师引导，学生
“
分小组
协作探究
”
的学习
方式，在网络教室中开展学生自主活动。
2.
关于教学活动的设计思路
教给出几种互联网领军人物的照片让学生辨识，通过
hao123
创始人的引入介绍，
让同学们发现做好网页并不困难，关键是用心去做！引发学生兴趣。
在网页的欣赏中介绍网页的基本要素，在教学过程中，充分体现学生是主体，
加强小组分工合作，层次推进教学，落实基础知识。
3.
教学媒体：教科书、课件、录播教室
[
案例描述
]
1.
教与学的过程描述
主要活动 学生任务
引入
幻灯片显示几位互联网曝光率很
高的几位大佬，让学生识别，再引入李兴平低
调的互联网大佬，激发学生的学习网页制作的热情。
新课 《网站和网页》
一、网页的基本要素
教师提问：展示导航网页，让学生回答，网页上有哪些元素。
教师总结：网站
是由网页组成，组成网页的基本元素有文字、图形图象和超链接
网页中常见的图象有
jpg
和
gif
。网站的首页
即为主页。
二、网页和网站的概念概念
教师提问：通过网页中动态元素的效果，引入静态网页
和动态网页的区别。
学生活动：相邻两位同学一起去发现，探讨。（
5
分钟）
三、介绍网页制作的方法
1
、
HTML
编写，在浏览器中点ft右键，选择查看源代码
2
、专业的网页设计软件制作
对比参考课本
教师讲解：
frontpage
的工作界面时对比
word
的界面，由于同学们对
word
的操
作相对熟悉，这样做代入感好些。
教师提问：在
word
中，文件菜单中一般有哪些选项？
Word
中如何插入图片、水
平线等其他元素？
学生回答。
3
、学生操作，通过模拟考试的网页制作题目进行操作
4
、教师指导，在学生实际操作过程中，教师对于一些操作过程进行指导。
四、课堂总结
通过讲解和操作练习，学生基本当堂能很好的掌握网页元素的添加，
完成网页
的一些指定修改，收获满满！