建设网站家园的伊始

1、建设网站家园的伊始新建网站及网页教师：冯金凤 执教学校：阳东县第一中学一、教学目标（1）知识性目标：知道站点、主页的概念，了解 FrontPage2003 的操作界面。（2）技能性目标：掌握新站点及新网页的建立方法及步骤，会 保存网站及网页。（3）情感性目标：通过自主学习和任务驱动，提高学生的自学 能力，满足学生的探索欲望。二、教学重点及难点教学重点： 能在指定的位置建立只有一张网页的新站点， 并在站 点文件夹底下建立一张空白的网页。 学会保存网页中插入的图片。 保 存网站。教学难点：在新站点底下建立空白网页， 如何保存网页中的图片。三、教学手段及课时安排教学手段：自主探究、任务驱动教学法。课

2、时安排： 1 课时。四、教材分析这节是信息技术选修 3网络技术应用中的第四章网站的开 发中的“ 4.3.2 新建网站及网页”内容。内容虽然不多，但由于我 们信息的课时较少，学生接触计算机的时间不多，再加上以前又从没 接触过网页的制作知识，因此，笔者还是决定用1个课时来讲授本节 内容。本节内容是把所设计的网站付诸实施的开始一步， 因此重要性 是不容忽视的。对本节内容加以细讲也是有必要的。五、学生分析学生已经学习了 WORD 'POWERPOINT与上网浏览信息，对计 算机的基本操作（WORD中文档的编辑，网页的浏览等）比较熟练。 这使得学生主动探索、自主学习成为可能。每位学生必须完成基本

3、任 务，有能力的学生还可以完成提高篇的学习， 以充分发挥学生的积极 性与自主性。六、教学过程教学环 节教师活动学生活动设计意 图同学们，你们平时都喜欢浏览一些什么样的网打开自己喜激发学站啊？下面请大家尝试打开自己喜欢的网站欢的网站，观生学习观察一下，进入网站的第一页面与其他页面有察入口网页的兴什么不同？与下一个网趣，充页的不同之分吸引每个网站都是由一个个网页组成的， 而每个网处学生的站的入口网页囊括了网站里所有大的栏目， 甚注 意至是下一级的子栏目，都有进入栏目的链接。力。新课导入（3 分钟）显然这个入口网页网站的第一个页面是认真观察老至关重要的，就好像一个网站的大门，我们把师打开虎门它称为网

4、站的主页，一般文件名为：index.htm。销烟启思录 网站的过程，我们所浏览的网站都是已经在In ternet上发布思考问题：网的网站，那么在发布之前这些网站又是什么形站的保存位式的？那么多的内容到底是怎样保存的？卜面我们来研究一卜网站发布之前的样子。问：同学们认真观察一下，老师的这个网站是 在哪里打开的？它的内容保存在哪里？（打开预先保存在D盘的虎门销烟启思录置及形式。网站。）总结：可以这样理解网站：在资源管理器里，网站表 现为一个文件夹，里面存放的是所有与网站相 关的文件。设计网站一般必须经过两个大步骤，首先是在 计算机里把网站做好，然后发布在in ternet 上, 让所有的人访问浏览

5、。下面，我们就来学习如 何把我们设计好的网站在计算机里做出来。经过酝 酿，使 每个学 生都充 满了跃 跃欲试 的学习 欲望。软件的 选择（5 分钟）制作网站实际上就是制作网站所囊括的一张 张网页。那么网页制作的一般软件有哪些？微 软的办公软件系列里有没有网页制作软件？ 根据我们自己的学习经验，哪个软件更适合我 们学习和使用？请同学们自行上网搜索一下， 回答以上问题。（制作网页的一般软件有 Macromidia公司出 品的DreamWeaver,微软的办公软件 Office的 家族成员之一的 FrontPage,还可以利用一些 专门的图像处理软件来设计和制作网页，如 FireWorks、Phot

