使用表格布局首页教学设计.docx

使用表格布局首页教学设计篇一:使用表格布局网页教案信息技术教案学校:大连62中学授课班级:初2年3班日期:20XX年4月20日授课人:姜春月篇二:用表格布局网页教学设计用表格布局网页教学设计教学目标(一)知识与技能目标: 1、理解用表格布局主页的作用。 2、掌握在网页中插入表格进行排版。 3、学生设置表格的属性。(二)过程与方法目标: 通过欣赏和借鉴别人布局的主页,取长补短,帮助学生进一步了解表格的作用、功能以及网页设计方法的多样性,培养学生的发散思维能力。(三)情感、态度与价值观目标: 用表格排版网页解决了网页版面杂乱的问题,培养学生在遇到困难时灵活运用各种方法解决,促进其建站信心。五、重点与难点教学重点:插入表格和更改表格属性。教学难点:让学生灵活掌握排列表格和设置表格属性的方法。六、教学策略与手段游戏竞赛法,对比教学法,任务驱动法,讲解演示法,自主探究学****法,网站教学法,小组合作法。七、课前准备 1、学生的准备带课本进教室 2、老师的教学准备(1)精心准备课堂,做好教学设计(2)预先做好问题的设计及突发事件的应对 3、教学环境的设计与布置多媒体网络教室,学生计算机中安装以上版本及Frontpage20XX以上中文版 4、教学用具的设计与布置准备好一些具有代表性的版面设计优美合理的网站主页面作为参考八、教学过程(一)、课堂导入教师:第一次给大家上课,老师想了解一下情况,不知我们班是男生信息技术水平高还是女生信息技术水平高? 学生:………教师:自己说了都不算,这节课我们就来较量一下。怎么样?先从第一个环节拼图游戏开始。邀请两位同学(男生和女生)上来,分别选择其中一个,帮我把网页上图片的位置调整好。一位没调整好,另一位调整好了。先采访一下失败的原因,你觉得问题出在哪里,是不是按照Word中的方法在操作,那你觉得在Word中图片、文字可以怎么样,而在FrontPage中呢? 采访另一个,发表一下你的成功感言,你觉得你为什么会成功,是网页中的什么帮了你的忙?网页里面有表格。也说是说在网页中要给图片定位,就必须要用到表格,表格在网页中起到了一个怎么样的作用——可以定位对象,即可以为网页布局,那怎样操作大家想不想学,今天这节课我们一起来学****第十五课《用表格为网页布局》。板书:用表格为网页布局(二)、页面布局其实一般的网站都是用表格来布局的,我们先来欣赏几个网站。 1,2欣赏以后分别看xx图,都是有表格,除了都有表格外,老师还发现了一个共同点,从整体看,得出这张主页都是怎么样的一个图形,半包围型,老师今天的这个教学网站也是包包围型。除了这个半包围型,你还看到过哪些。然后得出任务一,小组合作,让学生结合平时上网的经历,设计一张页面布局图,(分层教学)1、可以自行设计,2、也可以参考课本。板书:1、页面布局绝大部分同学已经设计好了。我看有几位同学做得很不错,然后展示,让学生具体说说他的设计。(三)制作主页(1)布局图设计好了,那么如何在网页中插入表格进行布局,我们以前在哪里学****过表格的插入——Word,当时是怎么操作的,想起来了吗?(表格——插入——表格)看任务二。任务二,①根据任务要求,探究着在FrontPage中插入一个6X3的表格。谁来试试,马上请一个学生来演示。演示好后,下面同学自己操作。板书:2、制作主页(2)老师这里也有几个页面布局,这些都是网页上常用