寻找网页制作之星.docx
- 文档编号:30233185
- 上传时间:2023-08-07
- 格式:DOCX
- 页数:18
- 大小:45.59KB
寻找网页制作之星.docx
《寻找网页制作之星.docx》由会员分享,可在线阅读,更多相关《寻找网页制作之星.docx(18页珍藏版)》请在冰豆网上搜索。
寻找网页制作之星
寻找网页制作之星
——网站制作简介
江苏省南通第一中学孙菁
一、教材分析:
第六章信息集成与信息交流《网站制作简介》这节内容实践性强,所以本课教学紧密结合学生的日常生活与学习实际,以制作“缤纷家园,美好如皋”网页为例,通过一系列的实践活动培养学生对信息的集成能力。
二、学情分析:
学生已经学过word,因此对于与word相似的内容,以学生自主操作为主;由于Frontpage的一些特殊性,对于新的内容,教师的讲还是非常有必要的。
三、教学目标:
【知识与技能】
1.学会使用Frontpage建立站点;
2.学会利用表格布局网页,并且学会设置表格、单元格属性;
3.学会添加网页元素,如:
文字、图片、gif小动画、Flash动画。
【过程与方法】
本课以制作“缤纷家园,美好如皋”主题网站为例,要求学生对教师提供的素材进行组织整理并进行创作,学生通过教师讲解与自主探索相结合的方法完成制作网页的任务,从而初步了解网站制作的过程。
本节课强调对学生综合能力的培养,而非某一软件的应用技巧与训练。
【情感态度与价值观】
1.在欣赏作品的过程中,体会利用网站集成信息的优势,形成主动学习网页制作知识的兴趣,进一步提高学生信息集成的能力;
2.学会欣赏和评价他人作品,从评价中提升自身能力;
3.在自主探索学习过程中,提升自我学习能力和与他人合作交流的能力。
四、教学重点
掌握利用表格布局网页的方法,学会添加网页元素。
五、教学难点:
要求学生能站在全局的角度布局网页。
六、教学方法:
1.任务驱动法:
使学生能够根据老师布置的任务基本完成一张网页的制作;
2.分组实践法:
学生通过小组互相帮助、互相评价、互相学习,完成网页的简单制作,提高他们的自主实践能力和团队合作精神;
3.合作学习法:
在学生操作的基础上,注重讨论交流、合作、体会,使学生在学习新知的同时,能联想到已有的知识积累。
七、教学过程
1.情境设问,引入课题
任务1:
夸夸如皋
欣赏素材里的图片,选一个主题,用一个词或一句话夸夸如皋。
【学生活动】:
以两个同学为一个小组讨论,讨论结束后,任选几组学生发言,拓宽学生思路。
【设计意图】:
通过情境的创设,吸引学生的注意,激发学生对自己所生活的这个地方的热爱之情,为后面作品的制作做好情感铺垫。
2.环还相扣,讲解新课
(1)引入事例,增加趣味
要把这么好的如皋介绍给其他地方的人,怎么办?
展示教师做好的样例,布置任务。
任务2:
认识frontpage,新建站点
新建站点,将站点保存在d:
\sunjing 下。
将划线部分改成自己名字的拼音
【学生活动】:
学生欣赏作品,
【设计意图】:
即激发他们的学习兴趣,又自然地引入课题---寻找网页制作之星,对网站制作做一个简单介绍。
(2)教师演示,规范操作
任务3:
利用表格布局网页
插入—表格
要达到图文排版的效果,可以利用表格布局的功能,对页面元素进行定位,使网页清晰美观、富有条理。
介绍网页布局的方法。
任务3-1:
表格的操作
任务3-2:
美化表格--单元格背景
【学生活动】:
学生模仿操作。
【设计意图】:
这部分内容有一定难度,所以采用教师讲,学生练得方法,教师讲解基本操作可以减少学生学习时不必要的时间浪费。
(3)自主探究,发现新知
任务4:
插入网页元素
(最佳基本功比拼)
•插入文字:
复制—粘贴
•插入图片:
插入—图片—来自文件
【学生活动】:
学生回忆旧知识,学会知识的迁移,自主操作,。
【设计意图】:
插入文字与图片的操作与word相似,此类问题学生完全有能力自己解决,故放手让学生去做。
提示学生后,由学生自主完成,此部分设计一个操作比拼,激发学生积极性。
任务5:
保存网页
【学生活动】:
学生模仿操作。
【设计意图】:
保存网页是非常重要的内容,保存的位置不对,导致前面的操作徒劳,因此采用传统的教师讲练的方法。
(4)资料助学,分层训练
基本任务:
继续完成index.htm
拓展任务:
自学与提高
•任务6:
插入gif小动画
•任务7:
插入flash动画
【学生活动】:
学生自主操作。
【设计意图】:
通过设计分层任务,让每个层次的学生都能够得到训练,拓展任务以自学为主,提高学生的自学能力,让学生通过思考加深对所学知识的理解与吸收,真正达到知识内化的目的。
(5)自我评价,体验成功
评价表见附录
【设计意图】:
让学生对自己本节课的学习进行自评,从反思中了解自己的得与失。
(6)小组互评,交流提升
网页设计师评选
作品评价表
评价项目
评价技术参数
分数
科学性
主题明确,内容健康
创造性
素材之间搭配有新意、主题构思有创意
艺术性
构图合理、美观协调、有艺术感染力
【设计意图】:
以小组互评的方式展开,通过评价其他同学的作品,分享其他同学的设计乐趣,自查自己作品制作的不足,完善自己的作品。
3.归纳要点,形成小结
小结
•使用frontpage建立站点
•利用表格布局网页
•添加网页元素
提出网站是由多张网页组成的,要将这些网页串起来,需要用到超链接。
【设计意图】:
师生一起总结,梳理知识,形成清晰的知识结构体系。
课堂有限,通过课外的拓展达到延伸知识的目的。
附录:
寻找网页制作之星任务单
评价参数
姓名:
姓名:
自
评
(70分)
基
础
任
务
任务1:
夸夸如皋
欣赏图片,选一个主题,用一个词或一句话夸夸如皋。
________________________(10分)
任务2:
认识frontpage,新建站点(10分)
任务3:
利用表格布局网页(10分)
任务4:
插入网页元素(基本功比拼)(10分)
任务5:
保存网页(10分)
拓展
任务
任务6:
插入gif小动画(10分)
任务7:
插入flash动画(10分)
小组互评
(30分)
科学性
主题明确,内容健康(10分)
创造性
素材之间搭配有新意、主题构思有创意(10分)
艺术性
构图合理、美观协调、有艺术感染力(10分)
自学与提高
1.插入gif动画
方法:
插入---图片---来自文件
2.插入flash动画
方法:
插入—高级---插件
《网站制作简介》教学反思
江苏省南通第一中学信息中心孙菁
这次的教学比武在如皋举行课题是----第六章信息集成与信息交流《网站制作简介》,这节内容实践性强,所以在进行教学设计时我着重考虑让内容紧密结合学生的日常生活与学习实际。
本节课采用“任务驱动”的教学范式,通过“讲解,自学,交流”三大步骤完成教学活动。
首先,让学生欣赏一系列关于如皋的图片和文字资料“夸夸如皋”,通过情境的创设,吸引学生的注意,激发学生对自己所生活的这个地方的热爱之情,为后面作品的制作做好情感铺垫。
接下来引出网站的概念,通过网络我们可以让更多的人了解如皋,激发学生学习网站制作的热情,这样很好地将人文与技术结合起来,我们不是单纯地学习技术,而是为了让技术更好地为我们服务。
在这里设计了一个“寻找网页制作之星”的环节,通过奖励机制,保持学生的学习兴趣。
其次,介绍制作网站的过程和方法,由于学生对这部分知识是陌生的,规范化的讲解非常必要,因此主要由教师演示为主,通过讲解“利用表格布局网页,插入网页元素,保存网页”等内容,让学生的操作得到指引,为下面的自主学习打下坚实的基础。
紧接着,再通过设计分层任务,让每个层次的学生都能够得到训练,拓展任务以自学为主,在此过程中提高学生的自学能力,让学生通过思考加深对所学知识的理解与吸收,真正达到知识内化的目的。
最后,开展自我评价和小组互评,交流作品。
一方面让学生对自己本节课的学习进行自评,从反思中了解自己的得与失;而另一方面通过开展小组互评,通过评价其他同学的作品,分享其他同学的设计乐趣,从而自查自己作品制作的不足,为继续完善自己的作品做好准备。
本节课的成功之处在于创造性地使用了教材,设计了不同于教材的教学案例;教学设计环环相扣,层层深入,内容安排具有逻辑性,随着知识点的逐渐展开,学生所学到的知识也越来越丰满,课堂气氛活跃,在学习中学生一直保持较高的学习兴趣;分层练习的设计使学生的学习更加有效,学生在练习中体验了成功的快乐,学生拥有思维的时间和空间。
最后所有学生都能够完成体验任务,绝大多数的学生能够完成拓展任务。
本节课结束后,学生充分了解了网站制作与我们生活的关系,对网站制作产生了浓厚兴趣。
而本节课的不足之处在于本节课虽然设置了一个人文关怀的主题---“缤纷家园,美好如皋”,希望学生能够通过制作网站介绍自己家乡的特色,从而让让他们加深对家乡的了解,以此培养他们热爱家乡的情怀,但是在实际的课堂教学中,还是有些偏向于讲技术,因此在今后的教学中,还应该对如何在教学中要营造良好的情感氛围,赋予人文精神的内涵,促进学生认知与情感态度的和谐发展做出更多的思考。
《网站制作》课例评析
如皋市教育局教研室 范留平
本节课是高中信息技术必修教材的第六章信息集成与信息交流中的《网站制作简介》,本节课教学内容操作性非常强,教者能结合实际生活,以制作“缤纷家园,美好如皋”网页为例,通过一系列的实践活动培养学生对信息的集成能力。
本节课强调对学生综合能力的培养,而非某一软件的应用技巧与训练。
符合信息技术学科的终极教学目标是提升学生的信息素养。
本节课上,在教学内容上,教者通过“夸夸如皋”这个任务,让学生积极发言,调动学生的课堂积极性,通过情境的创设,吸引学生的注意,激发学生对自己所生活的这个地方的热爱之情,为后面作品的制作做好情感铺垫。
让学生把学习和生活巧妙的联系起来。
在教学方法上,教者使用“寻找网页制作之星”这种方式,充分激发学生的表现欲,让学生们能带着目标去学习。
课堂上,教者在讲解插入图片的时候,通过让学生回忆旧知识,学会知识的迁移。
插入文字与图片的操作与word相似,此类问题学生完全有能力自己解决,故放手让学生去做。
提示学生后,由学生自主完成,此部分设计一个操作比拼,激发学生积极性。
在插入动画这个环节,老师让学生选择插入GIF动画,或者插入Flash小动画,通过设计分层任务,让每个层次的学生都能够得到训练,拓展任务以自学为主,提高学生的自学能力,让学生通过思考加深对所学知识的理解与吸收,真正达到知识内化的目的。
在评价过程种,教师让学生首先进行自我评价,然后以小组互评的方式展开,通过评价其他同学的作品,分享其他同学的设计乐趣,自查自己作品制作的不足,完善自己的作品。
当然,本节课因为是三个小时备课,现场上课的作品,所以,在课堂教学种还是存在着很多细节方面的问题,例如说:
学生的反应不够强烈,老师未能上出自己理想中的效果;再比如,老师在课堂教学中的,语言组织没有那么精细。
《网页制作》教学设计
江苏省白蒲高级中学刘兴圣
一、教材分析
《网页制作》教学是信息基础必修教材中第六章第1节信息集成中网站制作简介的有关内容。
编辑网页所使用的是软件是Frontpage2000,该软件的使用与以前所学的word有类似的地方,软件操作具有一定的迁移性。
二、学情分析
学生在之前已经学习了word的有关操作,具备网上获取信息和一定的信息处理能力。
Frontpage2000的使用与word有很多类似的地方,学生较容易上手。
三、教学目标
知识与技能:
了解网页的基本元素;掌握网页制作中网页元素的应用;懂得利用表格布局网页的基本思想;
过程与方法:
通过实践体验对比,得出结论。
亲历网页制作的过程。
情感态度与价值观:
在与同伴合作完成简单网页的制作过程中,培养与他人合作交流的意识和习惯,通过设计学校网页,培养学生热爱学校的情感。
四、教学重点、难点
教学重点:
网页制作中网页元素的应用
教学难点:
利用表格布局网页
五、教学方法:
合作探究法、任务驱动
六、 教学过程
(一)情境导入
师:
用PPT展示一组美丽的学校风景图片,师生共同欣赏。
这是哪里的风景,这么漂亮?
生:
我们的学校。
师:
既然我们的学校是这么漂亮,如何让更多的人了解我们的学校呢?
请学生说说宣传的途径,最后得出:
通过制作网页,在网上发布宣传。
师:
我完全赞同同学们的观点。
那我们如何来制作网页呢?
本节课我们就一起来学习制作《美丽的蒲中》网页。
(二)新课讲授
师:
展示校园页面,请学生欣赏网页并回答页面中有哪些元素?
生:
文字、图片、动画等。
师:
网页里的这些元素是如何集成起来的?
其实是用网页制作工具制作起来的。
网页制作其实并不难,今天我们将使office2000中的frontpage2000来制作网页,它具有功能强大、简单易用的特点。
教师演示启动frontpage2000的步骤,演示界面和功能。
界面简单介绍:
由于都是office套件的一种,所以和word界面很相似,同时注意区别。
Frontpage 启动后,它会自动开启一个空白的网页,后缀名为.htm,代表的是超文本链接,即表示网页。
实践一:
2个小实验
实验1:
启动Frontpage后,点击“文件”“打开站点”,找到D盘下的bpzx文件夹。
双击文件夹列表里的shiyan1.htm文件,学生尝试拼凑图形。
实验2:
双击文件夹列表里的shiyan2.htm文件,学生尝试拼凑图形,将图形按顺序拖到表格的单元格里,并适当拖到表格的边框,能拼凑成功吗?
学生操作,发现实验1中的图形总有1个无法拖动,拼凑不成功,实验2在表格中拼凑图形成功。
教师启发学生思考,得出:
表格的定位。
师:
利用表格的定位功能。
布局功能可以对页面元素进行定位,使网页清晰美观、富有条理。
表格中可以包含多种类型的内容,如图像、文本、多媒体文件。
引导学生观察一开始出示的网页,发现排列整齐。
师生共同得出:
利用表格布局网页。
师:
既然表格功能是如此的强大,老师这里制作了一张利用表格布局的“美丽的蒲中”网页,但由于时间关系,老师只做了一部分,今天,老师要请你们当网页设计师,完成网页的制作。
实践二:
双击文件夹视图里的meilipz.htm,
任务一:
请大家从D盘的sucai文件夹中,从7张校园风景图片中挑选其中一张,插入网页表格的适当位置。
文字材料直接从sucai文件夹中的word文档中复制。
注意页面的保存,保存时要注意:
网站中用到的图像、声音、视频文件应有条理地存放到指定文件夹中。
当保存图片时,要把图片保存到images文件夹中。
学生自主操作,4人一组合作学习。
教师巡回辅导。
操作中的操作步骤要点参考《网页制作》学案。
任务二:
合并相关单元格,在合并后的单元格里各插入flash动画和欢迎字幕,以实现页面的动态效果。
注意保存。
可能的问题:
1、图片属性设置2、flash动画的插入
教师展示一部分学生的作品,点评,小结。
学生再次练习完善。
实践三:
设置网页标题和背景色
师:
要想使页面更漂亮更受欢迎吗?
尝试在表格内右击,点击“页面属性”,设置网页标题,设置背景色或者背景图片,美化页面。
学生合作学习,教师巡回辅导。
教师展示学生作品,点评,小结。
教师提醒学生,做好后的网页,在浏览器里预览,发现有边框线,如何解决?
学生自主探究。
(三)课堂总结
《表单网页》教案
【教学目标】
1.知识与技能
⑴了解表单网页的概念和作用;
⑵掌握表单网页的制作方法。
2.过程与方法
通过阅读课本、观看演示回忆、感受表单网页的作用;在递进的操作任务中掌握表单网页制作和美化的方法。
3.情感态度与价值观
体验表单网页在网站中的重要作用,激发他们对信息技术的求知欲,形成积极主动地学习和使用信息技术、参与信息活动的态度。
【重点难点】
表单网页的制作方法。
【课时安排】 1课时
【教学准备】 网络教室、多媒体教学软件。
【教学过程】
一、新课引入(5分钟)
大家有QQ号或者E-mail邮箱吗?
在申请QQ和E-mail时,我们要输入一些个人信息?
这类采集用户信息的网页都被称为表单网单。
(阅读课本P119)
展示一个简单的园艺网站来介绍家乡的盆景艺术,如皋是全国有名的盆景园艺之乡,每天有许多人通过网络了解如皋的盆景艺术,怎样才能知道他们对我们网站的意见或建议呢?
(设计一个留言板网页来采集他们的意见。
)
二、过程
(一)认识表单网页(8分钟)
表单网页是一种结构化的网页,是网站中提供浏览者发表个人意见、提供反馈信息的互动交流的页面。
:
用于接收用户输入的单行文本信息,如姓名、地址等。
滚动文本框:
可以输入多行信息的文本框,如意见、建议等。
单选按钮:
提供两个或多个互斥选项,用户只能选中其中的一项。
如:
性别。
:
提供一个或一组选项,用户可选择其中的一个或多个选项。
下拉菜单:
允许用户从下拉菜单列表中选择其中一项。
按钮:
FrontPage2000中的按钮表单域有三种类型,即“普通”、“提交”和“重置”。
“提交”用于表单提交;“重置”用于清除表单所填内容,回到初始状态;“普通”用于执行其它客户的操作。
(二)制作表单网页(15分钟)
表单网页制作方法步骤:
依次单击“插入”→“表单”,弹出下级菜单。
实践:
制作一个“留言”功能的表单网页。
活动1 建立表单(根据提供的效果样张,完善表单网页)
提示:
①在“姓名”后插入一个“单行文本框”;
②在“性别”后的各选项前分别插入“单选按钮”;
③在“您的兴趣爱好”后的各个选项前分别插入“复选框”,可以复制;
④在“您的职业”,后插入一个“下拉菜单”。
添加“工程师”和“公务员”和“其他”等菜单内容(单击“添加”按钮,添加“工程师”菜单项,重复操作);
⑤在“您对我们的建议或要求”后插入“滚动文本框”,调整其至合适大小;
⑥修改默认的按钮名称(双击按钮);
(三)表单网页的美化(5分钟)
活动2 在最后一行表格中插入一个名为“yy.swf”的Flash动画?
提示:
单击“插入”菜单中的“高级”“插件”。
思考:
插入一幅GIF动画图片(.gif)和一个FLASH动画(.swf)有何不同?
活动3 为当前的表单网页添加一个名为“song.mid”的背景音乐。
提示:
在网页中的任意位置右击鼠标,选择“网页属性”命令(或单击“文件”菜单,选择“属性”命令),在“常规”选项卡中操作?
保存编辑的表单网页并利用平台提交。
作品展示:
(5分钟)
小结:
PPT(3分钟)
二、【检测与评价】(4分钟)
1.通常可以使用( )来收集访问者的意见,统计调查访问信息。
A.表格 B.框架 C.表单 D.单元格
2.利用表单制作留言板时,若要采集访问者的性别,可以选用的表单字段有( )。
A.复选框 B.单选按钮 C.下拉菜单 D.单行文本框
3.利用表单中的字段,我们可以设计功能强大的交互式在线考试试卷。
以下( )字段可以用来采集不定项选择题的答案。
A.单行文本框 B.单选按钮 C.复选框 D.下拉菜单
4.插入FLASH动画时,使用“插入”菜单下的( )命令。
A.图片 B.组件 C.表单 D. 高级→插件
5.若要为当前网页设置背景音乐或背景图片,应下面的( )属性中进行设置。
A.图片属性 B.网页属性 C.表格属性 D. 单元格属性
【课后延伸】
表单网页提交的数据提交到哪儿去了呢?
请同学们课后阅读课本P120的相关内容,也可以利用因特网搜索去解开这个奥秘,在学习本册第七章第三节时,我们会为大家解开这个奥秘。
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 寻找 网页 制作
![提示](https://static.bdocx.com/images/bang_tan.gif)