第十五课用表格为网页布局n.docVIP

? 课题：第十五课 用表格为网页布局 授课教师：陈培将 单位：丽水市经济开发区第一中学 ? 1．设计思想 本节课的主题是对网页内容的排版。为了提高学生的建网兴趣，接受网页中表格的排版定位作用，以设计“小吃美食”主题的首页制作为主线，从而掌握网页的表格排版功能。 2．教材分析： 布局是网页制作的第一步，在本节教材中，先提出了规划布局，再进行表格定位，最后进行定位调整。这要求教学过程中需要对学生明确：对于网页中对象多而杂的情况，必需先规划、再定位，而用表格是一种很实用而有效的途径。 3．学性分析 由于本课属于公开课，因此在此课之前，学生还未接触到网页制作的相关知识，所有的知识也只能通过WORD进行衍生。为了区别WORD和PPT等曾经排版方法，在学习网页排版时，创设一种情境能让学生对于网页对象能自然的用表格进行页面布局。通过这种教学方式，能让学生觉得网页表格排版理所当然，利用情境也大大提高了操作兴趣，在操作中掌握了技能。 4、教学目标 知识目标：用表格排版主页使其达到页面整洁有序； 技能目标：在网页中插入表格并更改表格的属性； 情感目标：通过对“美食”主题网页的布局，培养学生创造力，也同时对小吃文化有一定的了解。 5．重点难点 重点：1、插入表格和更改表格属性 2、网页布局 难点：将网页布局转换为表格 6．环境与素材 1．教学环境：多媒体网络教室，配备投影仪、实物展台；学生计算机中安装IE5.0以上版本及Frontpage2000以上中文版，要求能上因特网; 课本准备。 2．教学素材： 网页素材 网页实例 ? 教学过程 课前分组、将分组在黑板布置 一、引入 老师已经为同学们打开了一个网页，这个网页同学们不要关掉，课堂任务和帮助都需要这个网页，里面也有小组竞赛的计分方式，大家可以看看 大家好好努力，为自己小组争取奖品。 （设计意图：吸引学生注意力，提高学生课堂兴趣） 师：刚才看到同学们对课前的视频很有兴趣，我也被那些美食吸引住了。云和有什么美食吗？在座的老师都很感兴趣的哦。 生：回答（举例）+分 师：我们中国吃的文化是博大精深，就菜系有八大菜系，鲁菜 川菜 粤菜 浙菜 等，浙菜又分了很多种，听说云和也有很多有名气的，比如云和雪梨、板栗等，这节课我们就尝试设计下以“小吃美食”为主题的个人网站，让更多的朋友通过网站分享和了解美食。当然我们可以介绍云和美食。 （设计意图：通过课前视频引出小吃美食相关主题） 二、布局 师：（提问学生）以“小吃美食”为主题，如果你是这个网站的负责人，你想展示些什么内容给大家看？ （示意学生举手） 生：回答，介绍各地小吃等 +分 师：那是不是有“湖南小吃、台湾小吃、北京小吃”等等几种分类？（根据学生回答变化） 生：回答，是 师：网站内容可真丰富，那如果叫你给你网站取个名字会叫什么？ 生：回答 +分 师：真好，如果是我，我肯定会喜欢你的网站。 （设计意图：通过交流使学生有个概念，对自己网站的主题和内容进行确定） 师：根据刚才那位同学的说法，他的网页可能是这样的：板书 （这里是标题，他对内容进行了分类，有湖南小吃、台湾小吃、北京小吃等，这样我浏览这些内容就很方便了，我们把它称为导航，下面的就是分类的具体内容，我们称之为栏目。标题、导航，栏目都有了，对了，同学们现在知识产权很重要，在网站上要加上版权。 板书：标题：。。。。。。。。 导航：。。。。。。。。 栏目：。。。。。。。。 版权：。。。。。。。 通过我们两人的配合，咱们的网站的布局设计已经出来了。来，咱们握个手。 ? 师：同学们，网页都是这样的吗？根据你的上网经历，有的网页标题不一定在最上面，导航也好像不一定是横着的，对吧？我们看看其它优秀网站都是怎么布局的。（展示普通布局网页，进行主题和布局的讲解） （设计意图：一、使学生了解布局的多样性，二、使学生在脑海中形成自己的主题和布局） 师：同学们，你们的主题想好了吗？分类也想好了吗？下面5分钟时间同学也在白纸上简单画一下，你的小吃美食网站的布局。不过老师这边有个要求 要求： 1、在白纸上画出标题、导航、栏目内容、版权说明的位置。 2、在标题位置写上你确定下来的标题，在导航位置写上导航名称。 3、其它位置稍微表示下你要放置的东西（要放图片的，就写上“图片”两字，文字的，就写上“文字”两字）。 4、? 我们只画草图，不需美化，位置确定即可。 （提醒学生使用在线课堂寻求帮助，打开布局任务） 说明：最快的同学 +3分，创意最好的同学+3分，规定时间内 全部完成的小组，每组+5分。 任务中教师要做的： 1、? 巡视，引导学生在脑子里形成主题和导航 2、? 提醒同学可以通过老师、同学、教学网站三种方式获得帮助 3、? 请一位同学在黑板上画出布局图，老师在边