第十一课 建立网站站点 教学设计
1教学目标
知识目标：1、由建站准备工作过渡至开始建网站，建立网站文件夹和新建网站的主页。
2、了解网站主页的命名
技能目标：1．认识启动FrontPage，熟悉FrontPage软件环境；
2．建立网站空站点并新建保存主页；
情感目标：教学中以简易地操作技能帮助学生树立成功建站的信心、培养学生的爱心。
2重点难点
教学重点：在熟悉FrontPage软件环境的基础上建立网站空站点并新建、保存主页。
教学难点：站点文件夹的理解、网页里存放的是图片的路径的理解。
3教学过程
活动1【讲授】《建立网站站点》教案
师：同学们好，我是来自瓯海仙岩二中的蔡老师，很高兴能来到我们的学校给大家上课。前几天老师去了动物园，感觉那的动物真的是非常的可爱，今天老师特地收集了一些动物的图片带了大家，我们一起来分享下。
师：看来同学们都很喜欢这些图片，老师很高兴可以和大家一起分享我的快乐。同时我也有个愿望，要是我远在他乡的朋友有机会也能感受到我的快乐该多好啊。同学们有什么办法能帮老师实现这个愿望吗？
师：你们和老师想到一块去了，今天老师特地花了几分钟的时间制作了一张非常简单的网页我们一起来看一下。接下来我们就来学习如何制作网页。
2、知识迁移，学习Frontpage界面（5分钟）
师：我们以前学习过文字处理可以用Word，制作演示文稿可以用PowerPoint，同样的建立网页我们可以借助于一些工具软件，同学们知道制作网站都有什么工具吗？（课件2）
师：今天我们就来要学习的就是利用Frontpage来开发网页，我们刚才欣赏到的网页就是用Frontpage软件开发出来的。说起Frontpage同学们可能比较陌生，有没同学以前用过这个软件的，可不可以给大家介绍一下？
师：那我们一起来简单的认识一下Frontpage这个软件
师：Frontpage和Word是同胞兄弟，那么他们的操作界面应该有很多的相同点，我们一起来比较一下这两个软件的界面。（2分钟）
(请同学来说一说，课件3引导说出最大的区别在于Frontpage提供了三个工作区域，而Word只有一个工作区域)
3、自主探索Frontpage基本操作（8分钟）
师：刚才同学已经观察得出了这两个软件除了工作区域不同外界面上非常的相似，那么这两个软件的一些操作方法是不是也这么相似呢？那我们就一起来试一试，为了节省时间，老师在Word里给大家制作了一个网页框架文件。
1、找到我们的Frontpage软件，并且打开它。
2、打开桌面上的“网页框架”文件，把里面的内容复制到Frontpage里面。
3、对照相应提示填充网页。
4、把网页另存为到桌面。
完成的同学思考以下问题：
思考：1、把保存的图片剪切到其它文件夹中，网页还能显示这张图片吗？
2、删除保存的图片，网页里还能显示这张图片吗？
（评价学生作品，请同学边操作边讲解）
（请同学思考回答，引导得出网页文件里存放的是图片的路径）
4、创建站点文件夹（10分钟）
师：初步了解如何利用我们的frontpage制作网页以后，我们就可以来建立我们自己的网站了，那么网站和网页有什么区别呢？
师：我们平时浏览的一张页面叫网页，这些连接在一起的网页就是网站，因此网站是由一张或者一张以上的网页构成的。一般的网站都有几十张甚至上百张的页面，为了把这么多网页和它们的资料都统一存放，方便管理在制作网页之前我们要先建立一个文件夹。
师：我们把专门用来存放管理网页文件以及资源的文件夹称为站点文件夹，它是一种特殊的文件夹。（最好使用英语或数字命名）
师：看来站点文件夹真的是非常的重要，在制作网站前我们首先要做的就是建立好这个文件夹，我们教材上非常详细的列出了创建站点文件夹的步骤，接下来同学们自学教材54页第二部分内容来完成任务2。
（生操作，师巡视个别指导）
（请一位同学上台示范，讲解，教师指出private文件夹是放私人东西的，别人在网络上无法访问，images文件夹是放网页图片素材的，我们还可以根据需要添加文件夹、增加网页）
5、建立网站主页（7分钟）
师：建立了一个空站点以后，以后制作生成的网页和各种素材都可以分类存放在站点文件夹内，这就好比给我们的网站安了一个家。接下来做什么呢？我们设想一下有了一个家以后，里面的房间可以慢慢装饰，外面的门面需要先建立好，因为别人到你家访问首先看到的就是你的门面，然后在通过它来参观你的家。
师：在网站里我们也有类似门面作用的网页，我们把这张网页称之为主页或者首页。主页通常都是我们访问网站看到的第一张页面，通过它可以访问更多的页面。为了区别主页与其他网页，我们通常将其命名为：index.htm(或index.asp 、default.htm)
师：下面就请大家一起来制作我们的主页。（任务3）
1、新建一张普通类型的网页并保存在站点文件夹下，文件名命名为：index.htm
2、更改网页的标题为“网上动物园”。
3、在你的电脑上找到并打开你的主页。
4、观察网页的标题显示在哪里？
（学生示范，讲解）
6、学生练习拓展（8分钟）
师：接下来我们就可以在主页里也填充文字和图片了，大家想看看老师的网上动物园是怎么样的吗？下面就请同学们自己来制作一张这样的宣传主页。
（教师展示学生作品，点评，注意图片是否已经保存在images文件夹里）
7、总结（2分钟）
师：在本次的创建“网上动物园”的活动中大家执行了哪些操作？
师：我们也可以用同样的方法制作各种不同主题的网站，本课的最后老师希望同学们要做一个有爱心的人，让动物和我们人类和平共处，大家一起来保护这些人类最亲密的朋友。
课件9张PPT。建立网站站点建立网站的工具软件：
建立网站的工具软件有很多 ，比较常见的有Dreamweaver 、东方网页王、 Frontpage等，今天我们要学习的就是Frontpage2000网页制作工具。
Frontpage 是由微软公司开发的一款制作网页制作工具软件，它和Word一样都是微软办公系列软件的一员。“普通”：代表网页编辑的普通窗口，我们一 般设计页面都在普通窗口里进行。
“HTML”：代表HTML代码窗口，我们可以在这个窗口里添加一些网页特效等代码。
“预览”：代表网页页面预览窗口，我们看网页最终的效果是在预览窗口里面浏览的。Frontpage的三个工作区域任务一、制作一张网页1、找到Frontpage软件，并且打开它。
2、打开“网页框架”，把里面的内容复制Frontpage里面。
3、对照相应提示填充网页
4、把网页另存为到桌面
完成的同学请思考：
1、把图片剪切到其它文件夹中，网页还能显示这张图片吗？
2、删除保存的图片，网页里还能显示这张图片吗？
3、 图片在网页文件里到底是怎么存放的？ 站点文件夹我们把专门用来存放管理网页文件以及资源（图片、动画等）的文件夹称为站点文件夹，它是一种特殊的文件夹。
（注意：由于一些浏览器和web服务不支持中文，为了方便我们的站点文件夹一般都不用中文字符命名。）任务二、建立站点文件夹1、请利用Frontpage2000在D:下建立一个以你的名字拼音命名的空站点文件夹。如：D:caijue
2、你能在你的电脑上找到这个站点文件夹吗?主页 在网站里我们也有类似门面作用的网页，我们把这张网页称之为主页或者首页。主页通常都是我们访问网站看到的第一张页面，通过它可以访问更多的页面。
为了区别主页与其他网页，我们通常将其命名为：index.htm (或index.asp 、default.htm)
任务三：制作主页1、新建一张网页保存在站点文件夹下，文件名命名为：index.htm
2、更改网页的标题为“网上动物园”
3、在你的电脑上找到并打开你的主页。
4、观察网页的标题显示在哪里？任务四1、将主页填充成一张宣传页。
2、将你插入的图片保存在站点文件夹下的 images文件夹里。
