浅水洼里的小鱼-英语专业就业情况

第十一课 建立网站站点 教学设计
1教学目标
知识目标：1、由建站准备工作过渡至开始建网站，建立网站文件夹和新建网站的主页。
2、了解网站主页的命名
技能目标：1．认识启动FrontPage，熟悉FrontPage软件环境；
2．建立网站空站点并新建保存主页；
情感目标：教学中以简易地操作技能帮助学生树立成功建站的信心、培养学生的爱心。
2重点难点
教学重点：在熟悉FrontPage软件环境的基础上建立网站空站点并新建、保存主页。
教学难点：站点文件夹的理解、网页里存放的是图片的路径的理解。
3教学过程
活动1【讲授】《建立网站站点》教案
师：同学们好，我是来自瓯海仙岩二中的蔡老师，很 高兴能来到我们的学校给大家上课。前
几天老师去了动物园，感觉那的动物真的是非常的可爱，今天老师 特地收集了一些动物的图
片带了大家，我们一起来分享下。


师：看来同学们 都很喜欢这些图片，老师很高兴可以和大家一起分享我的快乐。同时我也有
个愿望，要是我远在他乡的朋 友有机会也能感受到我的快乐该多好啊。同学们有什么办法能
帮老师实现这个愿望吗？
21·c n·jy·com

师：你们和老师想到一块去了，今天老师特地花了几分钟的时间制作了一张 非常简单的网页
我们一起来看一下。接下来我们就来学习如何制作网页。


2、知识迁移，学习Frontpage界面（5分钟）
师：我们以前学习过文字处理可以用 Word，制作演示文稿可以用PowerPoint，同样的建立
网页我们可以借助于一些工具软件， 同学们知道制作网站都有什么工具吗？（课件2）
师：今天我们就来要学习的就是利用Frontpa ge来开发网页，我们刚才欣赏到的网页就是用
Frontpage软件开发出来的。说起Frontp age同学们可能比较陌生，有没同学以前用过这个软
件的，可不可以给大家介绍一下？
21教 育网

师：那我们一起来简单的认识一下Frontpage这个软件
师：Fron tpage和Word是同胞兄弟，那么他们的操作界面应该有很多的相同点，我们一起
来比较一下这两 个软件的界面。（2分钟）
【来源：21·世纪·教育·网】

(请同学来说一说，课 件3引导说出最大的区别在于Frontpage提供了三个工作区域，而Word

只有 一个工作区域)
www-2-1-cnjy-com

3、自主探索Frontpage基本操作（8分钟）
师：刚才同学已经观察得出了这两个软 件除了工作区域不同外界面上非常的相似，那么这两
个软件的一些操作方法是不是也这么相似呢？那我们 就一起来试一试，为了节省时间，老师
在Word里给大家制作了一个网页框架文件。
2-1- c-n-j-y

1、找到我们的Frontpage软件，并且打开它。
2、打开桌面上的“网页框架”文件，把里面的内容复制到Frontpage里面。
3、对照相应提示填充网页。
4、把网页另存为到桌面。
完成的同学思考以下问题：
思考：1、把保存的图片剪切到其它文件夹中，网页还能显示这张图片吗？
2、删除保存的图片，网页里还能显示这张图片吗？
（评价学生作品，请同学边操作边讲解）
（请同学思考回答，引导得出网页文件里存放的是图片的路径）
4、创建站点文件夹（10分钟）
师：初步了解如何利用我们的frontpage制作网页 以后，我们就可以来建立我们自己的网站
了，那么网站和网页有什么区别呢？
2·1·c·n· j·y

师：我们平时浏览的一张页面叫网页，这些连接在一起的网页就是网站，因此网站是由 一张
或者一张以上的网页构成的。一般的网站都有几十张甚至上百张的页面，为了把这么多网页
和它们的资料都统一存放，方便管理在制作网页之前我们要先建立一个文件夹。
师：我们把专门用来存 放管理网页文件以及资源的文件夹称为站点文件夹，它是一种特殊的
文件夹。（最好使用英语或数字命名 ）
21*cnjy*com

师：看来站点文件夹真的是非常的重要，在制作网站 前我们首先要做的就是建立好这个文件
夹，我们教材上非常详细的列出了创建站点文件夹的步骤，接下来 同学们自学教材54页第
二部分内容来完成任务2。
【来源：21cnj**m】

（生操作，师巡视个别指导）
（请一位同学上台示范，讲解，教师指出private文件夹 是放私人东西的，别人在网络上无
法访问，images文件夹是放网页图片素材的，我们还可以根据需 要添加文件夹、增加网页）
5、建立网站主页（7分钟）
师：建立了一个空站点以后，以后 制作生成的网页和各种素材都可以分类存放在站点文件夹

内，这就好比给我们的网站安了 一个家。接下来做什么呢？我们设想一下有了一个家以后，
里面的房间可以慢慢装饰，外面的门面需要先 建立好，因为别人到你家访问首先看到的就是
你的门面，然后在通过它来参观你的家。
21世纪 教育网版权所有

师：在网站里我们也有类似门面作用的网页，我们把这张网页称之为主页或者 首页。主页通
常都是我们访问网站看到的第一张页面，通过它可以访问更多的页面。为了区别主页与其他
网页，我们通常将其命名为：(或 、)
【出处：21教育名师】

师：下面就请大家一起来制作我们的主页。（任务3）
1、新建一张普通类型的网页并保存在站点文件夹下，文件名命名为：
2、更改网页的标题为“网上动物园”。
3、在你的电脑上找到并打开你的主页。
4、观察网页的标题显示在哪里？
（学生示范，讲解）
6、学生练习拓展（8分钟）
师：接下来我们就可以在主页里也填充文字和图片了，大家想看 看老师的网上动物园是怎么
样的吗？下面就请同学们自己来制作一张这样的宣传主页。
21·世 纪*教育网

（教师展示学生作品，点评，注意图片是否已经保存在images文件夹里）
7、总结（2分钟）
师：在本次的创建“网上动物园”的活动中大家执行了哪些操作？ 师：我们也可以用同样的方法制作各种不同主题的网站，本课的最后老师希望同学们要做一
个有爱心 的人，让动物和我们人类和平共处，大家一起来保护这些人类最亲密的朋友。