1教学设计(网站和网页)剖析
我仰望星空-大蒜种植技术
网站和网页
教学设计
甘南县第一中学
史艳锋
2013.3.25
网站和网页
高一信息技术教学设计
本课教学方法： 小组合作探究学习
1．模块：高中信息技术基础
2．年级：高中一年级
3．所用教材版本：上海教育出版社
4．建议学时数：非上机时间20分钟，上机操作时间25分钟
案例背景
在信息社会，将会有越来越多各种各样的资源以网页的形
式保存在因特网上的服务器中，人们也更为主动
地利用因特
网，在让每一位上网的人都享受着网页方式信息的便利的同
时，也需要更多的信息提
供者能以网页的方式直接发布各种信
息。因此，较熟练地掌握一些网页设计与制作的技能，是时代
对于广大高中学生的基本要求，每位同学应该认真学习，通过
练习切实掌握网页的设计与制作方法。通
过在信息技术教学中
的大量实践，特别是针对高中学生的特点，我发现在网络教学
环境中结合多
种学生喜欢的学习方式进行学习，更适宜有效地
培养学生的信息素质、创新精神和实践能力。
本章节是课本第六章第一节，通过前五章的学习，学生的信息
素养有了较大的提高，利用信息技术解决实
际问题的操作技能
有了长足的进步，虽然多数学生在初中没有制作过完整意义上
的网页和网站，
但对于本章的知识和技能而言，基本不存在“零
起点”影响学生的问题。
教学设计
（一）、教学目标：
1．知识目标： 了解万维网的基本架构，理解网
页的作用，
掌握网页元素和网页构件的使用，学会使用常用的网页制作工
具。
2．能
力目标：通过网页作品的欣赏培养学生搜索、下载、处
理和应用信息的能力，培养学生对信息技术的实践
应用能力、
协作能力和创新能力。通过本课的学习可以培养学生的辩证思
维和发散思维的能力、
逻辑思维能力及语言表达能力。
3．德育目标：培养学生独立思考、自主学习、合作讨论的能
力，通过自己探究问题，进一步树立学生学习信息技术的自信，
提高学生学习网页制作的兴趣。
（二）．内容分析
1．教材分析：
信息技术基础模块，能够根据任务需求，
选择恰当的工具分析
网页。在本章中，通过对一些网页的分析，让学生了解构成网
页的各种要素
，并了解万维网的基本架构，理解网页的作用。
学生通过小组合作学习的方式，了解并掌握网站的策划构
思的
过程，掌握素材收集整理的基本方法，学会最基本的网页制作
工具软件的使用。
2．教学重点、难点
（1）教学重点：
网页的基本要素
（2）教学难点：
网页的基本要素，构件
（三）、学生分析：
学生是教学活动的主体，充分了解学生，是取得良好教学效果
的
必要条件。通过对学生平时上机情况的观察以及课下和学生
的谈话交流，我了解到的学生的主要情况是：
1．高一年级学生经过初中阶段的学习，能够较好地运用搜索
引擎、Word、PowerPo
int 等常用信息技术工具。
2. 具备了基本的网络水平。
3.
已具备了初步的小组协作探究能力。
（四）、教学策略设计
1．教学方法设计 <
br>利用多媒体教学手段创设情境，采用教师引导，学生“分小组
协作探究”的学习方式，在网络教室
中开展学生自主活动。
2．关于教学活动的设计思路
教科书中给出了几个国内著名网站的某
一首页的屏幕截图，教
学过程中不受制于教科书，本人采用徐志摩文学网
进行分析，在网页的欣
赏中介绍网页的基本
要素，分析网址构成。在教学过程中，充分体现学生是主体，
加强小组分工
合作，层次推进教学，落实基础知识。
3．教学媒体：网络机房（局域网）、校园内部网站、教科书等。
案例描述
教与学的过程描述本课实际教学过程的描述如下：
主要活动
引入
幻灯显示《再别康桥》flash动画朗读版，指出诗很美，
作者的一生更是传奇，
他是这么悄悄地来，又这么悄悄
地去了。他虽然不曾带走人间的一片云彩，却把永远的
思念留给
了中国诗坛。作者笔下的康桥更是让人向往，
它在我们的心中是如此美丽，让人充满幻想。
新课 《网站和网页》
进入徐志摩文学网
一、网页的基本要素 <
br>教师提问：在徐志摩文学网中，各位同学是否发现了神
往已久的康桥，除此之外，还发现了什么？
学生活动：用发现法去找出有关康桥的图片，《再别康桥》
的诗和徐志摩的创作道路
艺术风格和特色。（基本要求）
教师总结：网站是由网页组成，组成网页的基本元素有
文字、
图形图象和超链接。网页中常见的图象有jpg和
gif。网站的首页即为主页。
二、网页的构件
教师提问：在徐志摩文学网中，各位同学除了发现组成
网页的三要素
文字、图形图象和超链接，还发现了什么？
学生活动：相邻两位同学一起去发现，探讨。（5分钟）
教师总结：除了组成网页的基本三元素文字、图形图象
和超链接。
一个丰富多彩的网页还包括一些构件。如：声音，表单，
表格，和一些java小应用程序。
学生任务
在桌面上新建一个以
自己名字命名的文件
夹，进入徐志摩文学
网完成以下任务
课堂任务一，触摸网
页的基本三要素：
1.要求下载康桥的图
片
，文件名改为kq
2.要求下载«再别康
桥»，复制，粘贴到
word文档中，文件
名
改为zbkq
3．徐志摩的创作道路
艺术风格和特色。
课堂任务二：
用发现法去找出徐志
摩的简介，以及后人
对徐志摩诗歌的评
价。（选作题）
课堂任务三：
4．找出全国计算机等
级考试查询电话
5．下载网友：春风妩
媚对徐志摩的诗歌的
评价
6．在线欣赏«再别康
桥»朗读版。
7．探讨主页的格局规
化。
三、揭开网页的面纱。
1、分析网址http:
教师讲解，网站的地址标识是URL(Uniform Resoure
Locator 统
一资源定位器）是WWW网页的地址，好比
一个街道在城市地图上地址。url使用数字和字母按
一定顺序排列以确定一个地址。如
http:。
URL的第一个部分http:表示的是
要访问的文件的
类型。在网上，几乎总是使用http（意思是超文本转
换协议,hypert
ext transfer protocol.因为它是用来
转换网页的协议.）.
WWW
(World Wide Web)的含义是“万维网”、 也就是
我们所说得Internet .
WWW带来的是世界范围的超级
文本服务,只要操纵电脑的鼠标,就可以通过
Internet
从全世界任何地方调来你所希望得到的文
本、图像(包括活动影像)和声音等信息。
利用frontpage, 揭开网页的面纱
将网页保存下来，先用Frontpage打开
、分析网页，
介绍所见即所得的网页编辑工具（另外也用DW打开），
然后用Frontpag
e查看网页源代码，指出网页是采用
HTML语言来编写，将网页代码复制到记事本中，然后
保
存为HTM文件。打开该文件，跟原网页比较，得出
网页不仅可以用Frontpage制作，也可以用
HTML语言
直接编写（用记事本或其它一些文本编辑工具，只要
保存类型为HTM）。
教师总结：HTML英语意思是：Hypertext Marked
Language，即超文本标记语言，HTML 命令可以描述文
字、
图形、动画、声音、表格、链接等。网页是由
HTML语言组成。
课堂任务四：
8、利用frontpage，打开
http:
9、观察网页的布局。
10、查看图片康桥的html
课堂任务五：
11、将网站首页保存在自己
文件夹下（保存类型为全
部）。
12、用Frontpage查看网页
源代码，将源代码全部复制
到记事本
中，保存在当前位
置，文件名为
四、练习
1、下列网页元素中，不属于基本的三中元素的是
（ ）
A 动画
B 文字 C 图片 D 超链接
2、网页中描述各种元素和构件的语言是（
）
A 、PASCAL B 、C C、HTML D、BASIC
3、下列关于网页元素-----图片的使用观点中，错误
的是（ ）
A
图片可以直观形象地表达某些信息
B 图片可以美化网页，吸引读者的眼关
C
图片可以跨越语言障碍地表达某些信息。
D 每张图片都必须包含图片，否则不能称之为网页。
4、网页制作时，能对网页中的元素和构件进行准确定
位的是（ ）
A 网格
B 表格 C 网页特效 D 超链接
5、相邻两位同学设计一副介绍姚明的主页（在
稿纸上
设计主页，要求在设计时能充分运用各种网页元素和
构件）。
任务要求：1、一位同学收集有关姚明的文字，图片等。
2、两位同学共同完成有关介绍姚明的主页设计(纸
上)。
五、教师小结。在《再别康桥》朗读声中结束课堂。
课堂任务六：
13、分组抢答
14、相邻两位同学设计一副
介绍姚明的主页。
教学反思 <
br>1、我运用的是“学生主体性教学”。其指导思想是：一切从学
生主体出发，让学生成为知识技能
的“探究者”、难点问题的
“突破者”，使学生真正的成为学习的主人。实践证明，以此
做为原
则的课堂是生动的，学生所乐于接受的。在以后的教学
实践中，我会把它做为永远不变的中心法则，使课
堂真正成为
学生的舞台。
2、精讲多练加深印象：精讲多练就是让
学生多一些上机操作
的时间。俗话说熟能生巧勤能补拙。多练习，学生自会在不知
不觉中掌握所
要学习的知识。
3、存在不足：①计算机知识是不断更新的，仅靠书本上的知
识是没办法教好
学生。而且学生很想了解计算机发展的一些最
新动态，了解一些新的软件，一些网络知识。②对于分组完
成
任务的情况不好掌握，不能保证全体同学都在参与。③由于学
生之间有水平差异，教学难度控
制有点难度，基础好的学生由
于认为太简单在操作的时候就粗心大意，而基础差的学生有时
又认
为太难做不出来，应该对于他们布置不同任务。