您当前的位置:首页 >>学科教研>>信息技术>>案例集锦>>文章内容
“表格”在网页制作中的应用——常州市丽华中学 孔海斌
信息时间:2012-04-23     阅读次数:

一、   教学目标

(一)知识与技能目标

1. 了解表格在网页设计制作中的作用。

2. 了解“布局表格和单元格”和“绘制表格”的作用和方法。

2.     掌握网页制作中表格和单元格的设置方法和技巧。

3.     进一步掌握在网页中应用图片、文字、艺术字、背景、交互式按钮、超链接等网页元素的方法和技巧。

(二)过程与方法目标                    

1.       通过观察对比不同网页,了解表格在网页设计制作中的作用。

2.       通过分组竞赛,自主学习,学生演示,教师引导,逐步掌握表格在网页设计制作中的应用方法和技巧。

(三)情感、态度与价值观目标

1.       进一步体验网页作品的表现魅力,激发学生学习制作网页作品的兴趣和意识。

2.       逐步养成主动参与作品创作的态度和意识。

二、   教学重点和难点

(一)  重点

1.  了解表格在网页设计制作中的作用。

2.  掌握规划表格布局网页结构的方法和技巧。

3. 掌握“网页属性”、“表格属性”、“单元格属性”设置的方法和技巧。

(二)难点

1.       初步掌握利用“网页属性”、“表格属性”、“单元格属性”整体布局网页页面的方法和技巧。

2.       区别“百分比”和“像素”为单位的作用,并灵活运用。

3.       掌握“表格嵌套”的作用及操作方法。

4.       进一步提高自主学习、探究学习的能力。

三、   教学方法

小组竞赛教学法、对比教学法、自主探究学习法、体验学习法

四、   教学过程

主 题

教师行为

学生行为

复习引入  明确目标

幻灯片出示上堂课学习的主要内容,打开上堂课完成的首页文件。提问:“上堂课我们一起研究了在网页中设置图片、文字、动画等网页元素的方法和技巧,请同学们思考,如果没有老师提供的表格,这些图片、文字还会如此整齐美观吗?”

打开没有表格构成的首页文件,通过调整窗口变小引起网页页面变乱。提问:“‘表格’在网页制作中有什么作用呢?”

打开有表格但边框粗细为0的学生参赛网页,引导学生思考:为什么看不到表格,但是在调整浏览窗口大小时,网页没有变乱?

幻灯片提出第二个问题:如何在网页制作中灵活的使用表格呢?通过问题引导学生了解本课学习目标,幻灯片显示本课学习主题。

简单回忆上堂课有关网页制作的一些基本操作方法。

 

 

 

通过对比思考表格在网页设计制作中的作用,并了解作用之一:使网页整齐美观。

 

观察并思考:为什么看不到表格,但是在调整浏览窗口大小时,网页没有变乱?通过产生疑问而产生学习兴趣。

通过思考老师提出的问题,了解本课的学习目标。

探究表格应用方法

幻灯片出示学生学习方法和竞赛规则,并引导学生明确学习方法,了解竞赛规则。

引导学生解读“学生学习任务”,启动两个FrontPage,并打开两个网页参考制作。

引导学生规划表格的制作步骤。教师:“下面我们参考在word中表格设置的方法来思考几个问题。”教师对部分重点、难点进行分解:

①插入表格的行数、列数由什么决定?

②合并(拆分)单元格合并。

③表格的行高、列宽的调整方法:a)鼠标调整;b)引导学生观察一行多个单元格无法鼠标精确调整列宽的对比,引入属性对话框设置的方法。

④引导学生观察“垂直对齐方式”的对比,引入属性对话框设置对齐方式。

教师对部分重点、难点进行分解:

①提示学生在制作网页最后一行时要采用“表格嵌套”的方法。

②提示学生利用“复制外部图片”方式添加图片时,要在保存网页的同时“更改文件夹”重新保存图片。

让男、女学生分别派代表抽签分任务。

明确学习方法,了解竞赛规则。

 

明确学习内容。

 

 

 

 

在老师的提示和引导下掌握在网页中插入表格的方法。

初步掌握合并、拆分单元格的作用。

初步掌握调整行高、列宽的两种方法。

 

初步掌握“对齐方式”的设置方法。

 

 

初步掌握“表格嵌套”的作用和设置方法。

 

了解在复制素材过程遇到的问题的解决方法。

 

学生根据任务要求自主探究表格的布局。

抢答解疑分解难点

根据学生完成任务的实际情况进行评价和激励。

通过“抢答竞赛”的形式,帮助学生掌握本课部分重点、难点:

①第1题:引导学生掌握设置表格边框粗细为“0”的作用,并引导学生体验表格的另一个作用。

②第2题:引导学生掌握“单元格衬距”的作用,引导学生重视在设置对象属性时属性对话框的选择,并引导学生通过改变参数体验学习对象属性的作用。

③第3题:引导学生掌握通过 “网页属性”设置页面元素与页面边缘间距的作用和方法。

④第4题:通过教师示范,引导学生掌握设置“百分比”或“像素”为单位的技巧。了解“表格宽度”一般设置为970像素左右。

⑤第5题:通过教师引导,了解“布局表格和单元格”和“绘制表格”的作用和方法。进一步掌握表格嵌套的作用和方法。

引导学生继续完成任务,上传竞赛得分。并引导已完成任务的同学帮助其他未完成的同学,或进一步修饰网页页面,或完成另一个任务。

相互观察,了解其他同学的学习成效,自我激励。

 

 

初步掌握设置表格边框粗细为“0”的作用,并体验表格的另一个作用:使网页有规律的布局和显示。

初步掌握“单元格衬距”的作用,了解选择属性对话框的方法,掌握通过改变参数体验并掌握对象属性参数的设置作用。

 

初步掌握通过 “网页属性”设置页面元素与页面边缘间距的作用和方法。

初步掌握设置“百分比”或“像素”为单位的技巧。了解“表格宽度”一般设置为970像素左右。

了解“布局表格和单元格”和“绘制表格”的作用和方法。进一步掌握表格嵌套的作用和方法。

继续完成任务并上传竞赛得分。帮助其他未完成的同学,或进一步修饰网页页面,或完成另一个任务。

学习小结灵活应用

播放幻灯片,通过提问和填空提示的形式,引导学生小结表格在网页中的作用,小结表格在网页制作中的应用技巧。

通过老师的提问和填空提示,进一步掌握本课学习重点、难点。

.
 
附件下载:

    主办单位:常州市教育学会   苏ICP备05086717号-1
    地址:江苏省常州市紫荆西路6号   电话:0519-86695189   邮编:213016
    技术支持:常州市教育科学研究院、常州万兆网络科技有限公司    访问统计    网站管理


    打开微信扫描二维码
    关注"常州市教育科学研究院"微信订阅号