江苏省苏州张家港市一中七年级信息技术《第四章 最近网络世界 第四课时 表格的建立》教案.doc

第四章 最近网络世界 第四课时 表格的建立
教学重点:
       掌握利用表格来设计网页的方法
掌握利用表格属性的设置方法
教学方法：演示、练习
教材分析：
表格的作用:
       表格的作用就是让网页的文字和图片可以按要求排列.
表格的属性:
       表格的属性就是表格的边线的粗细、颜色,表格背景及单元格背景等.
教学过程：
一、 引入
上一节课我们刚刚学过利用图片与文本的对齐方式来设置我们的页面布局，我们发现做一个简单的网页，用以上的方法就能实现，但对于较复杂网页则很难实现，如何解决这样的问题，可以运用表格来编排版面，使图文整齐有序地放在想要的位置上。
二、 讲授新课
首先明确表格的作用，可在FrontPage中打开一个同学们比较熟悉的网页（下载），大家可以发现原来整齐有序的图文是通过表格实现的。
演示表格的建立方法:
    1、拖动制表：
       单击工具栏上"插入表格"按钮→拖动鼠标指针到要求的行列数释放→即完成表格的制作
    2、菜单制表：
       单击表格→插入→表格→输入行数与列数→确定
    3、手动制表：
       单击表格→手绘表格→在编辑区拖动鼠标绘制即可.
教师讲：我们建好了这样的表格后发现预览时看到的依然是一个表格，依然看到它的边框，如何能隐藏它的的边框呢？
教师演示表格属性的设置方法:
    1、边线粗细及颜色,背景：
           鼠标放在表格区域右击→表格属性→设置相关参数→即完成表格的制作
说明:
    表格的边框粗细设为"0"并不表示表格不存在,在浏览器里或预览时我们看不到表格的边框,但在普通视图中,在编辑状态下我们就能够看到表格边线,这样做的主要目的是使得我们在制作网页的时候能够很好的布局.

    2、单元格边线粗细及颜色,背景：
           鼠标放在单元格区域右击→单元格属性→设置相关参数→即完成表格的制作
说明:

    单元格的设置与表格的设置相似,只是内容稍有不同,不能再高边线的宽度.

目标练习: 
学生完成课堂任务：
在网站中添加一个网页，在新网页中插入一个如网页范例一中的表格，表格中包含图片、文字，设置表格的指定宽度为50%，单元格边距为6，单元格间距为4，边框粗细为2，亮边框为红色，暗边框为蓝色，部分单元格背景如网页范例。
范例一：

三、 展示部分学生作品
四、 小结本次课内容