1.1 认识计算机网络
【教学目标】：
1、知识技能：
（1）了解计算机网络的主要功能、分类和拓扑结构；
（2）理解计算机网络的基本概念，
（3）列举并解释网络通信中常用的信息交换技术及其用途。
2、过程与方法：
（1）学习计算机网络的相关知识。
（2）能利用所学网络知识对实际问题进行分析探讨。
3、情感态度价值观：
（1）感受网络的神奇作用，激发对网络技术的求知欲，参与网络技术学习的态度。
（2）认识到信息技术飞速发展的同时，推动人类学习，生活方式的深刻变革，了解社
会发展和科技进步的相互作用。
【教学课时】1 课时
【教学环境】：硬件：网络教室，投影仪；
软件：多媒体教室管理系统，多媒体辅助教学软件。
【教学过程】：
一、教学导入：随着计算机网络技术的发展，给我们的工作和生活，极大的方便，
也可以让书生不足不出门户可以知道天下的事情。这节课我们一起来谈谈我们对计算机
网络的认识。
二、【教师活动】首先让我们一起了解计算机网络的定义：在网络操作系统和通信
协议支持下，将多台可以独立运行的计算机相互连接，用于数据通信、资源共享和协同
工作的系统称作计算机网络。
【计算机网络的产生】起源于一个名叫 ARPANET 的广域网；1969 年由美国国防部高
级研究计划署创办；最初只连接了位于不同地区的四台计算机。1983 年正式命名为
Internet，即因特网。
【计算机网络的组成】
①服务器：在网络上提供资源的计算机称为服务器。
②工作站：在网络上使用资源的计算机称为工作站。
③网络设备：连接计算机与传输介质、网络与网络的设备。常用的设备有路由器、
网络适配器、交换机、网桥、光电转换器等。（实物展示）
④网络协议：网络中为数据交换而建立的规则。常用的协议有 TCP/IP 协议、IPX/SPX
协议等。
⑤网络操作系统：计算机网络操作系统是网络用户和计算机网络的接口，支持局域
网络的通信及资源共享。网络操作系统则承担着整个网络范围内的资源管理，支持各用户间的通信。常用的网络操作系统有 Windows 2000、UNIX、Linux 等。
【计算机网络功能】
①数据通信。如：电子邮件、网上聊天等。
②资源共享。如：网上浏览新闻、网上查找学习资料等，学校的电子阅览 室。
③协同工作(分布处理)。如：办公自动化电子数据交换 远程教育、电子银行、电
子商务
【网络的分类】
①按网络覆盖范围来分类： 局域网(LAN)；城域网(MAN)；广域网(WAN)。
②按交换方式来分类：Ethernet（以太网）、分组交换网，ATM（异步传输模式）网，
帧中继网等等（电路交换网络）一般的电话线路采用的就是电路交换网络（分组交换网
络）Ip 电话采用的也是分组交换技术
③按拓扑结构来分类：总线网、环形网、星型网、树型、混合型等
（总线网）：优点：节点的插入和拆卸非常方便，易于网络的扩充；缺点：容易引
起信号的冲突和竞争
（环形网）：优点：结构坚固、负载能力强且均衡、无信号冲突；缺点：技术较为
复杂
（星型网）：优点：增加站点容易，成本低；缺点：是中央节点出故障会导致整个
系统瘫痪，可靠性欠佳
④通信媒体类型：有线网，无线网，陆地网，卫星网等等
【计算机网络的典型应用】
1.管理信息系统：一卡通系统（售饭、用水）学生管理系统（学籍、成绩、德育、
健康）
2.办公自动化：OA、电子办公平台（文件、邮件、留言、视频会议）
3.信息检索系统：图书管理中检索书籍借阅情况、公安网中检索某指纹信息
4.电子收款系统
【作业】画出本机房的网络拓扑结构1.2 究因特网的奥秘
【教学目的：】
1、知识与技能
1）知道因特网提供信息服务相关的基本概念 WWW、URL、IP 地址、主机域名等的含义和
作用。
2）了解统一资源定位器的格式。
3）了解 IP 地址与主机域名的关系。
4）了解配置服务器的简单方法。
2、过程与方法
1）通过对指向同一网页的不同格式地址的访问体验因特网上的信息访问方式。
2）经历选择和了解网页制作工具软件的过程，初步知道常用的网页制作工具。
3、情感态度与价值观
1）能通过对因特网信息访问的解读，消除对计算机网络的神秘感。
2）能在操作网页制作工具的过程，初尝利用网络进行信息发布的喜悦，激发对下一章
内容学习的兴趣。
【教学重点】了解统一资源定位器的格式。
【教学难点】了解配置服务器的简单方法。
【教学准备】 计算机网络教室、多媒体广播教学软件。
【教学过程】
一、导入。
以前我们已经学习过了上网的基本过程，我们说过，我们能够上到一个网站，是因
为别人在那边给我们提供了一个服务器，上网的形式可以多种多样的，因为因特网给我
们提供了多种多样的服务，那么我们能不能也在网上安个“家”呢？让我们一起来了解
因特网的奥秘。
二、创设问题。
提出问题：为什么通过一根神奇的网线我们就能浏览到世界各地的网站？学生思考
并回答问题。
教师从网络中计算机的协议和信息统一存在格式、探询建网站方案等方面提出了本
节内容的学习提纲。
计算机网络是通过提供各种服务来实现人机交流的，其中主要服务就包括
WWW(world wide web)服务，WWW 中文名称叫做万维网，起源于欧洲物理粒子研究中心，
指远程访问系统通过提供统一的接口访问不同类型的信息，后来演变为我们通过浏览器
就能访问一页页图文并茂的网页，轻击鼠标就能在网页中轻松跳转。WWW 服务也就成为
因特网上使用得最普遍的一种服务。
因特网上提供信息的服务器很多，我们必须使用统一资源定位器即 URL 格式来实现
资源的快速定位。即：协议名：//IP 地址或主机域名/路径/文件名。
网络 IP 地址和域名都是唯一的，比如 IP 地址是由 4 段数字组成，而域名则是我们
平时输入的网址。
三、学生小组讨论，网上实践。小组讨论：我们常用的教育网站也有唯一的 IP 和域名吗？指导学生理解域名或网
站 IP 的唯一性，利用“全库网 123 查”查看汕头各个教育网站的 IP 地址及相关信息，
知道他们的对应关系。
四、深入因特网的信息服务。
介绍服务器和服务端软件，让学生了解它们的作用和对应的关系。用浏览器可能在
自己的计算机上看到网上信息，那么它是怎么实现的呢？网上提供服务的计算机叫服务
器，它们是由安装了服务端软件的高性能计算机来实现的，我们就可以通过这些软件的
帮 助 看 到 计 算 机 设 置 的 各 个 网 站 了 。 常 见 的 有 windows 的 组 件 IIS （ Internet
InformationServer），下面请同学们把自己的计算机也设置成一台服务器，把自己的窝
安在我们的网上。
布置任务：为计算机添加 IIS 服务端软件。
学生小组合作完成，教师演示配置方法并指出默认网站的根目录。
网站就是设置的文件夹，网页就是夹中的超文本格式文件。
五、探询建网站方案。
探询在因特网上建网站有些什么方案，并选择一种合适个人建站的方案。简单展示
“申请免费网站空间”的一般方法。
如果我们通过在自己的计算机上安装 IIS 来建立网站，则还需申请购买具有固定公
网 IP 地址的连接因特网专线，否则，网站就只能在所在的局域网访问。申请固定 IP 主
要有主机托管、租用虚拟网站、申请免费网站空间等方法。你只要填写一份申请表就可
以得到一个空间存放你的网站了，这个空间其实就是服务器提供的一个文件夹。
六、选择网页制作工具。
教师运行网页制作工具，简介 FrontPage 与 Dreamweaver 异同点，重点介绍
FrontPage 软件，并让学生操作熟悉，激发学习下一章的兴趣。
讨论：FrontPage 软件跟我们学过的 Office 软件有什么异同。 学生小组讨论并回
答。
七、小结。
今天我们学习了什么是网络中计算机的协议，信息统一存在格式，还探询建网站方
案。希望大家以后都能制作出自己的网站，把窝安在网上，让更多的人分享你的生活和
感悟。2.1 筹划班级网站
【教学目标】
1．知识与技能
（1）知道什么是网站的功能定位。
（2）学会根据网站功能定位选择网站内容和设计相应栏目。
（3）能够大致拟定网站制作计划。
（4）了解网站的一般筹划过程。
2．过程与方法
（1）通过对不同网站的比较，初步懂得发现和学习不同网站的优点。
（2）初步懂得围绕网站目标定位，选择网站内容和设计栏目的方法。
（3）通过设计网站一、二级网页的版面，体会版面布局和色彩方案设计的过程。
（4）亲历网站制作计划的拟定过程，体会与人合作交流的技巧。
（5）经历班级网站的筹划过程，初步懂得简单网站的筹划方法。
3．情感态度与价值观
（1）培养对网站的鉴赏能力。
（2）培养学习和使用信息技术的兴趣和意识。
（3）培养团结协作精神，发展合作意识。
【教学重点和难点】
教学重点：
明确主题网站的功能定位，并根据制作目标进行内容结构和版面的设计。
教学难点：
设计网站内容结构和拟定制作计划。
【教学媒体及资源】
多媒体网络教室、电子教室系统、给学生展示的优秀网站范例、“知识检查表”和
“任务进度检查表”的电子表格。
【教学过程】
教
学
环
节
教师活动 学生活动 设计意图
情
景
引
入
与
1、情景引入：如何为班级成员之间提供一个展示和交流
学习生活的平台，实现班级资源的共享。
2、任务提出：
（1）本章任务：
要求同学们分组各设计一个班级网站，最后将在所
明 确 任 务 和 合
作伙伴。
提出贴近学
生 学 习 生 活
的 任 务 情 景
与要求，激发
学 生 的 创 作任
务
提
出
有作品中评比出最佳网站作为本班的班级网站。
（2）本节任务：
进行网站的筹划。
热情。
1、观摩网站
提供一些优秀的班级网站让学生进行观摩。引导学
生从网站的主题、内容、版面和技术归纳优秀网站的特
点。
观 摩 教 师 提 供
的网站范例，填写教
材表 2-1。
学 生 在 观 摩
优 秀 作 品 的
同 时 对 网 站
的 整 体 结 构
有 较 深 的 感
性认识，借鉴
别 人 作 品 的
优 点 并 找 到
自 己 网 站 的
定位。
2、明确功能定位
指导学生明确网站制作的总体目标和要实现的功能。
学生在组内讨论，
分析，最终明确网站
功能。
3、设计内容结构
指导学生阅读教材表 2-2 和图 2-1，引导学生对网
站所要表达的内容进行梳理、筛选和归类，最终形成自
己的网站结构和栏目内容。
学生在老师指导
下仔细阅读教材，并
在组内进行讨论，根
据讨论结果，把自己
的网站结构和大致
栏目内容填写在教
师印发的“网站筹划
书”中。
任
务
解
决
4、设计版面
（1）选定版面宽度
（2）合理布局版面
一个网页的版面通常以屏幕中央最能引人的注意，
屏幕上方紧随其后，屏幕的左右侧通常放置不太重要或
固定信息，附加信息（如版权信息）一般放在最下方。
展示常用布局方式实例：T 字型、同字型和三字型。
（3）设计色彩方案
参考教材 P22 中的拓展知识部分，了解不同颜色给
浏览者的不同感受。
注意：不要使用过多的颜色。除了黑色和白色以外，
约选择四到五个颜色就够了。
学生观摩优秀网
站范例，认识不同网
页版面布局结构，颜
色搭配，经组内讨论
之后在“网站筹划书”
中绘制第一、二级网
页的布局草图。
沿着网站筹
划一般过程，
让 学 生 逐 步
解 决 网 站 制
作 的 需 求 分
析工作，为下
一 步 工 作 开
展做好准备。
提供优秀的
范 例 给 学 生
参考，有利于
学 生 得 到 启
发，较迅速的
确 定 自 己 的
网 站 设 计 方
案。5、拟定制作计划
指导学生进行合理分工、拟定制作计划。
小组成员之间经
过讨论协调，确定彼
此的分工任务
6、小组计划评价
从可行性和工作分工是否合理等方面对小组的计划作
适当的点评，指导相关小组修改计划。
根据教师的建议
修订计划。
保证后
面的学习任
务得以顺利
开展。
小
结
1、优秀网站的共同点有包括：容易进入、主要内容一目
了然、内容丰富、更新及时和版面美观。
2、着手设计网站前，我们需要明确网站的功能定位。
3、网站内容的选择和栏目设计要围绕网站的目标定位。
4、设计版面主要包括三个方面的工作：选定版面宽度、
合理布局版面和设计色彩方案。
5、筹划一个网站，一般需要经历观摩网站、明确功能定
位、设计内容结构、设计版面和拟定制作计划等五个
过程。
填 写 知 识 检 查
表和任务进度表。
帮 助 学
生 梳 理 本 课
知识要点。
课
外
任
务
小组成员分工合作，搜集班级网站所需资源。 为 下 节
课 的 教 学 内
容作准备。2.2 创建网站站点
【教学目标】
1、 知识与技能
（1）了解发布信息的方式，懂得创建网站的意义。
（2）了解网站规划的基本方法。
（3）启动和关闭 FRONTPAGE2003，初步了解 Frontpage2003 软件窗口界面。
（4）掌握在 Frontpage 中新建站点、新建文件夹和网页文件的方法。
（5）掌握更改网页标题的方法。
2、过程与方法
（1）通过浏览示范网站，培养分析网站结构内容结构层次的能力并进而了解到网站规
划一般内容和方法，培养对网页的初步欣赏能力。
（2）根据教材上的案例，在分析网站内容结构的基础上，学会使用 Frontpage 软件建
立自己的“感恩网”站点（My Web Sites），并合理规划网站的文件夹结构，对网站文
件进行管理。
3、情感态度与价值观
（1）通过浏览示范网站，体验网站在表达信息方面的特点。
（2）培养学生的作品规划意识，形成“先规划，再制作”的习惯。
（3）通过对网站文件的管理，使学生形成管理文件的良好习惯。
（4）进一步了解网页的制作方法，提高自己的审美素养，激发热爱网页设计的激情；
通过学习，培养学生知恩感恩、关心他人的道德品质。
【教学重点】领会网站建设的意义，初步了解 Frontpage2003 操作界面，建立自己的
“感恩网”站点（My Web Sites）
【教学难点】网站的结构规划及文件夹的操作
【教学过程】
教学
过程
教师活动 学生活动 设计意图一、建
立引
导区，
搭建
知识
情感
工具
平台
在多媒体教室
教师用自制的网页导入新课。重点
有五点：1、信息发布的必要性。2、
信息发布的方式。3、信息发布的工
具软件。4、激发创作网站的激情。
5、明确本节课堂任务。
观看教师作品并
积极回答老师的
提问，思考前面
的三大问题，领
会建设网站的重
大意义。
教师的制作兴
趣可以大大激
发学生的兴趣，
并给学生以较
高的起点。“它
山之石，可以为
错；它山之石，
可以攻玉”吗。
二、强
化自
主操
作技
能，指
点学
习门
径，完
成课
堂作
业
在电子网络教室
准备工作：维护好机房各台机器，
运用教师机或服务器在每台客户端
上安装好 Frontpage2003，发送好
“感恩网”素材及自我检测题到桌
面。
上机安排：根据各班人数，安排好
上机。做到人机号合一，严禁乱上
号，乱建文件。做到规范化操作，
责任化管理。
明确操作要点：1、填好感恩网内容
结构图，及各栏目实现的目标。2、
运行 Frontpage2003 软件，建好主
页。3、根据表 5-2 建好子栏目网页。
4、注意保存网页文件名、路径、位
置。所建站点只能保存在自己的文
件夹中。
带着任务上机，
明确要点操作。
严格按上机号码
操作相应电脑。
按操作程序操作
软件。
对照书上案例，
注意操作步骤○1 、
○2 ○3 ……，注意
保存网页文件名、
路径、位置。注
意站点的结构及
完整性，防止子
栏目遗漏。对照
教师发的桌面\
第五章\第一节\
作品\感恩网
\ganen 文件夹，
检查自己的站点。
“任务驱动，
案例教学”是
一种高效的运
作模式，在强
调自主的基础
上以完成作业
为主要评价标
准。自主与完
成是老师需要
强化的，结合
本案例，建由
一个网页组成
的网站，学生
应较能轻松完
成。
三、全
程 质
1、用多媒体监控学生的屏幕或巡回
视察，了解学生学习进度，并给予
学生自我控制
1、质量控制，熟
这是网站建设
的第一课，要量 进
度 控
制 加
强 信
息 管
理
提醒。
2、遥控指导、直接辅导解决学生学
习中的问题或提供技术指导。
3、提供修改指导意见。
4、统计学生练习的完成情况。
5，及时保存学生中的优秀作业，为
以后教学作参考材料。
悉并掌握操作程
序和要点，多观
察、多思考、多
实践，不懂的地
方适时同老师交
流，减少错例。
2，把握好时间，
集中精力，做到
流畅操作。先完
成作业，再锦上
添花。
让学生不要感
到太难，难的
在后面章节，
教师运用屏幕
控制给那些欠
敏捷同学轻轻
示范，以帮助
学生完成任务。
对于好动同学，
严禁在完成作
业时乱点乱涂。
四、以
作 品
为 核
心，发
挥 自
主 探
究 合
作 品
质，突
出 创
新 精
神
1、建立作品评价标准，让学生领会
这些标准。
2、这个标准可以是作品本身也可以
某个学生，
3、公布自我检测题答案：1.A C B
2.√ √
布置课后作业 ：搜集感恩素材。
4，在验收完作业后，放手让学生自
由组合，去作更深层次的思考、发
挥、实践、交流、
5、自由组合的学生团队由老师安排
到特定的电脑操作。
观看其他同学的
优秀作业并总结
本课的学习收获
对于作业时的古
怪想法或操作中
的疑惑，及时向
老师汇报交流。
申请合作团队作
进一步学习，炮
制新的作品。
强调作业与作
品差异，以作
品为中心，用
作品说话。展
示学生优秀作
品，鼓励这些
学生的同时给
其他同学以动
力；让学生在
学习中有成就
感和上进心。
五、交
流互
动点
预见
1、除了用 FrontPage 制作网页外，
有没有其他制作网页的软件呢？
2、网页与网站的区别？
3、什么样的网页才是美的？
4．www（World Wide Web）是什么？
html 是什么？
1、网站建设难不
难？
2、网页特效怎么
制作的？
3、网站建好后怎
么传到因特网？
教师在巡视中，
甚至下课时会
有很多几率跟
学生交谈的，
而正是这样的
交谈会激发学5、一般的网页设计师月薪是多少？
6、能不能先做网页后做站点？
7、鼠标右键的妙用？有的同学找不
到新建文件（夹）按钮，打开 images
后找不到返回按钮，不妨用鼠标右
键试试。
4、印度女童苏雷什
在 8 岁的时候，
就为她所就读的
学校设计了官方
网站，是不是神
童？
生的好奇心，
不断生发问题。
若能如此，本
设计就是成功
的设计了。
【教学反思】
本课运用 Frontpage 课件来激发 Frontpage 软件学习，可谓融合功能与形式于一
体。但对于八年级学生来说，又有点深奥。教师关键是要引起学生对网站网页的兴趣。
从课前、课中、课末都要以审美的标准来贯穿。对学生要一贯采用技术和美术上的高标
准。但美中不足的是学生的综合素质有待提高。
2.3 制作网站首页
【教学目标】： 1、知识与技能：理解个人网站首页的基本构成；了解制作网页的软件，掌握
FrontPage2003 网页文本编辑和图片插入方法，以及网页背景的设置方法。
2、过程与方法：先让学生观摩一些漂亮、有个性特色的首页，然后任务驱动，让
学生参考教材，互助学习，自主学会知识与技能，实现首页的制作。
3、情感、态度、价值观：培养学生的审美能力和创造能力，在小组协作学习中，
培养学生的团队精神。
【教学重点】：
1、理解个人网站的基本组成和网页框架布局；
2、学习 FrontPage2003 制作网页的一般方法（重点是文本格式、图片、背景）；
【教学难点】：
1、首页的艺术性与个性布局，色彩的搭配；
2、图片的插入和背景的设置。
【教学准备】：
大屏幕投影、多媒体网络教室、相关图片及文档素材
【教学过程】：
一、创设情景，引入课题：
师：老师今天给大家带来了一个礼物，它是一个漂亮的网站，它就是“梅坑中学网
站”，请同学们欣赏。
上节课我们已经规划了自己的网站，并且搜集了素材，这节课咱们来动手制作网站
的首页。你知道有哪些软件可以用来制作网页吗？
教师引入：其实好多字处理软件都可以设计网页，如 word 中，利用“另存为 web
页”就可以将文档保存为网页，有些图像处理软件如 PhotoShop 也可以制作网页，
windows“记事本”也可以制作网页……不过 FrontPage 和 Dreamweaver 却是最方便的
网页制作软件，因为它们不仅可以制作网页，而且能方便地设计和管理网站，很适合入
门学习。
我们先学习用 FrontPage2003 制作网站的首页。
二、新课教学
任务一：认识 FrontPage2003
1、学生探究：用以前学过的打开软件的方法，在“程序”中找到并打开
“FrontPage”。
2、师引入：FrontPage 与 Word 的操作非常相似，请同学们用鼠标试探 FrontPage
网页编辑窗口界面上各部分的名称，了解各按钮的作用，小组内进行交流，说说与 Word
窗口有哪些异同。
3、抽 2~3 个小组代表交流讨论结果，教师适时展示 FrontPage 界面并辅助说明。
重点指出新建、保存、插入、预览等菜单或按钮的位置和功能。
4、学生练习：打开一个已经做好的网页，试探一下三种编辑视图模式按钮的效果。
（教师事先下载一个简单的网站首页发送给学生，让学生自主操作）
任务二：制作网站首页
1、师引入：在我们动手制作网页前，我们应当考虑好网页的布局和内容，个人网
页的布局就像办小报一样，没有固定的格式，完全可以由我们自己大胆地进行设计。
（教师利用广播展示几个风格不同的个人主页，让学生注意观察主页的内容版块布局）
抽生回答：你觉得网站首页应当包含哪些图、文内容？你能形象地描述以上网站的
布局样式吗？ 根据学生的回答，适时板书“网站首页的一般内容：网站标题、网站图标、导航栏、
水平线、网站主题介绍、作者及电子邮箱……”常见的网页布局有： “国”字型；“匡”
字型；“三”字型；“川”字型；封面型；Flash 动画型；标题与文本型；框架型……
你能指出老师展示的这些网站属于哪种布局吗？你准备选择哪一种布局方式来设计自
己的首页？
2、练一练：
新建一个网页，根据上节课自己拟订的网站设计方案，在空白位置输入网站名称、
栏目名称、主题介绍、作者姓名等内容。
3、仿照 word 的操作，利用格式栏中的工具按钮，设置改变文字效果，师鼓励学生
在设计时要展示出自己的个性。小组内交流：我是怎样使文字格式更美的。
4、保存主页文件教师指导学生保存时，首页应保存为 index.htm 或 default.htm，
保存的位置是上节课所规划的网站文件夹。
任务三：美化网页
师：（通过广播展示一些学校或公司网站、以及学生网站 4 幅截图）请同学们观察
这四个网站的首页，色彩和风格上有什么不同？（抽生回答）要使我们的首页更美，我
们可以用色彩或图案来美化它，你还希望你的网页背景是什么色彩或图案？你觉得可以
插入什么图片来突出网站的主题呢？
1、试一试：改变网页的背景和插入图片学生阅读课本 29 页，独立试探完成背景颜
色效果的设置。
投影展示：“格式——背景”的关键步骤画面
设置网页背景
进一步尝试和交流：除了使用色彩作为背景，还可以怎样美化背景？能用图片作为
背景吗？试试看，怎样才能办到？Frontpage 能像 word 一样插入图片吗？试试看。
2、组织学生进行交流：怎样设置背景效果？怎样插入图片和调整大小？
三、课外拓展
上互联网，欣赏网站的学生作品。选择一种你最欣赏的主页布局样式，自找素材制
作一个介绍“中国年”的主题网站首页。
四、小结：
通过本节课的学习，你的网站首页做好了吗？向大家介绍你的首页中都做了哪些内
容？你对自己作品的哪一方面最满意呢？小组互评网站首页。2.4 制作栏目网页
【学习目标】
（1）利用模版生成栏目相似的网页
（2）会制作相册图片的缩略图
（3）浏览长网页时返回页首
（4）在网页中提供文件下载和跳转到其他网站
【教学重点】 1、快速生成版式相似的栏目网页
2、在网页提供文件下载
【教学难点】 1、保存模板过程，
2、设置书签
【学法指导】
任务驱动学习法：经过上节课制作网页首页学习，学生已经掌握了添加网页元素
（添加文字、图片、动画）的方法，并且学会设置超链接。如何设置网站统一的外观，
为班级相册的相片统一大小的缩略图，通过提出缩略图效果和文件下载的问题和情境，
能较好地激发学生的求知欲望，为本课的学习打下了良好基础。
自学探究学习法：让学生自学探究，以实践促进学习的教学理念贯穿课堂的始终。
【教学过程】
一、预习新课
提出学习目标，让学生按照本节课的学习目标把内容先浏览一遍。
二、探究学习，提出任务
（一）1.教师示范应用了网页模板的网页特点，展示应用了模板的网页有什么共同
的特点。示范“班级相册”里面的缩略图照片，提出问题，尺寸大小不同的相片如何实
现按表格大小插入在单元格中？
任务一：
为网页制作一个模板：把站点里面的 moban 网页文件制作一个模板，并能够利用模
板打开网页。
1、为“班级相册”网页第一栏添加缩略图
2、学生实践探究，教师巡视检查、辅导。
3、学生演示检查自学效果。
4、教师演示
（二）1.教师演示“班级首页”中回首页的书签功能。展示“快乐学习”网页中文
件下载和网站链接。提出任务：任务二：
①在“班级相册”网页里面设置“回首页”的书签，点击回首页能回到同一页面顶
部。
②在“快乐学习”网页休闲区中，设置“这里”为文件下载链接，在收藏夹区里面
分别把两个网页设置以新窗口方式打开链接。
1、学生实践探究，教师巡视检查、辅导。
2、学生演示检查自学效果。
3、教师演示
【作品展示，评价交流】
展示学生作品，对作品的优劣处进行评价。
一、思想性、科学性
主题明确，内容健康，作品能正确地表达主题思想。
二、创造性
主题形式较为新颖，内容组构设计有一定技巧。
三、艺术性
版面设计合理，美观协调。
合理运用各种形式表现主题，体现艺术表现力。
四、发展性
积极参与，在作品制作过程中不断学习。
综合运用信息技术的能力进步幅度较大。
【课堂小结】
通过本节课的学习，同学们学会了制作相册相片的缩略图，设置回网页首部的书签，
会制作文件下载链接和用新网页方式链接。
微信/支付宝扫码支付