网页高中信息《frontpage 2000 网站制作》优质课教学设计

高中信息《FrontPage 2000网站制作》优

质课教学设计

FrontPagexxxx网站制作

盐城市南洋中学王健

一、教学内容分析

这两节课的教学内容为教育科学出版社高中《信息技术基础必修》第六章信息集成与交流中“开发设计阶段”在信息集成的一般过程的几个阶段中具有重要的地位。本课是在进行了主题网站的规划设计后学习的要求学生学会根据需求集成信息制作网站并在建立网站过程中掌握网页制作的基本方法体会信息集成过程所涉及的各方面知识的综合运用通过学生的自主探究科学研究的方法发展创新意识动手能力。

二、教学对象分析

本节课授课的对象为高一学生在前阶段的学习学生已经初步掌握了文字、 图片、声音、视频等多媒体信息的简单加工和处理技术并且已经利用woRD进行过小报的制作。只有个别学生在初中时学过网页制作 由于间隔时间长 已经有所遗忘。

经过第一课时的学习学生初步了解信息集成的一般过程知道了选题立意及设计规划的重要性确定自己的选题并在纸上做了初步规划素材已经按照要求存放大多数学生对网站制作表现出很强的兴趣。

1/12

三、教学设计思想与策略

设计思想

、借助学习网站改变学生的学习方式 以自主学习为主教师组织引导为辅培养学生自学、动手、动脑的能力课堂教学中采取自主学习交流学习任务驱动以及引领展示的模式课的内容由案例欣赏模仿制作原创作品三部分构成。

2、利用学习网站改变传统的作品上传及评价模式。

教学策略

通过展示优秀案例激发学生的学习兴趣将制作过程分解为若干任务通过学生自主探究老师适时引导的方式完成整体网站的制作然后根据所学知识自主选题完成自已的作品创作。

四、教学目标

、知识与技能

1了解网站制作的一般过程。

2学会利用FrontPagexxxx建立站点掌握网页制作的基本方法文字的插入、图片的插入和设置、动画的插入和设置、表格的相关操作等。

3掌握用frontpage制作超链接的方法。

2、过程与方法

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

2/12

3、情感态度与价值观

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

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

五、教学重点、难点

教学重点 网页制作的基本方法、利用表格进行网页布局

教学难点 frontpage制作超链接的方法。

六、教学方法与手段

、任务驱动法

将FrontPagexxxx的基本操作学习隐含在任务中。避免了枯燥的技能训练利于学生循序渐进地学习信息技术的知识和技能让学生在学习任务中 自已在网站上浏览帮助、尝试操作、主动探究。教师在整个过程中起到组织、引导、协调、控制、咨询的作用。

2、案例分析法

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

七、教学准备

、素材准备案例素材已存放到学生桌面。

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

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

3/12

价。

八教学课时 2课时

九教学过程

第一步 【案例欣赏导入新课】

师我们盐城是一座以盐命名的城市这说明它的过去跟什么有关

生盐

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

师 网站上有哪些栏目

生首页、生命之侣、史海盐踪„

师 当我们点击这些栏目时地址栏中网页名称是否变化说明了什么

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

师这些网页上有哪些素材呢

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

师这些素材共同表达了什么样的主题

生海盐生产历史和文化。

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

板书 网站制作

师俗话说“工欲善其事必先利其器”我们要做信息的集成首

4/12

先要选择一个集成工具对于网站制作而言 目前比较流行软件的有Dreamweaver、 FrontPage等今天我们选择FrontPage来制作网站这是因为它的操作与前面学过的w o RD比较相似同学们很容易上手。它的快捷方式已放在桌面上了请同学们将它打开先看看它的界面与woRD有何不同

展示 FrontPage与woRD的窗口。

生工作区多了个视图窗口。

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

第二步 【任务驱动探索新知】

任务一新建站点新建只有一个网页的站点位置在d:/myweb下

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

生新建站点。

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

演示新建站点。

生新建站点。

5/12

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

师 下面我们打开这您现在访问的是中国教师范文吧旗下http:///jafs/

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

生打开双击或右击

任务二页面布局

、表格布局

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

展示海盐博物馆首页布局

师大家看这个页面从上到下大概可以分为几个部分每个部分内容是什么

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

师这是一种常用的布局方式上面放置网站横幅可以是图片也可以是动画精心设计的横幅会让网站更有吸引力。横幅的下面一般设置栏目导航大家刚才已经看到点击这些导航就可以跳转到其它

6/12

的页面。中间是网页的具体内容底部可以放置网站的一些基本信息这种布局有一个名称叫“国”字型布局 由于简单实用所以经常被采用。除了这种布局之外还有一些布局也是我们经常使用的我们也来看一下

展示 “厂”型布局、 “封面”型布局。

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

生分析表格的制作方法

⑴一共有几行

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

⑶第四行需要两列怎么做

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

生尝试制作动手操作。 请学生演示

师表格布局完成以后接下来我们就可以添加素材了这个首页上一共用到四种类型的素材图片、文字、 flash动画和水平线下面老师给大家演示一下如何添加这些内容。

演示添加素材设置属性。

任务三添加网页内容

7/12

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

生动手操作老师巡视指导。

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

任务四、设置页面效果。

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

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

3、添加背景图片—网页属性

4、添加背景音乐高山流水.mid—网页属性

生动手操作老师巡视指导请做的快的同学上台演示掌声鼓励。

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

师首页制作好后需要及时保存那保存网页时需注意些什么呢

演示 网页的保存

师 1网页保存时需要嵌入图片请选择站点下的images文件夹

2若编辑的页面不是将它另存为

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

8/12

任务五、添加新网页。

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

展示任务五如何向站点中添加网页。

要求 1、新建一个网页命名为“”

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

师 由于网站是由多个网页组成的所以我们要学会如何向站点中添加网页请你尝试用两种不同的方式添加网页。并思考这两种方式应该在什么时候使用

学生动手操作。 请学生上台演示

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

师利用电子教室将其它的网页直接发送到学生机D:/myweb下请同学们点“查看”菜单里的刷新在文件夹列表下看有没有收到。

任务六、建立超链接。

师现在所有的网页我们已经都有了但这些网页之间有没有建立联系呢请大家任意打开一个页面点击一个栏目看能不能跳转到其它页面。

生尝试后回答不能。

9/12