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

FrontPage 2000 网站制作
盐城市南洋中学   王健
一、教学内容分析：
这两节课的教学内容为教育科学出版社高中《信息技术基础（必修）》第六章信息集成与交流中“开发设计阶段”，在信息集成的一般过程的几个阶段中，具有重要的地位。本课是在进行了主题网站的规划设计后学习的，要求学生学会根据需求集成信息（制作网站），并在建立网站过程中掌握网页制作的基本方法，体会信息集成过程所涉及的各方面知识的综合运用，通过学生的自主探究，科学研究的方法，发展创新意识，动手能力。
二、教学对象分析：
本节课授课的对象为高一学生，在前阶段的学习，学生已经初步掌握了文字、图片、声音、视频等多媒体信息的简单加工和处理技术，并且已经利用WORD进行过小报的制作。只有个别学生在初中时学过网页制作，由于间隔时间长，已经有所遗忘。
经过第一课时的学习，学生初步了解信息集成的一般过程，知道了选题立意及设计规划的重要性，确定自己的选题，并在纸上做了初步规划，素材已经按照要求存放，大多数学生对网站制作表现出很强的兴趣。
三、教学设计思想与策略：
设计思想：
1、借助学习网站，改变学生的学习方式，以自主学习为主，教师组织引导为辅，培养学生自学、动手、动脑的能力，课堂教学中采取自主学习，交流学习，任务驱动以及引领展示的模式，课的内容由案例欣赏，模仿制作，原创作品三部分构成。
2、利用学习网站，改变传统的作品上传及评价模式。
教学策略：
通过展示优秀案例，激发学生的学习兴趣，将制作过程分解为若干任务，通过学生自主探究，老师适时引导的方式完成整体网站的制作，然后根据所学知识自主选题，完成自已的作品创作。
四、教学目标
1、知识与技能：
（1）了解网站制作的一般过程。
（2）学会利用FrontPage 2000建立站点，掌握网页制作的基本方法：文字的插入、图片的插入和设置、动画的插入和设置、表格的相关操作等。
（3）掌握用frontpage制作超链接的方法。
2、过程与方法：
以任务为驱动，以学习网站作为技术支持，让学生在自我探索、自我学习中完成任务，掌握网页制作的基本方法，并体会整体规划的重要性。
3、情感态度与价值观：
（1）在做自己感兴趣的主题网站过程中形成和保持对信息技术的求知欲，感受探索与创造的乐趣。
（2）学会欣赏他人的劳动成果，给出中肯的评价意见，提高艺术修养和审美情趣。
五、教学重点、难点
教学重点：网页制作的基本方法、利用表格进行网页布局
教学难点：frontpage制作超链接的方法。
六、教学方法与手段
1、任务驱动法
将FrontPage2000的基本操作学习隐含在任务中。避免了枯燥的技能训练，利于学生循序渐进地学习信息技术的知识和技能，让学生在学习任务中，自已在网站上浏览帮助、尝试操作、主动探究。教师在整个过程中起到组织、引导、协调、控制、咨询的作用。
2、案例分析法
通过展示优秀网页作品，在教师的引导下，学生注意观察并分析网页的组成元素及组织方式，了解页面布局，为自己的网页制作打下基础。
七、教学准备
1、素材准备：案例素材已存放到学生桌面。 
         自主选题素材从学习网站上下载。
2、学习网站：学习任务与指导、案例网站赏析、作品上传、作品评价。
八：教学课时：2课时
九：教学过程：
第一步：【案例欣赏，导入新课 】
师：我们盐城是一座以盐命名的城市，这说明它的过去跟什么有关？
生：盐
师：盐城在过去一直是重要的产盐基地，有着丰富的海盐历史文化，我们上一届的同学为此制作了一个网站，我们一起欣赏一下。
师：网站上有哪些栏目？
生：首页、生命之侣、史海盐踪 …
师：当我们点击这些栏目时，地址栏中网页名称是否变化？说明了什么？
生：一个网站是由多个网页组成的。
师：这些网页上有哪些素材呢？
生：有文字、图片、动画、音乐等。
师：这些素材共同表达了什么样的主题？
生：海盐生产历史和文化。
师：今天我们就以这个作品为例，和同学们一起来学习网站的制作，相关的素材已提前发给大家了，桌面上有一个海盐素材的文件夹，请大家先看下里面的内容。
板书：网站制作
师：俗话说“工欲善其事，必先利其器”，我们要做信息的集成，首先要选择一个集成工具，对于网站制作而言，目前比较流行软件的有Dreamweaver、FrontPage等，今天我们选择FrontPage来制作网站，这是因为它的操作与前面学过的WORD比较相似，同学们很容易上手。它的快捷方式已放在桌面上了，请同学们将它打开，先看看它的界面与WORD有何不同？
展示：FrontPage与WORD的窗口。
生：工作区多了个视图窗口。
师：视图窗口是管理网站用的，不用时可以按右键将它隐藏，空白处是网页的编辑区，也是同学们尽情发挥地方，底下还几个标签，代表了几种不同的工作方式，“普通”标签是编辑网页用的，“HTML”是用来编写网页代码的，这个我们到选修“网络课程”时再作介绍，“预览”是用于查看效果的。

第二步：【任务驱动，探索新知】
任务一：新建站点：新建只有一个网页的站点，位置在d:\myweb 下
师：界面熟悉之后，接下来我们正式开始制作网站，老师将这个网站的制作过程分成了六个步骤（见学习网站），每一个步骤完成一个任务，那么制作网站的第一步是什么？
生：新建站点。
师：站点就是一个文件夹，用来保存放网页和网页素材的。
演示：新建站点。
生：新建站点。
师：站点建好后，工作区中出现一个窗口，叫“文件夹列表”，可能看到站点里面有二个文件夹和一个网页文件，这些都是系统自动添加的，其中index.htm这个网页我们一般把它设置成网站首页，也就是浏览者进入网站后看到的第一个页面。
师：下面我们打开这

www.nx899.com

个首页index.htm，准备进入下一步的制作。
生：打开 index.htm （双击或右击）
任务二：页面布局
1、表格布局：
师：我们在制作一个网页之前，一般需要先用表格对页面进行规划和布局，目的是使页面能做到整齐美观，下面我们看一下海盐首页的布局方式。
展示：海盐博物馆首页布局：

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

[1] [2]  下一页

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

• › 高中信息技术教学反思
• › 高中信息技术教师述职报告（职称评审述职）
• › 高中信息《FrontPage 2017 网站制作》优质课教学设计
• › 高中信息《文件的下载》优质课大赛教学设计
• › 高中信息技术教案： excel教案
• › 高中信息技术教案： powerpoint教案
• › 高中信息技术教案：中文输入法
• › 高中信息《全文搜索引擎的工作原理》优质课大赛教学设计
• › 高中信息技术优质课评课范文
• › 高中信息技术评课稿范文1
• › 高中信息《筛选和分类汇总数据》评课稿
• › 高中信息技术优质课评课稿范文
• 在百度中搜索相关文章：高中信息《FrontPage 2017 网站制作》优质课教学设计

tag: 教学  信息  高中  网站制作   高中信息技术教案，高中信息技术教案范文，免费教案下载 - 信息技术教案 - 高中信息技术教案