高中信息技术《网页的制作》优质课教学设计、教案

4.3网页的制作课题名称 用Frontpage制作网页练习课 科目 信息技术授课学校 宁阳一中 班级 26 教师徐丽娜受、教材内容分析：《网页的制作》是粤教版网络技术应用第四章第三节的内容，涵盖了网页制作的基本过程；网页制作对提高学生的信息综合处理能力非常重要，是对必修部分信息的加工与表达内容的检验；网页制作也给学生提供了展示个性、自主、协作的机会，促使他们合作、主动、创造性学习。二、学生特征分析本课的授课对象是高二年级学生，他们求知欲强，思维活跃，视野开阔，富有个性，他们的感知能力和思考能力较强，通过前一阶段的学习已掌握了网络技术知识和技能，他们渴望学到更多实用而有趣的网络技术知识。FrontPage是一个所见即所得的网页制作工具，易学易用，与 Word文字处理软件类似这种软件有利于树立学生制作网站的信心，对提高学生的信息综合处理能力作用较大。同时又注重学生情感态度、价值观，在练习中体会信息技术带来的有利影响，提升信息素养。三、教学目标（知识，技能，情感态度、价值观）1、知识与技能：学习并掌握利用frontpage2003软件来制作网页的常用操作和技巧，能举一反三、融会贯通。2、过程与方法：通过对调查网站的操作，网页形式答题的提交体会信息技术的广泛使用；通过对练习的操作，提高动手能力及小组合作能力。3、情感态度与价值观：通过小组协作和问题研究活动，培养学生协作的意识和团队探索的精神，从而激发创作热情。四、教学重点与难点教学重点：利用FrontPage新建网页并编辑；使用表格进行网页的页面布局；超链接有关内容及组件属性。教学难点：书签、热点超链接五、教学策略选择与设计1、采用情境教学的方式促进学生积极参与多媒体所创设情境下的建构知识活动，建立一定的探索情境，让学生观摩、思考、讨论，培养学生的观察、发现及思考的能力，激发学习兴趣。2.采用讲授、演示、问题启发式、任务驱动的方式，将教学重点、难点逐个攻破，并运用分层递进教学法促进各层学生不断进步，开发学生潜能、发展个性、关注每位学生，全面提高学生的信息素养。六、教学环境及资源准备1、学生机房、多媒体教学系统、教学广播2、问卷星调查题目、学案网页、练习题库七、教学过程

教学过程教师活动学生活动设计意图及资源准备课刖准备等待同学们进入教室的同时提醒同学们可以通过学案网贝先看一下本节课内容提纲。根据提纲指点先对基本知识进行 问卷星”的调查检验，提交。通过在线交互的形式调动学生的积极性；了解学生对有关内容的学习情况。学生进入多媒体教室，打开教学主页，观看学案网页上的课堂教学提纲。设计意图：引领学生进入课堂教学状态，了解课堂内容，提高课堂活动效果和质里。创设向学生展示网站《虎门销烟启示录》的文件夹内容，并分别用学生仔细观察文设计意图： 仔情境引入主题浏览器和Frontpage打开主页，引导学生思考网站、网页的有关知识。激发学生的求知欲。引导学生观察主页中的元素组成及布局（为本节课内容做铺垫）。学生发表对网站网页内容的认识与理解。件夹查看所包含的文件类型，并对比主页的浏览文件和源文件。细观察、思考、讨论形成强烈的学习动机。提高学生的观察分析能力，并了解学习目标。任务新建一个网页，并插入一个5行3列的表格，以 「结合表格数据的复习旧知，为］一、index.htm命名并保存在桌面26ban文件夹里。加工内容学生独立完成新知铺垫问题一、表格属性、网贝属性学生认真观察思锻炼学生的探启发学习问题一：如何把表格边框隐藏？选中表格/表格属性，包含大小、布局、边框、背景的内容延伸：单兀格属性、网页属性问题二、通过网页属性中的设置可以设置网页中的哪些内容？操作方法：方状L、右ft网贝空白处/网贝属性方法二、格式/背景任务二、自主探究完成：在index.htm中将表格边框隐藏，并设置第一行A个单元格背景为绿色。选择桌面上26ban\image\marble为网贝背景，并为自己的网贝设考，然后综合问题一二完成任务二。究与实际操作能力