6、oShop等。由于我们之前都在 使用微软的办公软件，对它们的操作界面比较 熟悉，因此，FrontPage更适合我们初学者学 习和使用。）了解FrontPage软件的相关介绍。上网搜索问 题答案，并整 理总结，回答 问题。充分发 挥学生 的自主 学习积 极性， 锻炼学 生自行 解决问 题的能 力。新建空 白站点（15分钟）1、启动 FrontPage 2003回忆Office办公软件的打开方法，例如WORD : “开始”菜单一 “程序” 一 “Microsoft Office ”一 “ Microsoft Office Word 2003 ”。尝 试利用此方法打开Office系列下的FrontP

7、age 2003。2、Fron tPage 2003的界面介绍自行根据经 验尝试启动Fron tPage2003。诚如前面所述，Fron tPage 2003的操作界面与OFFICE的其他办公软件非常相似。如下图所 示：Fro ntpage2003的操作界面包括：菜单栏、 工具栏、格式工具栏、主编辑区等。主编辑区左下方的四个选项卡用于在“设计” / “拆分” / “代码” / “预览”四种视图之间互 相切换。设计：可以查看编辑状态下的网页。拆分：把编辑窗口分为两部分上面显示代 码，下面显示编辑状态下的网页。代码：可以查看HTML源代码。预览：可以提前预览网页在发布后的情 况。在Frontpag

8、e2003中打开虎门销烟启思 录首页，观察主编辑区左下方的四个选项卡 的使用。3、新建站点网站在资源管理器里表现为一个文件夹， 那么我们要建立一个新的站点也就是要建立 一个新的文件夹来保存我们将要建立的网站 的所有内容。教师示范操作步骤：（1）在D盘新建一个以主题网站名称 命名的文件夹。观察Fron tPage 2003的主界 面。在Fron tpage200 3中打开虎 门销烟启思 录的网站首 页，观察主编 辑区左下方 四个选项卡 的使用。（2）使用 FrongtPage2003菜单“文件” 宀“新建”，在弹出的“新建”任 务窗格中选择“由一个网页组成的 网站”；在弹出的“网站模板”中的“常

9、规”选项卡里选择“只有一 个网页的网站”，在“指定新网站 的位置（S）:”下点击“浏览”按 钮，找到指疋的文件夹。取后点击 “确定”。任务一：根据新建网站的步骤，在 建立自己的站 点。（教师巡视指导）请一位学生示范如何建立站点，教师小结。 冋：在新建站点后的文件夹列表中看到了 什么？（两个空的文件夹和一张名为index.htm 的主页。）空的文件夹是用来保存网站的文件的， 一 般图片文件会保存在images文件夹内。尝试打开主页，并利用“插入”菜单插入 一张图片。保存网站。（提示：关键是图片的 保存位置。）完成任务一， 在新建的网 站主页中尝 试插入图片， 并保存网站 内谷。注意关 键点是更改

10、 图片的保存 位置。新建空 白网页（10 分钟）每个网站都不止一张网页的，那么在建立 了站点及主页之后如何建立下一张网页呢？1、首先学会利用菜单栏的“视图”菜单 中的“文件夹列表”命令查看站点文件夹底下 的子文件夹及文件。弄清“文件夹列表”项目 上的三个按钮“新建网页”、“新建文件夹”、“关 闭”的作用。2、任务二：利用“文件夹列表”项目上 的“新建网页”按钮在站点文件夹底下建立一 张新的网页，并在网页中插入一张图片，保存。教师巡视指导，小结。3、拓展任务：如何利用“文件”菜单或 “视图”菜单中的命令新建一张单独的空白网页？认真观察，相 互讨论，完成 任务二。若有 条件，完成拓 展任务。在一定 的指引 下，力卩 强学生 的自学 能力。拓展任 务可以 满足不 同层次 学生的 学习需 求。课堂小 结（3 分钟）新建站点的步骤，新建空白网页的方法， 保存图片文件的位置。跟着教师的