第十二课 用表格为网页布局 教学设计
1教学目标
1.通过赏析不同网页,了解网页的常见布局结构类型并能用表格为网页布局。
2.通过制作表格,掌握在SharePoint中插入、修改表格和设置表格属性等操作方法。
3.通过页面布局,培养学生规划的意识。
2学情分析
《用表格为网页布局》是浙江教育出版社《中学信息技术》八年级上册第12课,是第三单元《网站制作》的第四课。本单元旨在通过制作一个完整的网站,学习策划、设计、制作和发布网站的方法和技巧,感受自主建站的乐趣。学习本课前,学生已经初步了解了各类网站的特点、制定了建站计划、认识了网页制作软件SharePoint,并已建立站点。本课是真正开始制作网页的第一课。网页布局的好坏,直接影响页面的整体效果,本课的主要任务就是解决如何将文字、图像和网页各元素合理、恰当的排放在网页中,使页面易读和美观。学生制作的网站最终效果如何,取决于页面布局的合理性,因此,本课是为后面网站制作的学习奠定了基础。
在网站制作这个项目学习中,学生是通过小组合作的形式进行的。分组形式是自由组合,网站选题及网站计划的制定都是小组成员根据本小组成员的喜好讨论确定的。因此,在此项目的学习中,学生兴致都比较高,学习欲望比较强。从操作层面上来看,学生已有在word、Excel等软件中使用表格的经验,在操作方面没有很大的技术难度,因此,本课教学主要采用迁移法展开教学,引导学生利用已有知识和经验自主交流、探究学习。实践操作中,对于一些在SharePoint与Word中不同的地方,加以适当的演示与指导,让学生通过实践后归纳总计操作方法和技巧,如通过表格线的显示、隐藏来了解表格属性的设置
3重点难点
教学重点:理解用表格为网页布局的作用;掌握插入表格、修改表格和设置表格属性
教学难点:灵活掌握排列表格和设置表格属性的方法
4教学过程
活动1【导入】作品评价，引出新知
(1)作品展示,发现问题
教师呈现学生作品,提出问题1“觉得这个作品怎么样?哪些地方需要修改?”
学生观察并发现问题
(2)归纳总结,呈现问题
浪费空间 布局排版混乱
提出问题2:有什么办法可以达到满意的效果?
(3)引出新知,解决问题
呈现修改后的网页,教师讲述修改方法,引出新知——用表格布局
设计意图:通过对学生作品评价、分析,总结、归纳在学习此课前学生设计网页时的共性问题,引出新知学习。
(4)游戏挑战,体验表格妙用
游戏挑战用时最短者演示妙招
设计意图:通过游戏挑战,体验表格在网页中的作用:固定位置、合理分配空间
活动2【导入】认识常见的页面布局
1.自主探究,认识常见布局类型
活动 1自主探究 认识主页布局
学生思考主页具有哪些的特点,?
自主学习教材p44,了解主页的常见的布局类型
2.分解板块,分析不同布局的结构
以复旦大学新闻网首页为列,分析网站各版块的内容、名称,
引导学生认识标题栏、导航栏、版权说明等版块
出示不同布局类型网页,引导学生思考、汇报自主探究成果,分析总结居中型、半包围型、主题突出型、导航栏型的结构、特点。
提出问题:是不是所有的网页布局都是这四种类型呢?
出示个性网页布局,总结:页面的设计没有限定的规则,只要能配合网站内容、烘托主题,让访问者浏览网站是感觉简洁、有序、方便就可以。
设计意图:根据以往教学经验,大部分学生在开始制作网页时会感到无从下手,不知道要做什么,本环节旨在帮助学生解决“页面上由哪些版块组成”,突破本课教学的重难点,为后面的规划页面学习打下基础
活动3【活动】规划页面，设计主页草图
活动2:为网页布局 设计草图
根据各小组网页内容设计主页草图,在Word页面中,通过拖拽、缩放、增减不同的自选图形设计主页草图
鼓励学生创新,避免一成不变的生硬模仿
设计意图:本环节原计划是用笔纸设计主页,考虑到作品展示不方便,便用电子稿设计。如果用表格设计费时、重复学习,便用自选图形本环节原计划是用笔纸设计主页,考虑到作品展示不方便,便用电子稿设计。如果用表格设计费时、重复学习,便用自选图形
活动4【练习】用表格为网页布局
1.分析草图,提炼表格
以范例草图为例,分析需要几行几列的表格,同时让学生分析自己的草图,提炼所需的表格。
2.动手实践,设计主页
SharePoint中表格的插入和编辑与Word中的表格操作类似,引导学生进行知识迁移,插入表格
活动3:用表格为网页布局
(1)打开主页,按插入所需的表格。
(2)修改、调整表格结构(主要是行列的插入,单元格的合并、拆分、调整大小等)。
(3)调整表格属性,美化页面。
为了方便查看布局,修改表格属性,如显示表格线
设计意图:通过知识迁移,引导学生在网页中插入所需的表格,提高学生举一反三的学习能力
照顾操作不太熟悉或不会操作的同学。
对于一些在SharePoint与Word中不同的地方,讲解演示,巡视过程中加强指导,让学生通过实践后归纳总计操作方法和技巧
活动5【测试】拓展提高、展示升华
一、插入图文,拓展提升
活动4 :插入图片、输入文字(机动安排)
操作过程中如遇问题,请查看微课“表格嵌套法”
设计意图:为学有余力的同学设计的提高的任务
二、作品展示,感悟成功
学生演示设计的效果图
三、总结提升
情感提升,凡事预则立不预则废,提醒学生将规划的意识应用的学习和生活中
课件21张PPT。固定位置合理分配空间表格的作用游戏挑战 体验表格妙用 拼图游戏用表格为网页布局八年级上 第12课活动一 自主探究 认识主页布局网站的首页具有哪些特点？什么是布局？标题栏导航栏版权信息网
页
正
文栏
目栏
目居中型信息量大主题突出型赏心悦目半包围型导航栏型结构简单，导航栏放页面正中，醒目且方便查找网页常见布局 页面的设计没有限定的规则，只要能配合网站内容、烘托主题，让访问者浏览网站时感觉简洁、有序、方便就可以。活动二 设计草图 桌面-- 学生—活动2
规划页面.doc移动缩放增减独特新颖插入？行？列的表格提炼表格分析草图插入表格插入表格修改表格修改表格——合并、拆分活动三 用表格为网页布局在各自的站点中新建网页“首页.htm”页面大小 800 X 600活动四 插入图片、输入文字 桌面-- 学生—活动4
综合提升规划网页学习生活预
则
立不
预
则
废