置标题（自己起个名字）。找同学演示并总结练习情况。二、插入flash影片在《虎门销烟启示录》的主页中那部分内容最先吸引你的眼球呢？问题三：观察frontpage窗口中的菜单栏，通过什么命令将flash放到网页中呢？插入/图片/flash影片，影片、布局、大小尤箕注意：大小的参数设置中， 保持纵横比”保持纵横比的作用教师演示观察“插入”菜单栏里边的命令？（课堂练习中检验）找学生回答如何操作，后续练习考察掌握情况。三、插入超链接超链接是指从一个网页指向一个目标的连接关系，这个目标可以是另一个网页，也可以是相同网页上的不同位置，还可以是一个图片，一个电子邮件地址，一个文件，甚至是一个应用程序。而在一个网页中用来超链接的对象可以是一段文本、一个图片或者是一个图片中的某个区域。1、设置文本超链接讲解演示，注意“目标框架”的使用2、建立网页书签问题四：如果长度较长、页数较多的文章需要在同一页面内建立超链接，可不可以呢？可以。通常解决的办法是按照段落或小标题建立超链接书签。书签是网页中被标记的位置或被标记的文本。如果访问网页上某个部分，可以添加一个以书签为目标的超链接，以便显示相关部分。教师操作演示，学生感受神奇功能。学生思考回答动画学生仔细观察flash影片属性对话框，思考：学业水平考试题目：设置flash影片背景为透明？？思考问题四课堂新课授课过程中可以说是环环相扣，层层铺垫，引导学生从引出一个问题解决后再发现新的问题依次解决。顺理成章，知识内容的学习也就如缓缓流淌的小溪。

先建立书签，然后再插入超链接。学业水平考试题：在Frontpage中要链接到同一网页中被标记的位置，应该采用的超链接方式是（）。A书签式链接 B电子邮件链接 C网站链接D热区链接任务二、探允邮件超链接。在index.htm中取后个单兀格输入“与我联系”，并建立指向自己邮箱的超链接。学生操作完成任务三课堂练习检验过程1 、用Frontpage 打开网页文件C:\ATA_MSO\testing\081533-6CE\FRONTPG\T15_BO3\shfz.htm,进行一下操作：(8分)(1)将图片background.gif设置为网页背景。(图片位置 C:\ATA_MSO\testing\081533-6CE\FRONTPG\T15_BO3\background.gif )。(2)为导航栏中的文字’文学”添加指向网页的超链接。(网页位置C:\ATA_MSO\testing\081533-6CE\FRONTPG\T15_BO3\wenxue.htm ) (3)在最外层表格的第四行插入水平线，高度为 1像素。(4)将该网页另存为 "index.htm”,仍然保存在“ C:\ATA_MSO\testing\081533-”文件夹卜。2 、 用 FrontPage 打开 网页C : \ATA_NSO\testing\110119-6D45\FRONTPG\T10_B03\jdzs.htm ,并进行以下操作：(8分)(1)在文子“禁毒专栏”后插入Flash影片“xing.swf(文件位置：C:\ATA_NSO\testing\110119-6D45\FRONTPG\T10_B03\xing.swf),隐藏影片背景每个同学独立操作完成练习，小组同学可商议。设计意图：练习中包含了学业水平考试中所有的知识点（插入表格、图片、水平线、输入文字、设置超链接、网页背景、背景音乐等）。目的是练习巩固掌握的网页制作操作。

(设置背景色为透明或颜色 RGB(B8,02,5D))。(2)给罂粟果图片添加指向白度网站的超链接。(3)将网页的标题设置为 禁绝毒品，净化家园”，并保存义件。课后拓展升华拓展练习：设置热点超链接热点是图片上的超链接区域，包含热点的图片成为图像映射。网站访问者单ft图像映射的一个特定区域可以显示相应的网页。学生根据自己的情