高中信息技术：网页制作-教案.docx

《网页制作》教学设计

一、教材分析

本节内容是教育科学出版社《网络技术应用》（选修）第四章第三小节《网站实现》第二课时的内容，以FrontPage为制作工具，介绍了如何利用表格定位网页、以及向网页中添加文字、图片、动画等元素的操作方法，本节内容操作性极强，具有很高的实用性。

二、学情分析

预备技能分析：

本节内容是《网站实现》第二课时的内容，在学习本节内容之前，学生已经在第一课时充分探索了FrontPage这一软件，对该软件的界面有了一定的了解，也学习了站点的建立操作方法。并且在第一学期，学生已经学习了Word软件，掌握了基本的文字和图片处理技巧，对文字的编辑有一定的基础。

中学生信息素养的一般特征分析：

（1）适应多媒体以及网络教学环境，应用教师的共享资源；

（2）具有较强的自主学习和实践、探索能力，能够客观的评价自己；

（3）部分学生自我控制能力不够，搜索教学资源时容易分散注意力；

（4）具有一定的计算机素养。

三、教学目标

知识与技能：

学会利用表格来安排网页内容

学会编辑表格

（2）学会制作图文并茂的网页

过程与方法：

通过制作网页的实践，让学生了解网页制作的基本方法。

情感态度与价值观：

激发学生学习积极性，培养思维的变通性和严密性，培养学生的探索精神和创新个性，团结协作。

四、教学重、难点

重点：

（1）学会利用表格来安排网页内容

（2）学会制作图文并茂的网页

难点：

表格的修饰

网页元素属性的设置

五、教学方法

根据教学内容以及学生实际情况，本节课主要采用“任务驱动”的教学方法。现在的课堂强调“教师为主导，学生为主体”，因此，在课堂上要充分发挥出学生的主体地位，在本节课中，通过发布任务，引导学生先自主探究以及小组成员之间进行互相交流讨论来解决问题，教师的作用是针对学生所提出的疑难问题进行针对性讲解。学生带着任务去学习，能够激发起探索的兴趣，提高课堂效率。

六、教学资源

信息化资源：多媒体计算机教室

常规资源：学案、素材

教学支撑环境：FrontPage2003、PPT课件、极域电子教室系统

七、教学课时：1课时

八、教学过程

教学环节

教师活动

学生活动

设计意图

创设情境

引出任务

播放与母亲节有关的视频。

教师：问大家一个问题：大家知道本周的周日是什么日子吗？

通过视频，我们看到了母爱的伟大，我们也应该在母亲节送上自己的爱：今天我们就一起来学习通过制作一个感恩母亲的网站来表达自己的爱。

学生回答：母亲节

播放与学生日常生活密切相关的视频片段，引起学生的注意力以及兴趣。

此外，通过感恩网站的制作，启发学生要学会感恩。

提出问题分析任务

网站的内容是通过其展示给浏览者的第一个页面--主页来体现的，今天我们首先学习制作“感恩母亲节”网站的主页。

展示制作好的“感恩母亲节”网站主页并让学生完成任务一：观看网站主页分析以下问题：

（1）该网页是如何布局的？

（2）该网页包含哪些基本元素？

老师总结问题：

（1）布局

分析：表格是在网页设计中用得最多的元素，利用表格来组织网页内容，可以设计出布局合理、结构协调、美观匀称的网页。该主页布局就是由一个2行3列的表格构成，然后对表格进行合并单元格以及表格的嵌套等修饰而成。

（2）基本元素

文字、图片以及动画

学生观看所展示网页，了解网站主页中都包括哪些基本的元素。以及回答该网页是如何布局的。

师生共同讨论完成任务需要解决哪些问题，引导学生形成正确的思路和规划。

教师引导完成任务

建立网站及主页

通过上节课的学习，我们知道建立自己的主题网站，首先需要创建一个web站点，用于保存和调试创建的网页，我们也学习了站点的创建，下面请同学们完成学案上的任务二：创建一个名“myweb”的空站点，存储位置为桌面。并在该网站下新建一个网页作为主页。

完成创建一个空站点以及主页的任务

让学生在明确学习目标和学习任务后，进行自主探究学习。在整个学习过程中，充分发挥学生的学习主动性，培养学生独立分析、解决问题的能力，使学生能够循序渐进地学习信息技术的知识和技能。

网页布局设计

表格定位网页：

主页建好后，我们就要根据前面的分析来布局我们的主页了，请大家完成学案上环节2：网页布局设计中的任务三：插入一个2行3列的表格，对齐方式为居中，指定宽度为800像素，指定高度为800像素，将第一行3个单元格进行合并，在第二行左侧单元格中插入一个3行1列的表格，第二行右侧单元格中插入一个2行2列的表格。（效果图如下）

学生明确教师的意图，根据学案上的任务自主探究操作完成任务三到任务四

设置表格属性：

再一次对“感恩母亲节”网站主页进行分析，我们可以看到，我们给整个表格加了背景颜色，并且在下图中的①②处给单元格加了背景图片。

任务四：给表格设置紫红色的背景颜色，并给图①所在的单元格插入背景图片“标题主图.jpg”，给图