高中信息《FrontPage 网站制作》优质课教学设计Word文件下载.docx

高中信息《FrontPage 网站制作》优质课教学设计Word文件下载.docx

《高中信息《FrontPage 网站制作》优质课教学设计Word文件下载.docx》由会员分享，可在线阅读，更多相关《高中信息《FrontPage 网站制作》优质课教学设计Word文件下载.docx（7页珍藏版）》请在冰豆网上搜索。

　　四、教学目标

　　、知识与技能：

（1）了解网站制作的一般过程。

（2）学会利用FrontPagexxxx建立站点，掌握网页制作的基本方法：

文字的插入、图片的插入和设置、动画的插入和设置、表格的相关操作等。

　　（3）掌握用frontpage制作超链接的方法。

　　2、过程与方法：

　　以任务为驱动，以学习网站作为技术支持，让学生在自我探索、自我学习中完成任务，掌握网页制作的基本方法，并体会整体规划的重要性。

　　3、情感态度与价值观：

（1）在做自己感兴趣的主题网站过程中形成和保持对信息技术的求知欲，感受探索与创造的乐趣。

（2）学会欣赏他人的劳动成果，给出中肯的评价意见，提高艺术修养和审美情趣。

　　五、教学重点、难点

　　教学重点：

网页制作的基本方法、利用表格进行网页布局

　　教学难点：

frontpage制作超链接的方法。

　　六、教学方法与手段

　　、任务驱动法

　　将FrontPagexxxx的基本操作学习隐含在任务中。

避免了枯燥的技能训练，利于学生循序渐进地学习信息技术的知识和技能，让学生在学习任务中，自已在网站上浏览帮助、尝试操作、主动探究。

教师在整个过程中起到组织、引导、协调、控制、咨询的作用。

　　2、案例分析法

　　通过展示优秀网页作品，在教师的引导下，学生注意观察并分析网页的组成元素及组织方式，了解页面布局，为自己的网页制作打下基础。

　　七、教学准备

　　、素材准备：

案例素材已存放到学生桌面。

　　自主选题素材从学习网站上下载。

　　2、学习网站：

学习任务与指导、案例网站赏析、作品上传、作品评价。

　　八：

教学课时：

2课时

　　九：

教学过程：

　　第一步：

【案例欣赏，导入新课】

　　师：

我们盐城是一座以盐命名的城市，这说明它的过去跟什么有关？

　　生：

盐

盐城在过去一直是重要的产盐基地，有着丰富的海盐历史文化，我们上一届的同学为此制作了一个网站，我们一起欣赏一下。

网站上有哪些栏目？

首页、生命之侣、史海盐踪…

当我们点击这些栏目时，地址栏中网页名称是否变化？

说明了什么？

一个网站是由多个网页组成的。

这些网页上有哪些素材呢？

有文字、图片、动画、音乐等。

这些素材共同表达了什么样的主题？

海盐生产历史和文化。

今天我们就以这个作品为例，和同学们一起来学习网站的制作，相关的素材已提前发给大家了，桌面上有一个海盐素材的文件夹，请大家先看下里面的内容。

　　板书：

网站制作

俗话说“工欲善其事，必先利其器”，我们要做信息的集成，首先要选择一个集成工具，对于网站制作而言，目前比较流行软件的有Dreamweaver、FrontPage等，今天我们选择FrontPage来制作网站，这是因为它的操作与前面学过的woRD比较相似，同学们很容易上手。

它的快捷方式已放在桌面上了，请同学们将它打开，先看看它的界面与woRD有何不同？

　　展示：

FrontPage与woRD的窗口。

工作区多了个视图窗口。

视图窗口是管理网站用的，不用时可以按右键将它隐藏，空白处是网页的编辑区，也是同学们尽情发挥地方，底下还几个标签，代表了几种不同的工作方式，“普通”标签是编辑网页用的，“HTmL”是用来编写网页代码的，这个我们到选修“网络课程”时再作介绍，“预览”是用于查看效果的。

　　第二步：

【任务驱动，探索新知】

　　任务一：

新建站点：

新建只有一个网页的站点，位置在d:

/myweb下

界面熟悉之后，接下来我们正式开始制作网站，老师将这个网站的制作过程分成了六个步骤（见学习网站），每一个步骤完成一个任务，那么制作网站的第一步是什么？

新建站点。

站点就是一个文件夹，用来保存放网页和网页素材的。

　　演示：

站点建好后，工作区中出现一个窗口，叫“文件夹列表”，可能看到站点里面有二个文件夹和一个网页文件，这些都是系统自动添加的，其中这个网页我们一般把它设置成网站首页，也就是浏览者进入网站后看到的第一个页面。

下面我们打开这

　　个首页，准备进入下一步的制作。

打开（双击或右击）

　　任务二：

页面布局

　　、表格布局：

我们在制作一个网页之前，一般需要先用表格对页面进行规划和布局，目的是使页面能做到整齐美观，下面我们看一下海盐首页的布局方式。

海盐博物馆首页布局：

大家看这个页面从上到下，大概可以分为几个部分？

每个部分内容是什么？

