导入

课题

4+3

组织课前体验

下载两个体验文件夹，将页面停留于体验1的几个问题上

输入网址，看似浏览器打开的是一个网页，但通过各种链接，可以爬行到很多其他页面，这些围绕某一主题集合在一起的网页就汇合成为网站。（ppt呈现树状）

在体验环节，分别访问了两个站点。

站点的外观以及同学们的实际操作，觉得它像什么？（以文件夹形式存在）

首页就是一把密钥，可以打开进入站点的大门

对于网站、网页、首页的概念，通过简单练习强化

完成课前体验并回答

Index.htm

有链接，无跳转

这个文件夹里只有一个网页文件

文件夹

解决首页文件名、网站和网页关系问题

新

授

新

授

4+3+3+6

3+10

明确课题：创建网站、制作首页

工欲善其事必先利其器，除了一些在线的iH5之外，认识两种软件，第一堂课先选用Frontpage进行操作。

软件界面

Frontpage和之前学习过的WPS OFFICE界面相似（菜单栏、工具栏），强调提示菜单栏的文件、插入菜单等。

特殊部分在于两种视图模式，后续用到再细解。重点关注网页的“设计”视图模式。

认识并熟悉软件最好的方法就是实践。小试牛刀，尝试创建站点并完成一个简单的首页。

教师示范，突出两步骤（创建只有一个页面的站点）

引导观察：

1.看站点位置

2.建站成功后，在“文件夹”视图模式下，“文件夹”列表里出现了哪些文件和文件夹

顺利搭建小屋后，我们要添置些必需品了，这个必需品就是首页。重复文件名（index）

今天制作的首页非常简单

引导学生分别观察logo、enter。插入-图片-来自文件

水平线。插入-水平线

背景。格式-背景

都是熟悉的操作，唯有一点需要注意：保存时，注意嵌入图片位置。

平台提交作业作为反馈。

至此，一个简单的网站及网页我们就制作完成了。So easy！

有同学可能要问，为什么我们要学这个？

网络时代，通过网络推荐并展示自己是一种更快捷、覆盖范围更广的方式。这种展示可以是你个人，可以是你所在集体，还可以是你关注的某个观念。

不过，仅有这么一个简单页面，实在太单薄，我们也拿不出手。我们有一个建站的愿望，也掌握了基本技术，还需要什么呢？

建站的思路。对应老师呈现的四要素，我们还需要明确主题、做好资料的收集和初步的规划。

例如，书本的52页围绕关心自然、关爱动物这一主题，进行了初步规划。规划内容涵盖页面名称、包含素材等。

我们作为济楚共同体，是否也能仿照这一思路，来展示本班、本组的建设情况呢？

老师在平台上，给大家准备了一个共同体网站展示的规划表。这两张表都属于半成品，大家可以根据自己的理解，以及小组的建设情况在原有规划表的基础上进行增删。

布置任务二：完善并完成规划表。

延伸：建立网站结构

学生认真学习、识记，理解有关概念。

思考并明确本课要用的软件。

学生自主加合作完成任务1-1。

观察建站后自动出现的images文件夹，index.htm文件

举手反馈任务完成情况

Index.htm

识记首页组成要素并能与实际网页对号入座。

学生观察思考并回答。

学生听讲并理解页面中所隐含的内容，再按要求完成首页。

完成任务1-2

观看、思考、评价

帮助学生先形成总体认知。

适当的讲解有助于学生理解站点的创建。

学生通过自主合作能完成的操作让学生自己做。

使学生初步感知首页的组成要素及表现形式。

运用对比法让学生联系旧知，加快对新知的吸收掌握。

形成素材的分类管理意识

培养学生运用学习资源自主学习的能力以及遇到问题合作解决问题的能力。

满足不同层次的学生需求。

反思与借鉴

小结

1、请学生谈收获。（提示：知道了什么，学会了什么）

2、课堂总结：重申网站与网页的关系，提醒网页需要在站点的庇护下正常运行

3、呈现保护动物的网站结构，引导学生进一步思考济楚共同体建设的网站结构。

回顾总结所学内容。

总结本课学习内容。