建立网站站点信息技术教案

建立网站站点信息技术教案

一、教学目标知识目标：由建站准备工作过渡至开始建网站，建立网站文件夹和新建网站的主页。技能目标：1．认识启动FrontPage，熟悉FrontPage软件环境；2．建立网站空站点并新建保存主页；情感目标：教学中以简易地操作技能帮助学生树立成功建站的信心。二、重点难点教学重点：本课教学重点是启动FrontPage，在熟悉FrontPage软件环境的基础上建立网站空站点并新建保存主页。教学难点：本课的教学难点站点文件夹的理解。学生在理解上有一定的困难，他们一般不太理解为什么要用上文件夹来存放网页，这里教师需要作解释。三、环境与素材1．教学环境：多媒

体网络教室，学生计算机中安装以上版本及Frontpagexxxx以上中文版，要求能上因特网。2．教学素材：准备示例网站以及首页相关的文字图片素材。四、教学过程1、展示学生的网站“蓝色阳光”师：这是一个学生自制的网站，你对它的第一印象是什么？生：师：请同学们大致浏览一下这个网站，你觉得它最吸引你的是什么？生：师：你觉的这个网站由哪几个元素构成？生：师：想不想拥有自己的网站，任凭你想象，把最美好的展现给你的朋友、同学生：2、授课开始师：那么，我们用什么工具建立网站呢？老师在这里介绍几个比较实用的网页工具——macromediaDreamweaver、东方网页、Frontpage。而我们运用的是Frontpage这个工具。装在我们机子里的是Frontpagexxxx。接下来让我们来认识一下这个网页工具。请大家从桌面或从程序菜单中打开这个程序生：师：请大家仔细观察这个软件的窗口结构，它与我们上学期学的word文字处理软件的

的窗口有什么相似处？生：师：正是由于它们都是微软公司的产品，窗口结构大同小异，至于其中的工具我们可以借用学woRD的方法认识、使用它们。Frontpagexxxx与word最明显的区别即有三个工作区域，请同学们观察并点击窗口左下方（状态栏上方）的三个切换按钮生：师：这些是这个软件工具的三个工作区——网页编辑普通窗口、HTmL 代码编辑窗口、网页页面效果预览窗口，我们在网页编辑普通窗口进行编辑。师：下面我们来进行实践操作。任务一：创建站点文件夹师打开一个网站的一张首页，然后选取首页中的某几个链接依次打开所对应的网页，学生观看师：同学们，老师刚才打开了一个网站的若干张网页只是这个网站的一部分，那么我们如何把这些网页都放在一个网站中呢？大家是否还记得我们把搜集到的资料归类时需要做一个什么工作？生：师：对，是建立一个文件夹。同样，我们把若干张网页放在一起建立一个网站也需要建

立一个文件夹，这样便于管理。下面请同学们先为你们的站点建立一个文件夹例D:/wujianping操作指导：文件——>新建——>站点生：师巡视任务二：建立网站主页师：这个文件夹只是这个网站的框架，内部还需要多张网页的补充和修饰，下面我们来建这个网站的第一张网页——即供他人浏览的第一张网页，称为首页或主页。师示范操作生自己操作，互相协作师巡视师：通常命名为，这是固定的命名，不能更改。这跟编辑网页的语言有关（html语言或者asp脚本语言）。注意，尤其是扩展名。生师巡视指正任务三：建设网站主页师：同学们，Frontpagexxxx和word的基本操作几乎相同，所以建设主页这部分由同学们自己完成。大家可以打开word，参照其中的文字输入、修饰和图片插入、修饰来完成Frontpagexxxx中的文字和图片内容。小组操作，教师给出参考主页，并巡视指正3小结4随堂练习五、教学资料

参考网址：Frontpagexxxx帮助http:///china/office/xp/frontpage/红玫瑰教程站点http:///建站技巧http:///software/