三个部分，上面动画和目录，中间是网页内容，底下是制作人的信息

这是一种常用的布局方式，上面放置网站横幅，可以是图片也可以是动画，精心设计的横幅会让网站更有吸引力。

横幅的下面一般设置栏目导航，大家刚才已经看到，点击这些导航就可以跳转到其它的页面。

中间是网页的具体内容，底部可以放置网站的一些基本信息，这种布局有一个名称，叫“国”字型布局，由于简单实用，所以经常被采用。

除了这种布局之外，还有一些布局也是我们经常使用的，我们也来看一下：

“厂”型布局、“封面”型布局。

这些布局仅供同学们制作网站作一些参考，当然同学们自已也可以有所创新，不一定要拘泥于这些形式，接下来，我们看怎样用表格做出海盐首页这种布局。

分析表格的制作方法：

　　⑴一共有几行？

　　⑵第二行里插入一个子表格，是几行几列，目的是什么？

　　⑶第四行需要两列，怎么做？

FrontPage中也提供了和woRD一样的表格菜单，可绘制表格，也可插入表格，下面请同学们利用以前学过的知识来制作这样的表格。

尝试制作动手操作。

（请学生演示）

表格布局完成以后，接下来我们就可以添加素材了，这个首页上一共用到四种类型的素材：

图片、文字、flash动画和水平线，下面老师给大家演示一下如何添加这些内容。

添加素材，设置属性。

　　任务三：

添加网页内容

　　将文字、图片、动画分别插入到表格指定位置，并进行相关设置。

动手操作，老师巡视指导。

任务三完成的同学，请继续完成任务四，它的要求是通过对一些属性进行设置，从而达到美化页面的目的，由于这个任务比较简单，所以请同学自主完成，如有疑问请查阅学习网站上的帮助。

　　任务四、设置页面效果。

　　、将表格边框粗细设为“0”，—表格属性

　　2、设置单元格背景，—单元格格属性

　　3、添加背景图片：

—网页属性

　　4、添加背景音乐：

高山流水.mid—网页属性

动手操作，老师巡视指导，请做的快的同学上台演示（掌声鼓励）。

　　师总结：

右键设置属性，是一种通用的做法，希望同学们能够熟练掌握。

首页制作好后，需要及时保存，那保存网页时需注意些什么呢？

网页的保存，

（1）网页保存时需要嵌入图片，请选择站点下的images文件夹

（2）若编辑的页面不是，将它另存为

　　（3）网页一般直接保存在站点文件夹下。

　　任务五、添加新网页。

通过刚才的操作，大家已经完成了首页的制作，由于时间的关系，海盐博物馆的其它网页我们就不做了，过会老师将它们直接发给大家，现在我们看下一个任务。

　　展示任务五：

如何向站点中添加网页。

　　要求：

1、新建一个网页，命名为“”

　　2、复制一个网页，命名为“”。

由于网站是由多个网页组成的，所以我们要学会如何向站点中添加网页，请你尝试用两种不同的方式添加网页。

并思考这两种方式应该在什么时候使用？

　　学生动手操作。

（请学生上台演示）

如果从头开始做一个网页，就用第一种方式，如果已做好一个网页了，希望其它网页也能保持相同的风格，并减少工作量的话，就适合用第二种方式。

利用电子教室，将其它的网页直接发送到学生机D:

/myweb下，请同学们点“查看”菜单里的刷新，在文件夹列表下看有没有收到。

　　任务六、建立超链接。

现在所有的网页我们已经都有了，但这些网页之间有没有建立联系呢？

请大家任意打开一个页面，点击一个栏目，看能不能跳转到其它页面。

尝试后回答，不能。

那怎样实现栏目的导航功能呢？

用超链接。

对，超链接可以建立页面之间的连接，实现相互跳转的作用。

下面老师就给大家演示如何用超链接实现站点内页面的链接。

建立超链接。

设置超链接时要注意两个要素，一个是链接源，一个是链接目标。

对于我们现在做的超链接，文字是链接源，站点内的网页就是链接目标。

而且超链接的设置应是双向的，首页的栏目设置好超链接后，就可以实现到子页的跳转，但却不能返回，所以子页的栏目同样要设置相应超链接。

　　学生操作：

给各个页面建立超链接。

我们刚才设置的超链接是实现文字到网页的链接，其实超链接的种类有很多，下面请同学们打开“与我联系.htm”，看看这里面超链接应该如何设置？

　　展示任务：

　　超链接种类超链接设置

　　文字链接到文件海盐博物馆资料：

下载

　　文字链接到邮箱给我写信：

nzwangjian@

　　文字链接到网站海盐博物馆官方网站:

http:

///

　　图片链接到网站

这些超链接都可以在超链接窗口中实现，请同学们自已先尝试一

　　下。

设置超链接,教师适时引导。

　　第三步：

【学生自选主题，动手实践】

通过刚才的学习，同学们已经基本掌握了网站制作的步骤和方法，接下来请同学们打开学习网站，在作业浏览中根据你事先确定的主题，下载对应的素材，运用刚才所学知识，建立自已的主题网站。

选择主题，下载素材，进行制作。

　　第四步：

【学生上传作