范文第1节《初识网页》教学设计.docx
《范文第1节《初识网页》教学设计.docx》由会员分享，可在线阅读，更多相关《范文第1节《初识网页》教学设计.docx（12页珍藏版）》请在冰豆网上搜索。
范文第1节《初识网页》教学设计
第1节《初识网页》教学设计
一、学习者分析作为八年级的学生，在学习本章节之前，已经学习了网络的基本知识，掌握了信息的搜索、下载等技能，能够根据主题收集相关素材，初步具备获取信息的能力。
同时还掌握了基本的文字和图片处理技巧，对于网站制作这一章的学习非常有利。
同时学生对于自己学习制作网页有较大的兴趣，这将有利于提高学生的学习效率。
二、教材内容分析1.本节的主要内容及在本章中的地位本节课的主要内容是了解网页、主页和子页等概念及网页所包含的主要元素。
教师通过优秀网站介绍，让学生了解课程内容、任务，从而激发学生对网页制作的兴趣，为下一阶段的课程做好准备。
2.教学重点、难点重点：
主页和子页的区别以及网页所包含的主要元素。
难点：
网站的策划与设计。
3.课时安排：
1课时三、教学目标1.知识与技能
（1）了解网页、主页和子页的概念；
（2）了解网页所包含的主要元素。
2.过程与方法
（1）通过浏览与观察优秀网站，让学生进行比较、评价网页，初步认识网页；
（2）根据教师提出的任务要求，体验制作网站的策划与构思过程。
3.情感态度与价值观学习如何评价网页的内容和风格，拓展视野，提高评价网页的能力。
四、教学理念和方法采用任务驱动、问题驱动、协作学习等方法，通过创设情境，激发学生的学习兴趣，通过提问引发学生思考，发现问题，解决问题。
（1）任务驱动：
给出“学习任务单”，让学生在完成任务的过程中，掌握网页、主页、子页等概念以及网站所包含的主要要素，同时对本章必须完成的网站进行策划统筹。
（2）协作学习：
在完成“策划”学习任务单时，以小组为单位，组员之间进行交流讨论并进行任务分工。
五、教学过程设计1.教学内容的组织与呈现方式本课通过展示优秀网页导入新课，激发学生制作网页的兴趣。
通过“为什么喜欢该网页”，引发学生思考，从而掌握网页、主页、子页等概念以及网站的组成元素；通过“如何设计一个漂亮的网页”的引导，让学生对课程要求的网站进行策划与构思。
整节课以“任务驱动”为主线，学生的学习目标和任务十分明确。
2.教学过程教学环节教师教学学生活动设计意图展示网站导入新课展示、
网址：
、你认为主页与子页有什么不同？
___________________________________________________________________2、你最喜欢哪一个网页？
为什么？
___________________________________________________________________3、你最喜欢的那一个网页的页面有哪些元素组成？
它们各有什么作用？
___________________________________________________________________（3）“策划”学习任务单“策划”学习任务单1、小组成员
2、网站策划
（1）网站的名称
（2）网站的主题
（3）网站的主题色
（4）网站的框架
3、分工素材收集整理网站制作文字：
图像：
音乐：
动画：
视频：
主页：
子页：
六、教学反思
（1）采用任务驱动模式，让学生在完成任务的过程中，掌握网页、子页等概念、网站的组成要素以及网站的策划。
学生通过自己分析取得答案，成就感较大，对教学内容产生较大的兴趣，变“要我学”为“我要学”，效果较好。
（2）通过本节课的学习，学生了解到如何评价一个网站，如分析页面的框架结构、内容安排、色彩搭配等，在自己进行网页策划时，考虑到了这些关键因素，为下一阶段作品的创作奠定了良好的基础。
第2节《制作简单的网页》教学设计一、学习者分析教学的对象是初中二年级的学生。
在学习本章节之前，学生已经学习了网络基础知识，掌握了网络使用的基本方法；对文字的编辑也有一定的基础；通过前面第一节对一些网站的介绍，学生对学习制作网页有较高的兴趣。
二、教材内容分析1.本节的主要内容及在本章中的地位本节介绍的内容是网页制作中最基础的部分，也是学习网页制作的入门内容。
虽然难度不大，但内容重要，学生掌握起来应该不成问题。
2.教学重点、难点：
重点：
（1）熟悉FrontPageXX的窗口组成和按钮的功能及使用；
（2）掌握创建和打开站点的方法。
难点：
认识站点文件名称。
3.课时安排：
1课时。
三、教学目标1.知识与技能
（1）能熟练地启动和退出FrontPageXX；
（2）熟悉FrontPageXX的窗口组成和主要图标、按钮的功能及使用；（3）掌握创建、打开网站的操作步骤；（4）能熟练地建立、打开、关闭、保存、预览网页和浏览网页。
2.过程与方法
（1）学习FrontPageXX的基本用法，从而掌握利用编辑软件制作网页的基本方法；
（2）培养学生先从模仿入手，再到创作网页的能力。
3.情感态度价值观通过学习活动走进网页制作的新世界，使学生从制作的角度去认识网页，形成积极、主动的学习态度。
四、教学理念和方法本节的是学生对制作网页的初步学习，因此以模仿与探究学习为主，通过让学生模仿，把制作网页中最基本的操作充分掌握，为后面知识体系构建打下基础。
教学发送到学生使用的机器中，学生可以反复调用和选择学习。
五、教学过程设计1.教学内容的组织与呈现方式本课将FrontPage中最基本的几个操作用多媒体的形式逐一地、可重复地展示给学生，既可由教师讲授演示，也可由学生自我学习和发挥，教师可根据课堂当时的情况灵活进行。
2.教学过程教学环节教师教学学生活动设计意图发送练习素材，引入新课由学生展示两种启动“FrontPage”的方法。
观察和学习启动FrontPage。
直奔主题，让学生掌握启动FrontPage的方法。
指导学生启动“FrontPage”。
FrontPage的窗口界面知识点教学利用展示FrontPage的窗口界面名称。
根据内容和自己掌握的程度自主学习。
窗口界面学生比较熟悉，会用但对不上号（名称），让学生主动去记忆，老师直讲效果不好。
教师提问窗口中的几个名称。
回答问题。
增强学生对窗口各部分名称的记忆。
创建站点知识点教学演示创建站点的过程与步骤。
观察学习。
让学生学会创建站点。
布置任务，进行个别指导：
练习一：
每位同学在D盘新建一个站点，站点名称使用A+班号+学号，然后打开此站点文件夹，观察里面有哪些文件和文件夹。
创建站点，若不清楚可调用学习素材再观看学习。
让学生动手创建站点。
提问1、站点内第一张网页一般起什么名字？
思考与回答。
让学生通过问题方式掌握这两点内容。
提问2、站点内有一个“images”的文件夹，有什么用？
探究学习新建网页的方式方法布置：
如何在站点内增加一张新的网页？
探究、观察学习。
内容较容易，由学生主动完成。
指导学生利用教学素材自主学习,逐步建立“华夏学校主页”。
简单归纳演示三种新建网页方式。
观察与学习。
学生一般只掌握一、两种方式，通过归纳使学生掌握全面。
“预览”知识点教学将“华夏学校主页”进行“预览”；教师个别辅导，提示“预览”→“修改”→“预览”的循环使用。
观察学习，练习使用“预览”和“修改”。
学习使用“预览”观察网页效果掌握视图标签的使用。
学习浏览自己的网页将保存了的网页如何在IE浏览器中打开？
观察学习。
学习两种方式打开。
教师个别辅导。
打开自己的网页。
掌握打开网页方式。
学生练习布置任务：
在建立新站点中选择“只有一个网页的站点”，然后输入书本第66页“华夏学校主页”的资料，完善该站点。
上机实践。
学习建站点和输入网页中的内容。
小结教师根据课堂情况进行小结。
自我体会。
让学生有反思的时间。
作业布置练习建立一个简单的个人站点。
学生实践。
巩固知识。
3.教学评价（在相应栏目中打√）
掌握程度知识点能运用理解掌握了解认知认识FrontPage窗口创建站点添加新网页网页预览与浏览自主学习情况4、教学资源：
（1）教学使用素材（jdwy.RAR）。
六、教学反思本节的学习，内容相对简单，学生掌握起来比较容易，就是对站点的理解还是有部分学生不明白，可让学生反复多次建立和打开不同的站点来熟悉，其实也是源自于学生对文件夹使用得不够和不熟悉而产生的。
第3节《美化网页》教学设计一、学习者分析教学的对象是初中二年级的学生。
在学习本章节之前，学生已经学习了网络基础知识，具有一定的使用计算机的能力；而在本章前面的学习中，学生学习了如何建立一个（本机内的）站点和网页的建立与保存，对网页编辑等有一定的基础，而且对制作网页有较高的兴趣。
二、教材内容分析1.本节的主要内容及在本章中的地位本节是网页制作中最重要、最精彩的部分，也是学习网页制作的重点内容。
正是由于有了各种美化网页的方法，网页才会显得吸引学生的学习。
因此，要通过本节的学习，充分激发学生的学习兴趣。
2.教学重点、难点：
重点：
（1）表格的制作与属性的设置；
（2）插入图片与图片的处理；（3）超链接的制作及设置；（4）横幅广告管理器的设置；（5）悬停按钮的设置与运用。
难点：
（1）表格的修饰；
（2）超链接的制作及设置；。
（3）横幅广告管理器的设置。
3.课时安排：
第三节《美化网页》使用四个课时学习，其中，第一课时：
表格的制作与设置；第二课时：
插入图片与动画；第三课时：
超链接的使用；第四课时：
网页修饰、按钮与横幅广告管理器。
三、教学目标1.知识与技能
（1）掌握网页中运用表格的方法；
（2）掌握网页插入各种图片的方法；（3）学会应用超链接；（4）学会设置网页背景、移动字幕，设置横幅广告管理器和制作悬停按钮的操作。
2.过程与方法
（1）通过美化网页的各种方法的学习，让学生从制作的层面认识网页世界；
（2）通过制作网页的实践，让学生掌握网页制作的基本方法。
3.情感态度价值观通过表格、图片、按钮、声音、超链接等的实现，体验制作网页的成功感，激发学生的创作欲望，使学生形成主动学习的态度，积极参与到信息技术的学习中来，并在学习的过程不断提高综合运用信息技术的能力。
四、教学理念和方法注重以学生为主体，让学生主动探索，主动地构建知识体系，把理论知识运用到实践。
同时也倡导学生互相帮助进行学习，培养合作观念。
五、教学过程设计1.教学内容的组织与呈现方式课程围绕网站《名城广州》的制作，通过实际的问题引出所学知识，把网页表格、图片、超链接等等逐一展现，让学生把细化的知识逐一击破，再把所学知识应用到创作中去，逐步构成自己所要完成的作品，充分调动学生学习的积极性与灵活性，同时充分利用多媒体电子教室控制系统屏幕广播功能进行实时演示与讲述，提高课堂效率。
2.教学过程第一课时表格的控制教学环节教师教学学生活动设计意图引入新课展示利用表格组织的网页效果，引入新课：
观察与思考。
吸引学生，引入新课。
表格的组成知识点教学表格的几个部分组成：
表头、行、列、单元格、边框。
学习与认知。
了解表格的组成。
插入表格知识点教学
提问学生演示：
三种插入表格的方法：
1、使用【插入表格】工具按钮；2、使用【表格】菜单命令；3、使用手工绘制表格。
观察与学习。
由学生演示，学生之间有对比。
学生练习：
用三种方法分别画出三个指定的空白表格。
做练习。
掌握三种画表格方法。
表格的基本操作学习学生与教师同步操作：
1、
合并单元格；2、
在表格中插入表格；3、
删除单元格；4、
选定行、列、单元格、表格、多行、多列；5、
插入行、列；6、
拆分单元格；7、
调整行宽、列宽。
仿做、练习。
掌握表格的最基本操作。
设置表格的属性在表格的单元格中添加文字、图片等，然后设置【表格属性】：
对齐方式、单元格边距、单元格间距、边框粗细（如不显示外边框，可将此值设为0）、设置表格的背景颜色、背景图片等。
仿做、练习。
掌握表格的最基本操作。
设置单元格的属性包括：
对齐方式、行跨距、列跨距、指定宽度、指定高度、边框颜色、亮边框、暗边框、背景等。
根据教师提示自己学习设置。
掌握表格单元格的最基本操作。
练习利用表格设计出《华夏学校主页》的布局。
设计与练习。
让学生偿试运用。
小结各知识点的掌握情况。
回顾知识。
重复记忆。
第二课时：
让网页变得多姿多彩教学环节教师教学学生活动设计意图新课引入发送教学素材。
提问表格的作用。
引出：
如何制作图文并茂、生动活泼的网页？
插入图片、插入动画、插入音乐、插入视频、插入特效、……思考和回答和学习。
吸引学生，引入新课。
插入图片知识点教学任务一：
给网页添加图片元素
（1）在网页大标题处插入一图片。
（2）在第三行第一单元格插入一图片。
（3）在“优秀学生介绍”下插入4张人物图片。
使用FrontPage打开所发送素材中“学生练习”这一网页，然后完成任务一。
自主探究：
结合所学知识完成任务一。
子任务：
将人物图片背景设置透明。
教师个别辅导。
转播展示部分学生练习结果并点评。
指明图片工具栏的使用。
完成子任务；比较与观察。
学习设置，使用图片与背景融为一体。
让学生通过对比加深学习。
设置图片效果知识点教学任务二：
设置图片效果
（1）给第一张图片添加“华夏学校主页”几个字；
（2）将第二张图片旋转180度；（3）将人物图片设置为按钮效果。
通过教程进行自主学习，同桌同学进行协作学习完成任务二的内容。
掌握在图片上添加文字、旋转图片等特效。
展示学生作业，点评作业。
并让学生演示操作。
比较与观察。
部分学生未掌握的可从中学习。
学习在网页中插入动画任务三：
在网页中插入动画
（1）在网页第二行第一单元格插入一gif动画；
（2）在第四行第二单元格插入一flash动画。
通过学习教程完成任务三。
学习掌握插入动画的方法。
展示学生作业，点评作业。
并进行作业成绩登记。
比较与学习。
根据学生掌握的情况判断是否讲解。
归纳总结ø
插入图片ø
设置图片效果ø
插入动画观察与回顾。
让学生整理所学知识。
第三课时：
链接网络世界教学环节教师教学学生活动设计意图发送练习素材，引入新课打开“网易”主页，指向“体育”，鼠标形状发生变化“”，提问学生。
（将练习素材“华夏学校主页”的站点发送到学生机器D:
\HXXX中。
）思考和回答。
吸引学生，引入下文。
站点内网页的链接知识学习站点内网页的链接演示。
（1）链接一个页面；
（2）更改链接颜色。
观察学习。
掌握链接的基本方法。
教师个别辅导练习设置“师生园地”中的另外三个链接，并设置返回链接（图片）。
形成性练习一基本：
设置好链接。
提高：
设置链接的颜色与边框。
学生自主学习“站外链接”提出疑问：
如何链接到如163等网站？
（链接到其他网站的首页）教师个别辅导。
学生探究学习：
学习设置链接到163和广州教研网站。
探究性练习二，学生有会有不会的，让同桌互相帮助探讨。
教师根据学生掌握情况判断是否需要演示讲解链接到其他网站的首页。
观察学习。
反馈讲解。
为邮箱设置超链接知识点学习教师点评，然后提出疑问：
如何为邮箱设置超链接？
把网页素材中的两个“邮件联系”设置妥当。
探究性练习三（同上处理）。
教师根据学生掌握情况判断是否需要演示讲解为邮箱设置超链接。
观察学习。
由掌握较好的学生演示操作过程。
“书签”——网页内部的跳转的知识讲解演示素材中网页内部的跳转Bm1。
观察学习。
将学生注意力吸引。
演示“书签”的设置方法。
观察学习。
学习书签的设置。
教师个别辅导练习：
分别在网页下方“办学理念”、“学生务农”、“体教结合”三个地方设置三处书签，然后在“学校特色”中设立三个书签链接并进行预览跳转。
形成性练习四，学会使用书签。
教师根据学生情况转播个别学生的设置情况。
观察学习。
了解学生掌握程度。
学习取消链接提出疑问：
如何将设置多余链接取消？
教师个别辅导。
探究学习。
探究性练习五，学生有会有不会的，让同桌互相帮助探讨。
小结教师根据课堂情况进行小结，个别内容的强调。
自我体会。
让学生在脑海中重复和整理学过的知识。
学生实践1、
根据本章开头预先布置的“网页作品设计”作业“名城广州”，将自己做好的网页进行链接，保存好；2、
在网上搜索几张设置背景用的图片和几张有关广州地区的风景图片，一首自己喜爱的mP3格式的音乐；3、
然后复制到自己的FTP帐号中，准备下节课使用。
上机实践。
创作练习。
（视时间而定）
第四课时：
网页效果处理教学环节教师教学学生活动设计意图新课引入引导学生打开自己的作品。
打开学生自己做的作业《名城广州》，并准备几张风景图片及背景图片。
准备好学习用素材。
学习设置网页背景引导学生设置背景颜色（对比单元格）。
跟随老师练习。
让学生掌握对网页背景的基本设置。
引导学生设置背景图片（与插入图片进行比较）。
跟随老师练习，偿试选择不同的图片作背景。
引导学生设置网页标题《华夏学校主页》。
跟随老师练习。
利用上节课下载的mP3，引导学生设置背景音乐（mP3格式要选择*.*文件选取）。
跟随老师练习并预览。
制作标题方法之一：
打开woRD编辑—插入艺术字—复制艺术字—转到网页编辑中粘贴。
观看后练做。
学习制作“华夏学校主页”的艺术字作标题。
方法之二截取屏幕显示的标题：
当屏幕出现自己喜爱的标题—按键盘中的[PrintScreen]键或[Alt]+[PrintScreen]—打开画图软件—选择粘贴—再选定所需要部分复制—转到网页编辑中粘贴。
观看后练做。
学习截取制作标题。
使用移动字幕示例设置交替移动的字幕“学校新闻报道”，主要设置字幕属性。
学习练习设置三行字幕：
由左至右移动、由右至左移动、交替移动并改变字幕的“延迟”值和“数量”值、背景色。
用于制作滚动新闻、标题等。
提出思考：
如何改变移动速度？
使用“学校风景”制作横幅广告管理器设置方法展示。
观察与学习。
让学生掌握较为实用的横幅广告管理器。
调整与修改。
个别辅导与检查。
做练习。
注意问题：
时间、图片格式、安装jAVA等。
巩固与拓展。
悬停按钮的制作解释“悬停”。
观察与练习。
学生对此认识比较模糊，需要解释清楚。
示范制作按钮：
效果、颜色变化、大小、链接、自定义声音与图片。
掌握按钮的制作与设置。
指导学生练习：
将“学校概况“、“学校教研”、“教师园地”、“学生园地”等设置为悬停按钮。
小结知识点较多而且比较实用，要求学生均能掌握其使用。
自我体会。
让学生逐一回想所学知识点。
学生实践根据所学知识，继续完成作业“名城广州”网站，要求有本节课所讲的移动字幕、背景图片、背景音乐、艺术字标题、横幅广告管理器、悬停按钮等效果。
创作练习。
3.教学评价
掌握程度知识点运用掌握基本掌握了解其他插入表格的方法表格属性的设置单元格属性的设置在网页中插入图片设置图片的各种效果在网页中插入动画站内网页链接链接其他网站为邮箱设置超链接设置书签点设置链接到书签取消链接网页背景的设置制作标题移动字幕横幅广告管理器悬停按钮的制作4、教学资源：
（1）《美化网页》第二课时、第四课时素材（美化网页第2、4课时.RAR）。
（2）第三课时教学使用素材（链接网络世界.RAR）。
（3）第三节《美化网页》自主学习教程（自主学习教程.RAR）。
六、教学反思
本节的学习，学生较感兴趣，但对网站内文件名称感到极其陌生，对其他网站的网址的表示也不熟练，显示出多数学生对文件夹、文件名这部分内容掌握相对不够好；部分学生对“书签的设立”很不理解，需要作重复解释，对于一些专用名称学生也比较迷惑，如“悬停按钮”、“亮边框”等，因为本节都是比较实在的内容，学生都能紧跟老师的思路进行学习。
第4节《网页的发布》教学设计一、学习者分析教学的对象是初中二年级的学生。
在前面的学习中，学生基本掌握了FrontPage的使用方法，能够在本机上建立站点和编写简单网页，但对网站的规划和网页制作水平仍有待提高。
二、教材内容分析1.本节的主要内容及在本章中的地位这部分内容是网页制作中要求学生了解的部分，也是学习网页制作中较难进行实际操作的内容，因此教师应该尽量创造条件让学生偿试发布自己的网页，与他人特别是自己的同学共享创作成果。
2.教学重点、难点：
重点：
掌握网页作品评价指标；让学生共享创作成果。
难点：
网页文件的上传；学生作品互评。
3.课时安排：
1课时。
三、教学目标1.知识与技能
（1）掌握FTP文件上传的方法；
（2）熟悉网页作品评价指标及其使用；（3）了解网站的发布方法。
2.过程与方法
（1）通过发布自己的网页，学习上传文件的方法；
（2）通过学生作品互评，创设学生讨论研究的环境，培养学生评价网页的能力。
3.情感态度价值观通过网页发布，使学生能够共享学习与创作成果，提高自己的审美和评价能力，体验利用网络和网页的快捷与方便地发布、传播信息。
四、教学理念和方法本节是对学生制作的网页的进行实施，因此以掌握基本操作和实施方法为主，通过实施，让学生进一步掌握网页（文件）的上传、浏览，体会成果的展示，也从中学习如何把书本知识变为实践内容，进一步提高学生的求知欲。
五、教学过程设计1.教学内容的组织与呈现方式本课将先将网页作品的评价指标让学生了解，然后通过实际操作，将学生自己的作品上传到服务器指定文件夹中，让全班同学相互浏览并进行评价，发挥学生的主动性和主人翁精神。
2.教学过程教学环节教师教学学生活动设计意图教学引入提问：
什么是个人主页？
思考。
引导学生进入教学。
网上安家的介绍教师演示：
1、
在XX搜索“个人主页空间”；2、
列举提供收费、免费个人主页的网站；3、
列举“博客”的例子。
学生学习。
让学生了解当前网络上制作网页的各种形式。
4、介绍多媒体博客——我们一般把汇集文字、图形、动画、视频、声音、特殊效果的交互性传播系统称之为多媒体，而多媒体博客也是这几个方面在博客上的应用。
区别于传统的文字博客，多媒体博客包括图片博客（Photolog）、播客（Podcasting）、网络电台主
升级会员 