教科版信息技术基础必修《制作网站——表格布局网页》2课时教案附教学反思
2019-2020年教科版信息技术基础必修《制作网站——网页中动态效果的制作》1课时教案附教学反思
2019-2020年教科版信息技术基础必修《制作网站——网页中动态效果的制作》1课时教案附教学反思教学目标：1．知识目标(1）理解动态网页与网页动态效果的区别。
(2）掌握网页动态效果的制作。
2．技能目标掌握“插入”菜单中“组件”命令的使用，使得网页增添动态效果。
3．情感目标通过学生自主学习网页动态效果的制作，形成积极、主动的学习气氛，激发学生的学习兴趣，培养学生的探究意识和创新能力。
教学重、难点：1．重点：滚动字幕、交互式按钮等动态效果的制作与Flash的插入。
2．难点：各种效果对象的属性设置。
3．关键：动态效果制作中应图文并茂、色彩和谐、动静适宜。
教学方法：自主探究式学习、任务驱动式教学。
教学准备：具有动态效果的网页，包括滚动字幕、交互式按钮和FLASH的插入教学过程：1．引入老师打开静态网页和加有动态效果的网页，请学生感受它们的不同。
学生观察、比较两张网页，指出它们的不同点。
师生共同分析网页，引入新课的学习。
2．新授任务1 滚动字幕的制作教师巡视，个别给予指导。
学生完成任务后，展示作品，并演示操作。
小结设置滚动字幕的关键点：文本的大小、字体、颜色等。
表现方式。
运动方向。
背景色的设置。
任务2 交互式按钮的制作教师巡视，个别给予指导。
学生展示作品，演示操作，小结制作交互式按钮的关键点：按钮文本的设置。
按钮的颜色、背景色以及效果等。
图片按钮。
任务3 网页中插入一个Flash动画教师巡视，个别给予指导。
学生展示作品，演示操作，小结插入Flash动画的关键点：Flash显示窗口的大小调整。
预览模式下才能看到Flash效果。
插入Flash后的网页保存。
学生参照教材内容完成网页动态效果制作，并比较分析其他同学的作品，对照自己的作品加以完善。
培养学生自主学习，发现问题的能力，师生共同分析问题并给予解决。
3．总结与评价（1）学习过程评价，展示学生的作品，师生给予评价，激发他们更大的主动性与积极性。
（2）归纳总结。
《制作网页》教学设计(精选5篇)
《制作网页》教学设计（精选5篇）《制作网页》教学设计1教学目标：1、知识与技能（1）了解超级链接的含义及链接源和链接目标的含义，掌握同一站点内以及不同站点间网页超级链接的创建方法。
（2）掌握网页内书签的作用及创建书签链接方法，掌握交互式按钮、框架网页内超级链接的设置方法。
（3）理解热区链接的含义及创建方法。
2、过程与方法（1）通过创建网页超级链接的操作，使学生了解网页中创建超级链接的基本方法，破除对网页链接的神秘感。
（2）通过对不同对象设置超级链接的操作，使学生总结出操作的规律，培养学生自主学习与操作的能力。
（3）通过网页不同的超级链接方法，拓展学生思维，创建多种形式的网页链接。
3、情感态度与价值观（1）通过链接我国主要自然保护区网页，激发学生热爱祖国、热爱自然、热爱生命的激情。
（2）完成超级链接，使学生感受成功的喜悦和快乐。
教学重、难点：1、教学重点：（1）超级链接的含义及链接源和链接目标的含义。
（2）超链接的制作方法——给文字、图片制作超链接，制作书签链接，给交互式按钮制作超链接，框架页面内的超链接，图片区域制作超链接等。
2、教学难点（1）书签链接中名称及对应链接位置的设定。
（2）在框架页面中制作超链接时，目标对象所选择的显示窗口形式。
教学方法与教学手段：任务驱动法、讨论探究法、讲解与演示法、类比知识迁移法。
教学准备："动物——人类的朋友"站点，包括未链接的网页，如欢迎页、表格页、框架页，表单页等。
教学过程：1、引入展示两个主页，一个已经创建了链接，一个没有创建链接，让学生进行比较并找出区别，引出本课课题——超级链接。
提出：我们在先前的学习中，哪个软件中的相关操作与它类似？什么是超级链接？找一个例子，分析链接源和链接目标分别是什么？学生展开交流，通过对比找出不同点，并积极思考，回答老师的问题。
设计意图：通过对比操作、交流，再辅以知识迁移，明确本节课教学内容。
2、新授（1）站内超级链接引导学生回顾PowerPoint中超链接的制作方法（教师提示：右击链接源，利用快捷菜单制作超链接），辅以教材中的内容，让学生自行探究并完成以下操作：任务1同一站点内不同页面之间的链接1制作首页（欢迎页）到表格页的超链接。
小学信息技术五年级下册《用表格布局网页》教案
小学信息技术五年级下册《用表格布局网页》教案青岛版小学信息技术五年级下册《用表格布局网页》教案作为一位无私奉献的人民教师，通常会被要求编写教案，教案是实施教学的主要依据，有着至关重要的作用。
那么什么样的教案才是好的呢？下面是小编帮大家整理的青岛版小学信息技术五年级下册《用表格布局网页》教案，供大家参考借鉴，希望可以帮助到有需要的朋友。
教学目标知识目标了解表格的属性能力目标学会修改表格的属性；掌握运用表格布局网页的方法；学会在表格中嵌套表格。
情感目标通过研究并制作“粪金龟”、“埋葬虫”网页，培养对大自然每个生命及物种的尊重。
教学重难点用表格布局网页的方法。
教学准备网页背景图片、粪金龟图片。
教学过程情境创设激发兴趣1、对比chan.html和hu die biao ben.html，说出对这两个网页的感受。
2、总结表格的作用。
3、引出用表格布局整个网页。
自主探究交流分享一、修改表格属性1、打开hu die biao ben.html将表格的对齐方式改为“居中对齐”把表格的宽改为380像素。
2、学生操作。
3、学生汇报演示。
二、利用表格布局网页1、自学课本第23页，制作网页fen jin gui.html。
2、学生探究操作。
3、学生演示汇报。
4、继续完成网页制作。
合作学习释疑解难1、学生提出问题。
2、教师补充问题：（1）、如何选中表格？（2）、使用表格布局网页的优点有哪些？3、小组内合作解决问题。
4、评比最佳途径。
实践创作展示评价1、任务：使用表格布局网页chan.html，让它变的更美观。
2、学生创作。
3、小组推选优秀作品。
4、全班欣赏评价优秀作品。
梳理总结拓展延伸本节课收获是什么？觉得自己哪个部分掌握的比较好了，哪个地方还要继续努力。
教案：使用表格布局网页
教学内容：项目五表格的应用任务3、使用表格布局网页课程：网页设计与制作专业：计算机授课课时：1课时教师：授课班级：单位：授课时间：教学设计说明：对于使用表格布局“个人写真”首页的任务，我在坚持以教师为主导，学生为主体的教学原则下，通过复习提问——巩固旧知；创设情景——导入新课，明确任务；提出问题——分析任务，引发思考、课堂讨论、获取知识；讲授点拨——任务实施，引出重点；师生互动，归纳提高——攻破难点五个环节进行教学。
在任务实施中采取小组合作完成的方法，以小组为整体回答问题及完成操作性任务，小组评比采用星级制，小组得星数量从多到少评为优、良、合格、差。
以此培养学生的合作意识、激发学生积极性及学习热情。
二、导入新课看图观察对比2张网页效果图图1 图2首页效果图三、进入新课1、任务分析2、任务实施（一）、插入布局页面的表格并在表格、单元格属性面板中设置表格【操作步骤】步骤1：单击菜单栏[插入记录]/[表格]，设置：1*1，边框、边距、间距：0；步骤2：单击状态栏[table]标签，设置表格对齐方式为“居中”；步骤3：单击状态栏[td]标签，设置单元格高；步骤4：表格2、3、4的创建方法同上。
【提出问题】如果表格属性填充、间距、边框不设为0是什么效果？练习一：带着问题完成表格插入及属性设置操作。
【总结】如果没有指明单元格边距和单元格间距，大多数浏览器按单元格边距为1、单元格间距为2来显示表格。
（二）调整表格结构1、合并、拆分表格【操作步骤】步骤1：光标定位于表格2中，单击单元格属性面板“拆分”按钮，将单元格差分成10列；步骤2：按住ctrl键选择不连续单元格，设置奇数单元格为80px,偶数单元格为20px;2、表格嵌套【操作步骤】光标定位于表格3第二例，插入一个2*3，宽度80%的表格。
【提出问题】如何使嵌套的表格置于单元格的最顶端并居中？练习二：完成表格的结构调整操作。
【总结】表格中的第二种对齐单元格中的对象相对该单元格的对齐方式，在[属性]面板中展开[水平对齐]/[垂直对齐]下拉列表，选择相应的水平方向和垂直方向的对齐方式。
《应用表格布局网页结构》教学设计
《应用表格布局网页结构》教学设计一、教学目标知识与技能：1、了解表格在网页设计中的作用。
2、能够根据网页的内容,正确布局表格的结构。
3、掌握网页中表格的制作方法，能够在单元格中正确插入文字和图片，掌握表格属性的设置方法以及单元格的修饰与编辑方法.过程与方法：通过观看优秀网站表格布局，动手设计表格等环节，帮助学生进一步了解表格的作用、功能以及网页设计方法的多样性，培养学生的发散思维能力;通过学生自主地编辑和修饰表格等环节，培养学生自主探究学习的能力。
情感、态度与价值观：1、提高学生自学和探究的能力，培养学生应用表格布局网页结构的兴趣。
2、提高学生语言表达能力，学会客观的评价作品.二、教学重点与难点重点:了解表格在网页设计中的重要作用掌握插入、编辑表格以及表格，单元格的属性设置方法。
难点：表格的嵌套表格,单元格，网页属性的设置三、教学方法讲解演示教学法，小组合作学习法，自主探究学习法四、教学设计说明本节课是初中信息技术（下册）2007年7月第一版第11单元《设计主题网站》第二节的内容，教学面向的是初二年级的学生,该年龄段的学生已具备了一定的信息素养，掌握了基本的信息技术知识和技能。
初中的学生喜欢新、奇、特的事物，接受能力和理解能力比较快。
而直观、醒目的网站示例图片则可以培养学生对于本课题的兴趣,但是学生对于如何应用表格布局网页结构的操作是比较模糊的。
因此本节课充分地发挥学生了的积极性,让学生随着学案所设置的环节，探究完成一个又一个的应用表格过程.而学案则是在尊重学生解决问题的思维过程方式的基础上设置的,注重学生的学习体验和情感的体验。
整节课以学生为主体、教师为主导的架构下,搭建以生为本的情景学习平台，帮助学生自学、交流讨论、深入探究，以不断的完成应用表格布局网页结构的过程为手段，一步步完成学习任务.五、教学过程课前将素材和网站站点发送到桌面，指导学生解压缩。
并带领学生熟悉本节课所要制作的网页的素材。
用表格布局网页教案
四．总结：
1．利用表格布局网页可以使整个网页的内容组织安排的更加合理、美观
2．利用表格布局网页时需要考虑的几个因素
3．指出未解决的问题
讲解
总结
强调
巡视并
解决问题
引导
听讲
回顾
记忆
学生可根据自己的具体情况选择合适的任务。
欣赏
回忆
提出问题
学习如何利用表格根据实际情况布局网页
避免学生利用表格布局自己的网页时出现问题
课题
用表格布局网页(一)
教学背景
本节课是网页制作的第五节内容，在此之前，学生已经了解了以下内容：
1．网站与网页的区别；
2．组成网页的基本元素：文字、图片、链接、动画、视频、音频、表单等；
3．网页的版面布局：一般由页眉（网站标识、导航按钮）、网页的主要内容、页脚（邮箱地址、联系电话、版权说明等）组成；
.充分考虑学生的个体差异。体现分层教学。
提出制作过程中未解决的问题，为后面的学习做铺垫
通州六中
云雪连
教学准备
幻灯片、实例网页
时间（分）
教学过程
教师活动
学生活动
设计意图
3分钟
一．新课引入：
1、展示学生上节课所做的网页，提问制作过程中发现了什么问题
2、出示实例网页，引导学生发现前后网页的不同，初步了解利用表格布局网页的作用。
提问
引导
回答
欣赏
思考
从学生们上节课出现的问题出发，意在自然而然的引入新课内容，并使知识的学习有连贯性
6.表格的嵌套方法
强调：利用表格布局网页时还需要考虑的因素
1．不能将整个网页的内容放在一个大表格中，建议使用表格的嵌套，同时单元格嵌套的次数也不宜太多
《应用表格布局网页》微教案设计与反思.doc
一、教学目标1、知识与技能(1)了解表格在网页布局中的作用。
(2)掌握网页规划中表格的设计方法、表格的修改、修饰方法。
(3)掌握应用表格嵌套的设计方法。
2、过程与方法(1)通过对重点部分的演示操作，培养学生知识获取、迁移的能力。
(2)通过演示表格的嵌套操作，使学生进一涉理解表格的作用、运用的多样性，培养学生的发散思维能力。
(3)通过自主探究，交流与合作，培养学生自主学习的能力。
3、情感态度与价值观在自主学习活动中，认识表格在网页规划中的应用价值，培养学生独立钻研的精神，以及团队协作的意识。
二、教学重点与难点重点：在网页结构的规划中表格的应用，以及表中表的嵌套应用。
难点：表中表的嵌套技巧。
三、教学方法与手段•对比教学法、演示教学法、探究学习法、模仿学习法。
•多媒体教学平台、校园网FTP服务、互联网、网络通讯工具（QQ）四、教学准备各自制作的站点文件夹，整理、归类相关素材并按要求摆放，校园网FTP下载常规素材及学习资源。
五、教学过程1、创设情境、阐述学习耳的和任务，导入新课（1）学生简单讨论、交流（主要通过QQ）,回顾Word中学过的表格制作方法及应用意义。
（2）通过分析教材案例《体艺节》中的表格应用，领悟表格在FrontPage中的作用。
2、演示操作，突破重点难点的应用以教材案例《体艺节》主页的规划设计为例，演示表格的制作技巧，以及表屮表的嵌套方法和技巧。
3、任务驱动、自主探究学习以“2013届校运动会”为主题，规划主页的布局。
基础和对薄弱的学生仅要求读懂教材中的网页表格布局，模仿制作，根据表格的行数与列数，调整至最终样式；基础扎实、操作能力较强的学生可以跳出教材，自行设计表格网页布局，并将自己的表格设计抓图共享在“八年级信息技术学习群”上，供有需要的同学参考学习。
4、学生自由组合分组或独自为组，开展自主探究学习活动，开放式课堂，允许学生相互讨论、交流（在线QQ）,通过校园网FTP 和互联网获取学习资源，但必须是自己独立完成。
表格布局网页的说课稿
1、教材分析本课内容是《信息技术》八年级下册第三章第二节的内容，本节由认识表格在网页布局上的作用、插入表格、调整表格结构、设置表格属性、单元格的修饰几个部分组成，其中用表格布局网页是网页规划的一个重要内容。
因此，本节分成三课时，本节课是这一节的第一课时。
2、学情分析学生在初一时已经学习过有关word的基本知识，对使用dreamweaver软件制作网页的一些简单操作也不陌生。
但由于学生缺乏网页的系统制作方法，往往在制作网页过程中，对网页的版面布局缺乏总体认识；因此，本节课是通过学习使用“表格布局”的方法，使学生对网页结构有先设计再制作的初步意识。
3、教学目标分析信息技术课不仅仅着眼于培养学生的操作技能，同时也要注意培养学生的信息素养，让学生知其然更要知其所以然，而这些要在具体的细节中得以体现。
基于对教材的分析理解、对学科特点的认识和对学生情况的把握，把教学目标定为：[知识与技能]（1）能叙述表格在网页设计中的作用；（2）能使用布局表格工具编制网页结构。
[过程与方法]能利用布局表格和已有知识制作出美观的网页页面。
[情感态度与价值观]让学生体验制作网页时的布局构思、填充内容、细化的一般过程。
4、教学重难点分析：本节课是使用表格制作网页的第一节课，根据教材分析，本节课的教学重点和难点制定如下：（1）表格在网页设计中的作用和功能；（2）掌握布局表格的使用方法。
[教学难点] 布局表格的使用方法。
二、说教学环境1、计算机教室，多媒体广播系统，dreamweaver软件2、教学展示材料：范例作品、教学课件等；3、学习帮助材料：详细的学案、素材图片。
三、说教法：在本节课以让学生主动学习、自主学习为出发点，主要采用以下几种教学方法进行教学。
1、“演示”教学法：本课以“教师演示，学生操作练习，教师个别指导，最后总结的方式进行教学。
2、对照式教学法：在说明应用表格布局网页的作用时，通过内容不相同而结构相同的六、说教学反思本节课用两张内容相同，版面布局不同的网页引发学生思考，通过对比分析，让学生理解表格的作用，让学生体验用布局表格制作网页的一般过程，整节课以“教师主导、学生主体”为指导思想，以“自主探究、协作交流”等学习活动贯穿整个课堂始终。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
制作网站——表格布局网页（3-4课时）
教学目标：
1．知识与技能
（1）了解网页设计中表格的作用。
（2）掌握网页中表格的制作方法、表格属性的设置方法以及单元格的修饰与编辑方法，能够在单元格中正确插入文字和图片。
（3）能够根据网页设计内容，正确布局表格的结构，掌握表格嵌套的设计方法。
2．过程与方法
（1）掌握软件学习中的对比学习法，培养学生迁移学习的能力。
（2）通过用表格结构设计网页，使学生进一步理解表格的作用、功能及网页设计方法的多样性，培养学生的发散思维能力。
（3）通过自主探究，使学生掌握软件的使用规则，由摸索、探究性学习到形成性学习，培养学生学会学习，驾御学习的能力。
3．情感态度与价值观
（1）通过对比学习使学生体验软件学习的一般方法及规律，提高学生自主学习信息技术的能力。
（2）通过运用表格布局网页对象活动（各人根据网站主题，设计网页），进一步掌握各种不同对象的属性设置方法和规律，体验创造的快乐。
（3）通过“动物——人类的朋友”表格页的设计与制作，再次激发学生关爱动物、保护动物的责任感，从而进一步树立共同改善人类生存环境的意识。
教学重点、难点：
1．教学重点：
（1）了解表格在网页设计中的重要作用和功能。
（2）掌握插入、编辑表格的方法及表格的属性设置方法。
（3）掌握单元格的修饰与属性设置。
2．教学难点：
表格的嵌套设计在网页设计中的应用。
教学方法：
对比教学法、探究学习法、模仿学习法。
教学准备：
各自制作的站点文件夹，整理、归类相关素材并按要求摆放。
教学过程：
1．复习
以复习提问的方式来回顾站点的建立、网页的新建以及网页中文字、图像等对象的插入，学生认真回顾，回答教师提问。
为本节课教学做一定铺垫。
2．引入
（1）观看两个页面并进行比较：一个使用表格布局，但表格边框隐藏（看不出表格痕迹），其页面工整，文本、图片摆放对称，具有一定规律；另一个页面凌乱，图文混杂，摆放杂乱。
你更喜欢怎样的页面布局？
提出问题：有什么办法可以达到第一个页面的效果？
（2）观察第三个页面，内容与第一个页面相同，显现页面的表格边框。
学生讨论，交流，回顾Word中学习过的表格，明白表格在FrontPage中的作用。
3．新授
（1）分析表格结构
展示一些由表格布局的网页，引导学生分析其表格结构，自然过渡到教材中的例子（biaoge.htm），分析结构，得出表格的布局（如表格有几行几列，哪些行做了哪些处理）。
任务1 规划网页表格布局
分层完成该任务，基础相对薄弱一些的同学仅要求读懂教材中的网页表格布局，知道规则，根据表格的行数与列数，调整至最终样式；基础扎实、操作能力较强的同学可以跳出课本，自行设计表格网页布局，并将自己的表格设计绘制在书本上。
学生可根据自己的实际情况选择任务难度，并动手分析与创意设计。
建议：使用多个非嵌套的表格来布局。
设计意图：分层教学，培养学生模仿以及创新能力。
（2）完成表格布局
FrontPage中表格的插入和编辑与Word中的表格操作类似，教师无需讲解，引导学生进行知识迁移。
任务2 新建一个页面，用表格布局该网页，并在该网页中放入相应内容
打开站点，新建网页，以“biaoge.htm”为文件名保存。
按前面分析的要求插入一个表格。
调整表格结构（主要是行列的插入、删除，单元格的合并、拆分、调整大小等）。
老师可安排操作熟练的同学进行演示。
（3）充实网页页面内容
任务3 在表格中插入图片、输入文字
建议：插入图片对象前，对图片做一定处理，例如选择风格统一的图片，调整图片大小至同一尺寸等。
注意图片的保存。
（4）调整表格属性，美化页面
预览制作的网页，修饰网页，让网页看起来更美观。
任务4 表格属性以及单元格属性的设置
表格属性的设置，如去除网格线、设置表格背景色等。
使用不同的颜色区分各板块，设置单元格属性。
强调：学会利用右击后弹出的快捷菜单中的命令。
学生根据自己的实际情况选择任务难度，可按教师具体要求修饰、调整表格，也可根据自己的意图修饰、调整表格。
（表格边框的调整都需掌握）
设计意图：完成必须要求掌握的知识同时，给学生一定的自主空间，鼓励他们去创新，而非一成不变的生硬模仿。
（5）表格的嵌套
有时为了制作出更加美观的网页，我们可以使用表格的嵌套来实现。
任务5 加入横向目录导航条，尝试使用表格嵌套的方法解决问题。
学生动手制作网页。
4．总结与评价
本节课我们学习了在FrontPage中插入表格、编辑表格以及表格嵌套的基本方法。
请同学回答几个问题、并演示几个基本操作。
展示表格页面制作完成的优秀作品，表扬完成任务的同学，对未完成的同学给予激励，鼓励他们利用课余时间继续完成。
学生回答问题：
（1）表格在FrontPage中起到了的作用：定位对象。
（2）表格编辑的基本操作。
关注课堂学生操作达成率。