一只牛-陋室铭教案

高一信息技术教学设计案例
——网站和网页

高一信息技术教学设计案例——
网站和网页
望都职教中心 岳彦良
【知识点的相互衔接】 与初中“网页制作”部
分和高中“网页的设计和
制作”模块衔接
【本课教学法提点】 小组合作探究学习
1．模块：高中信息技术基础
2．年级：高中一年级
3．所用教材版本：电子工业出版社
4．建议学时数：非上机时间20分钟，上机
操作时间25分钟
[案例背景]
在信息社会，将会有越来越多各种各样的资
源以网页的形式保存在因特网上的服务器中 ，人
们也更为主动地利用因特网，在让每一位上网的
人都享受着网页方式信息的便利的同时，也 需要
更多的信息提供者能以网页的方式直接发布各
种信息。因此，较熟练地掌握一些网页设计与 制
作的技能，是时代对于广大高中学生的基本要
求，每位同学应该认真学习，通过练习切实掌握
网页的设计与制作方法。通过在信息技术教学中
的大量实践，特别是针对高中学生的特点，我发

现在网络教学环境中结合多种学生喜欢的学习
方式进行学习，更适宜 有效地培养学生的信息素
质、创新精神和实践能力。
本章节是课本第六章第一节，通过前五章 的
学习，学生的信息素养有了较大的提高，利用信
息技术解决实际问题的操作技能有了长足的进
步，虽然多数学生在初中没有制作过完整意义上
的网页和网站，但对于本章的知识和技能而言，
基本不存在“零起点”影响学生的问题。
[教学设计]
（一）、教学目标：
1．知识目标：了解万维网的基本架构，理

解网页的作用，掌握网页元素和网页构件的使
用，学会使用常用的网页制作工具。
2 ．能力目标：通过网页作品的欣赏培养学生
搜索、下载、处理和应用信息的能力，培养学生
对信 息技术的实践应用能力、协作能力和创新能
力。通过本课的学习可以培养学生的辩证思维和
发散 思维的能力、逻辑思维能力及语言表达能
力。
3．德育目标：培养学生独立思考、自主学习、

合作讨论的能力，通 过自己探究问题，进一步树
立学生学习信息技术的自信，提高学生学习网页
制作的兴趣。
（二）．内容分析
1．教材分析：
信息技术基础模块，能够根据任务需求， 选
择恰当的工具分析网页。在本章中，通过对一些
网页的分析，让学生了解构成网页的各种要素 ，
并了解万维网的基本架构，理解网页的作用。学
生通过小组合作学习的方式，了解并掌握网站 的
策划构思的过程，掌握素材收集整理的基本方
法，学会最基本的网页制作工具软件的使用。
2．教学重点、难点
（1）教学重点：
网页的基本要素
（2）教学难点：
网页的基本要素，构件
（三）、学生分析：
学生 是教学活动的主体，充分了解学生，是
取得良好教学效果的必要条件。通过对学生平时
上机情况 的观察以及课下和学生的谈话交流，我
了解到的学生的主要情况是：

1．高一年级学生经过初中阶段的学习，能够
较好地运用搜索引擎、Word、PowerPoin t 等
常用信息技术工具。
2. 具备了基本的网络水平。
3. 已具备了初步的小组协作探究能力。
（四）、教学策略设计
1．教学方法设计 < br>利用多媒体教学手段创设情境，采用教师引
导，学生“分小组协作探究”的学习方式，在网
络教室中开展学生自主活动。
2．关于教学活动的设计思路
教科书中给出了几个国内著名 网站的某一首
页的屏幕截图，教学过程中不受制于教科书，本
人采用徐志摩文学网进行分
析，在网页的欣赏中介绍网页的基本要素，分析
网址构成。在教学过程中，充分体现学生是主体，加强小组分工合作，层次推进教学，落实基础知
识。
3．教学媒体：网络机房（局域网）、校园内部
网站、教科书等。
[案例描述]
1. 教与学的过程描述

本课实际教学过程的描述如下：
主要活动
引入
学生任务

幻灯显示《再别康桥》flash动 画在桌面上新
朗读版，指出诗很美，作者的一生建一个以自
更是传奇，
他是这么悄悄地 来，又这么悄悄地去了。
己名字命名
他虽然不曾带走人间的一片云彩，却把永远的思念留给了< br>中国诗坛。作者笔下的康桥更是让人向往，它在我们的心
中是如此美丽，让人充满幻想。
的文件夹，


新课 《
网站和网页
》
进入徐志摩文学网
进入徐志摩
文学网完成

一、网页的基本要素
以下任务
教师提问：在徐志摩文学网中，各
课堂任务一，
位同学是否发现了 神往已久的康
桥，除此之外，还发现了什么
？

触摸网页的

学生活动：用发现法去找出有关康
基本三要素：
桥的图片，《再别康桥》的诗和徐
1 .要求下载
志摩的创作道路 艺术风格和特
康桥的图
色。（基本要求）
教师总结：网站是由网页组成，组
片 ，文件名
成网页的基本元素有文字、图形图
改为kq
象和超链接。网页中常见的图象 有
2.要求下载«
jpg和gif。网站的首页即为主页。
再别康桥»，
二、网页的构件
复制，粘贴到
教师提问：在徐志摩文学网中，各
word文档

位同学除了发现组成网页的三要中，文件名改
素文字、图形图象和超链接，还发为zbkq
3．徐志摩的
现了什么？
学生活动：相邻两位同学一起去发
创作道路 艺
术风格和特
现，探讨。（5分钟）
色。
教师总结：除了组成网页的基本三
课堂任务二：
元素文字、图形图象和超链接。 < br>用发现法去
一个丰富多彩的网页还包括一些
找出徐志摩
构件。如：声音，表单， 表格，和
的简介，以及
一些java小应用程序。
后人对徐志
摩诗歌的评
价。（选作题）




课堂任务三：
4．找出全国
计算机等级
考试查询电
话
5．下载网友：

春风妩媚对
徐志摩的诗
歌的评价
6．在线欣赏«
再别康桥»朗
读版。
7．探讨主页
的格局规化。

三、揭开网页的面纱。

1、分析网址

http:
课堂任务四：

教师讲解，网 站的地址标
8、利用frontpage，
开
识是URL(Uniform
打
Resoure Locator 统一
http:
资源定位器）是WWW
m
网页的地址，好比一个街
9、观察网页的布局。
道在城市地图上地址。
10 、查看图片康桥的
url使用数字和字母按一
html
定顺序排列以确定一个

地址。如
http:

。

URL的第一个部分

http:表示的是要访问

的文件的类型。在网上，
几乎总是使用http（意

思是超文本转换协

议,hypertext transfer
课堂任务五：
protocol.因为它是用来
11、将网站首页保存在
转换网页的协议.）.
（保存类
WWW (World Wide
自己文件夹下
Web)的含义是“万维
型为全部）。
网”、
也就是我们所说得Internet .

12、用Frontpage查看
WWW带 来的是世界范
网页源代码，将源代码
围的超级文本服务,只要
操纵电脑的鼠标,就可以
全部复制到记事本中，
通过Internet从全世界
保存在当前位置，文件