建设网站家的伊始.doc

《建设网站家的伊始.doc》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

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

2、何保存网页中的图片。三、教学手段及课时安排教学手段：自主探究、任务驱动教学法。课时安排：1课时。四、教材分析这节是信息技术选修3《网络技术应用》中的第四章《网站的开发》中的“4.3.2新建网站及网页”内容。内容虽然不多，但由于我们信息的课时较少，学生接触计算机的时间不多，再加上以前又从没接触过网页的制作知识，因此，笔者还是决定用1个课时来讲授本节内容。本节内容是把所设计的网站付诸实施的开始一步，因此重要性是不容忽视的。对本节内容加以细讲也是有必要的。五、学生分析学生已经学习了WORD、POWER

3、POINT与上网浏览信息，对计算机的基本操作（WORD中文档的编辑，网页的浏览等）比较熟练。这使得学生主动探索、自主学习成为可能。每位学生必须完成基本任务，有能力的学生还可以完成提高篇的学习，以充分发挥学生的积极性与自主性。六、教学过程教学环节教师活动学生活动设计意图新课导入（3分钟）同学们，你们平时都喜欢浏览一些什么样的网站啊？下面请大家尝试打开自己喜欢的网站观察一下，进入网站的第一页面与其他页面有什么不同？每个网站都是由一个个网页组成的，而每个网站的入口网页囊括了网站里所有大的栏目，甚至是下

4、一级的子栏目，都有进入栏目的链接。显然这个入口网页——网站的第一个页面是至关重要的，就好像一个网站的大门，我们把它称为网站的主页，一般文件名为：index.htm。我们所浏览的网站都是已经在Internet上发布的网站，那么在发布之前这些网站又是什么形式的？那么多的内容到底是怎样保存的？下面我们来研究一下网站发布之前的样子。问：同学们认真观察一下，老师的这个网站是在哪里打开的？它的内容保存在哪里？打开自己喜欢的网站，观察入口网页与下一个网页的不同之处认真观察老师打开《虎门销烟启思录》网站的过程，

5、思考问题：网站的保存位置及形式。激发学生学习的兴趣，充分吸引学生的注意力。（打开预先保存在D盘的《虎门销烟启思录》网站。）总结：可以这样理解网站：在资源管理器里，网站表现为一个文件夹，里面存放的是所有与网站相关的文件。设计网站一般必须经过两个大步骤，首先是在计算机里把网站做好，然后发布在internet上，让所有的人访问浏览。下面，我们就来学习如何把我们设计好的网站在计算机里做出来。经过酝酿，使每个学生都充满了跃跃欲试的学习欲望。软件的选择（5分钟）制作网站实际上就是制作网站所囊括的一张张网页。

6、那么网页制作的一般软件有哪些？微软的办公软件系列里有没有网页制作软件？根据我们自己的学习经验，哪个软件更适合我们学习和使用？请同学们自行上网搜索一下，回答以上问题。（制作网页的一般软件有Macromidia公司出品的DreamWeaver，微软的办公软件Office的家族成员之一的FrontPage，还可以利用一些专门的图像处理软件来设计和制作网页，如FireWorks、PhotoShop等。由于我们之前都在使用微软的办公软件，对它们的操作界面比较熟悉，因此，FrontPage更适合我们初学者学

7、习和使用。）了解FrontPage软件的相关介绍。上网搜索问题答案，并整理总结，回答问题。充分发挥学生的自主学习积极性，锻炼学生自行解决问题的能力。新建空白站点（15分钟）1、启动FrontPage2003回忆Office办公软件的打开方法，例如WORD：“开始”菜单—>“程序”—>“MicrosoftOffice”—>“MicrosoftOfficeWord2003”。尝试利用此方法打开Office系列下的FrontPage2003。自行根据经验尝试启动FrontPage2003。2、Fron

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