布局高中信息《FrontPage 2000 网站制作》优质课教学设计

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

FrontPagexxxx网站制作

盐城市南洋中学王健

一、教学内容分析

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

二、教学对象分析

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

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

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

设计思想

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

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

教学策略

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

四、教学目标

1、知识与技能

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

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

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

2、过程与方法

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

3、情感态度与价值观

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

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

五、教学重点、难点

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

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

六、教学方法与手段

1、任务驱动法

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

2、案例分析法

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

七、教学准备

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

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

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

八教学课时 2课时

九教学过程

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

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

生盐

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

师 网站上有哪些栏目

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

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

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

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

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

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

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

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

板书 网站制作

师俗话说“工欲善其事必先利其器”我们要做信息的集成首先要选择一个集成工具对于网站制作而言目前比较流行软件的有Dreamweaver、FrontPage等今天我们选择FrontPage

来制作网站这是因为它的操作与前面学过的WORD比较相似 同学们很容易上手。它的快捷方式已放在桌面上了请同学们将它打开先看看它的界面与WORD有何不同

展示 FrontPage与WORD的窗口。

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

师视图窗口是管理网站用的不用时可以按右键将它隐藏空白处是网页的编辑区也是同学们尽情发挥地方底下还几个标签代表了几种不同的工作方式 “普通”标签是编辑网页用的

“HTML”是用来编写网页代码的这个我们到选修“网络课程”时再作介绍“预览”是用于查看效果的。

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

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

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

生新建站点。

师站点就是一个文件夹用来保

存放网页和网页素材的。

演示新建站点。

生新建站点。

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

师下面我们打开这

您现在访问的是中国教师范文吧旗下教案网http://www.jsfw8.com/jafs/个首页index.htm准备进入下一步的制作。

生打开index.htm双击或右击

任务二页面布局

1、表格布局

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

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

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

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

师这是一种常用的布局方式上面放置网站横幅可以是图片也可以是动画精心设计的横幅会让网站更有吸引力。横幅的下面一般设置栏目导航大家刚才已经看到 点击这些导航就可以跳转到其它的页面。 中间是网页的具体内容底部可以放置网站的一些基本信息这种布局有一个名称 叫“国”字型布局 由于简单实用所以经常被采用。除了这种布局之外还有一些布局也是我们经常使用的我们也来看一下

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

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

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

⑴一共有几行

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

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

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

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

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

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

任务三添加网页内容

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

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

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

任务四、设置页面效果。

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