下载
加入VIP
  • 专属下载特权
  • 现金文档折扣购买
  • VIP免费专区
  • 千万文档免费下载

上传资料

关闭

关闭

关闭

封号提示

内容

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

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

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

那个人不是你小童鞋
2019-06-13 0人阅读 举报 0 0 暂无简介

简介:本文档为《第十五课 用表格为网页布局ndoc》,可适用于综合领域

 课题:第十五课用表格为网页布局授课教师:陈培将单位:丽水市经济开发区第一中学.设计思想本节课的主题是对网页内容的排版。为了提高学生的建网兴趣接受网页中表格的排版定位作用以设计“小吃美食”主题的首页制作为主线从而掌握网页的表格排版功能。.教材分析:布局是网页制作的第一步在本节教材中先提出了规划布局再进行表格定位最后进行定位调整。这要求教学过程中需要对学生明确:对于网页中对象多而杂的情况必需先规划、再定位而用表格是一种很实用而有效的途径。.学性分析由于本课属于公开课因此在此课之前学生还未接触到网页制作的相关知识所有的知识也只能通过WORD进行衍生。为了区别WORD和PPT等曾经排版方法在学习网页排版时创设一种情境能让学生对于网页对象能自然的用表格进行页面布局。通过这种教学方式能让学生觉得网页表格排版理所当然利用情境也大大提高了操作兴趣在操作中掌握了技能。、教学目标知识目标:用表格排版主页使其达到页面整洁有序技能目标:在网页中插入表格并更改表格的属性情感目标:通过对“美食”主题网页的布局培养学生创造力也同时对小吃文化有一定的了解。.重点难点重点:、插入表格和更改表格属性、网页布局难点:将网页布局转换为表格.环境与素材.教学环境:多媒体网络教室配备投影仪、实物展台学生计算机中安装IE以上版本及Frontpage以上中文版要求能上因特网课本准备。.教学素材:网页素材网页实例教学过程课前分组、将分组在黑板布置一、引入老师已经为同学们打开了一个网页这个网页同学们不要关掉课堂任务和帮助都需要这个网页里面也有小组竞赛的计分方式大家可以看看大家好好努力为自己小组争取奖品。(设计意图:吸引学生注意力提高学生课堂兴趣)师:刚才看到同学们对课前的视频很有兴趣我也被那些美食吸引住了。云和有什么美食吗?在座的老师都很感兴趣的哦。生:回答(举例)分师:我们中国吃的文化是博大精深就菜系有八大菜系鲁菜川菜粤菜浙菜等浙菜又分了很多种听说云和也有很多有名气的比如云和雪梨、板栗等这节课我们就尝试设计下以“小吃美食”为主题的个人网站让更多的朋友通过网站分享和了解美食。当然我们可以介绍云和美食。(设计意图:通过课前视频引出小吃美食相关主题)二、布局师:(提问学生)以“小吃美食”为主题如果你是这个网站的负责人你想展示些什么内容给大家看?(示意学生举手)生:回答介绍各地小吃等分师:那是不是有“湖南小吃、台湾小吃、北京小吃”等等几种分类?(根据学生回答变化)生:回答是师:网站内容可真丰富那如果叫你给你网站取个名字会叫什么?生:回答分师:真好如果是我我肯定会喜欢你的网站。(设计意图:通过交流使学生有个概念对自己网站的主题和内容进行确定)师:根据刚才那位同学的说法他的网页可能是这样的:板书(这里是标题他对内容进行了分类有湖南小吃、台湾小吃、北京小吃等这样我浏览这些内容就很方便了我们把它称为导航下面的就是分类的具体内容我们称之为栏目。标题、导航栏目都有了对了同学们现在知识产权很重要在网站上要加上版权。板书:标题:。。。。。。。。导航:。。。。。。。。栏目:。。。。。。。。版权:。。。。。。。通过我们两人的配合咱们的网站的布局设计已经出来了。来咱们握个手。师:同学们网页都是这样的吗?根据你的上网经历有的网页标题不一定在最上面导航也好像不一定是横着的对吧?我们看看其它优秀网站都是怎么布局的。(展示普通布局网页进行主题和布局的讲解)(设计意图:一、使学生了解布局的多样性二、使学生在脑海中形成自己的主题和布局)师:同学们你们的主题想好了吗?分类也想好了吗?下面分钟时间同学也在白纸上简单画一下你的小吃美食网站的布局。不过老师这边有个要求要求:、在白纸上画出标题、导航、栏目内容、版权说明的位置。、在标题位置写上你确定下来的标题在导航位置写上导航名称。、其它位置稍微表示下你要放置的东西(要放图片的就写上“图片”两字文字的就写上“文字”两字)。、我们只画草图不需美化位置确定即可。(提醒学生使用在线课堂寻求帮助打开布局任务)说明:最快的同学分创意最好的同学分规定时间内全部完成的小组每组分。任务中教师要做的:、巡视引导学生在脑子里形成主题和导航、提醒同学可以通过老师、同学、教学网站三种方式获得帮助、请一位同学在黑板上画出布局图老师在边上帮助请优秀同学把自己布局设计到黑白板上。也加分(设计意图:使学生明确自己目标最快速度画出自己布局)师:很多同学画好了在规定时间完成的同学我们都给小组加分(设计意图:一、提高布局效率二、加强竞争提高学期兴趣。)师:很多同学画的真漂亮(在幻灯机上展示学生布局进行评价主要从网页结构出发提出建议)(没有幻灯机就用相机接电脑直接展示)(对黑板上的学生作品重点评价:布局要素美观)(设计意图:对学生布局进行纠正)三、表格师:在前面我们在纸上设计好了布局最重要的一步就是要在网页编辑软件FrontPage的编辑区域表示出来在电脑上用来表示布局的就是我们常见的“表格”。师:我们来看下这个网站(输入网址打开示例网页选择编辑)这个虚线就是表格我们网页都是用表格控制图片文字的位置图片大的就给大的单元格图片小的就给小的单元格。只要在格子内我们就能很好的控制位置了。(设计意图:使学生了解表格在网页布局中的作用)师:那表格插入到底需要几行几列呢?我们来看这些优秀的布局那怎么在FrontPage中表示出来啊?也就是说怎么把它变成表格呢?师:一般来说我们的表格行数或列数都是以导航为标准导航的个数决定行数或列数(教师通过电子教鞭画线演示)(设计意图:使学生清楚的理解从图纸到表格的转换)师:好我们来数一下?几行几列?对了这样我们就能很清楚的知道在frontpage中插入表格的行数和列数了。(教师演示右键打开任务二的indexhtm进行插入表格编辑)提问:上面的这些格子怎么办?分生:合并师:那你们能把图纸变成表格了吗?不然也跟老师这样在图纸上面画画。请同学们完成任务二表格任务!(点击学习网站的表格任务不明白的还可以有帮助哦)要求:、在自己的布局设计图上画出表格、依照布局设计图画出的表格确定为几行几列的表格、对标题栏等大块的布局进行单元格合并有必要时可以单元格拆分、用文字表示出标题和导航的位置、保持通过预览查看效果(设计意图:使同学理解从布局到表格的演变学习表格插入知识点)四、作品点评、展示优秀作品对学生进行鼓励同时该给建议的给建议、评出最佳小组评比标准:、每次提问回答分、规定时间内完成任务一个小组分、上台演示分五、总结【教学设计说明】《用表格为网页布局》是网页制作单元的第二课本单元从十六课开始一切的教学知识点都是围绕布局而展开的所以本课可以说是网站建设学习的基础。布局是网页制作的第一步在本节教材中先提出了规划布局再进行表格定位最后进行定位调整。这要求教学过程中需要对学生明确:对于网页中对象多而杂的情况必需先规划、再定位而用表格是一种很实用而有效的途径。本课我以学生的兴趣话题美食引入通过跟学生的交流引出应该建立一个美食网站供大家分享与了解美食的想法。在进行布局前先让学生确定自己的主题通过分析学生熟悉的网站了解常见的网站主页构成图的基本类型居中型、半包围型、主题突出型、导航型。本节课是学生初学网页制作的相关知识为了让了学生对主页构成图有快速直观的认识先让学生在纸上画出自己的布局图与同桌间进行相互交流确定自己的布局是否与网站的主题相适应。在图纸完成布局之后通过教师演示的方式把图纸转变成表格的方法传授给同学同时指出表格对布局的重要性没有表格我们的布局将不能成功最后要求自己动手将纸上的布局转换成FrontPage的表格。在表格的修改方面通过引导学生迁移word中表格制作的知识来完成。本节课还通过引导学生间的相互评价使学生在互动中互帮互学感受成功、进步和发展的快乐。【个人简介】陈培将男年出生中学二级教师毕业于温州大学教育技术专业现任丽水经济开发区第一中(小)学信息技术教师。自参加工作以来本人一直勤勤恳恳、认真工作由于工作出色多次被学校评为优秀教师享受低职高聘工资待遇积极组织学生参加各种竞赛均取得好成绩。为了当好信息技术教师本人努力学习各项知识技能严格要求自己我珍惜每一次学习机会积极参加各类学习和教研活动通过学习使自己一步一步的提高。    

用户评价(0)

关闭

新课改视野下建构高中语文教学实验成果报告(32KB)

抱歉,积分不足下载失败,请稍后再试!

提示

试读已结束,如需要继续阅读或者下载,敬请购买!

文档小程序码

使用微信“扫一扫”扫码寻找文档

1

打开微信

2

扫描小程序码

3

发布寻找信息

4

等待寻找结果

我知道了
评分:

/6

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

VIP

在线
客服

免费
邮箱

爱问共享资料服务号

扫描关注领取更多福利