资源简介

教学案例
课题：应用表格布局网页
教学设计者：
【教学目标】
1．知识与技能
1）如何按网页的内容来设计出所理想的表格结构
2）能够正确掌握网页中表格的制作方法，表格的属性
2．过程与方法
1）通过用表格布局网页，进一步理解表格的作用，功能及网页设计方法的多样性，培养学生的发散思维能力
2）通过自主探究，掌握软件的使用规则，培养自主学习能力
3．情感态度与价值观
1）学会探索学习和小组合作学习的方法，及积极进取、质疑、使用的优秀品质
2）通过对本软件的学习，使自己网页设计能力得到进一步的提高
3）培养学生在进行自主学习的过程中勇于克服困难，体验到成功的快乐
【教学重难点】
重点：
1．掌握网页内容来对表格进行合理的布局
2．掌握对表格的内容进行插入和编辑等
3．表格及其它的属性设置
难点：
表格的嵌套在网页布局中应用
【教学方法】
小组合作式学习、自主探究学习、任务驱动式教学
【教学准备】
各自检看“dongwu”文件夹和存着素材
【教学过程】
教学过程 教师活动 学生活动 设计意图
复 习 回顾知识要点：
1．建立站点
2．设计首页 学生讨回顾和牢记所学的知识 巩固上节课的知识，为本节课教学做一定铺垫
引 入 一、欣赏网页图片
完美　凌乱　加表格
教师操作：
可以用两三幅网页图片展示给同学们欣赏，在欣赏过程中，让同学们说一说它们之间的不同之处，不同在那里。如果给你选，你会选那一幅
学生回答：
二、带着问题和目标看书
教师提问：
问题一：
在制作网站页面时，利用表格结构可有＿＿＿？
问题二：
在制作网页表格中可以添加＿＿＿？
学生回答： 以小组形式，在欣赏中讨论与交流 制作网页整齐、美观
讲 授
新
课 一、如何根据内容分析设计表格结构
教师操作：
1．打开站点，新建一张空白网页
2．制作一个外框单元格（1行1列的表格），在对单元格进行设置，选中表格，并设置“页面属性”中上边距为“0”像素，左边距为“0”像素，外框表格。
解说：这就是我们在“用表格布局网页”时通常会在整个表格外部加上仅有一个单元格的表格。即表格“嵌套”，在创建表格时要多用表格“嵌套”形式，以保持一些单元格大小的相对稳定
3．在单元格内分别插入“1行3列、1行5列、8行1列”的表格，根据网页布局需要，拆分或合并单元格，拖动表格边框，调整表格单元格大小
二、完成单元格标
教师操作：
1．展示图片欣赏
2．分别在相应的单元格内填入“标注”，标志、横幅图片、导航栏、flash动画、滚动字模、图片、文字
三、在表格中添加相应文字、图片、文字
1．展示图片欣赏
2．根据表格结构和网页设计要求，给表格中标有“图片”的单元格分别插入“朱鹮”、“藏羚羊”图片，给表格中标有“文字”的单元格输入或复制相应的文字介绍
3．单击“文件”，“保存”到D：/dongwu文件夹中
四、小组讨论、自主练习
学生操作：
1．学生在操作步骤中遇到问题，这时就可以在小组内来解决
五、上机演示
学生操作：学生到教师机上演示给其他同学看
教师解答：
学生在操作中容易出现的一些问题由教师来及时解答
六、课堂小结
教师对本节的知识要点一一的解说一边
七、巩固练习、扩展知识
课后学生可以练习或相应的添加一些相关的知识，如：flash动画等互。
八、教师与学生共同评价
开展同学间的作业相互检查，推荐优秀的作品，展示给全班同学，表扬完成情况好的学生与帮助其他的同学。
学生学会去理解相应的知识，并在理解中学会去操作第一步骤，如：插入表格、属性、表格、嵌套
可以充分发挥小组活动的能力
增强学生课堂气氛并让学生加深映像
引导学生进行总结，并继续完成自已的主页，完成的同学做教师的小助手，辅导需要帮助的学生
让学生步步为营，由浅入深掌握所学知识，还可以通过所学知识去扩展新的知识点
这样可以在操作过程中加深对操作过程中的映像
让学生上台演示可以从中找出不足之处并解决问题
学生对所学的知识进行梳理，建构知识体系，鼓励学生间互帮互助

展开更多......

收起↑