教学设计 网页的基本操作

课题网页的基本制作授课沙晓云任教班级八年级239-244班课时1教学目标知识与技能1、了解表格在网页中的方便之处。2、能举出网页中应用表格的例子，体会它的方便之处，并会在自己的网站中合理的应用表格，使网页布局更加合理，页面更美观过程与方法教师采用“演示法”教学，之后请同学们欣赏已经编辑好的网站，调动学生们的学习兴趣，然后通过“任务驱动法”激励学生去熟练操作，主动设计网页。情感态度价值观激发学生的学习热情和创作热情，在亲历学习过程中，获取知识、体验成功，从而提高学习兴趣。教学重点表格的调整设置，表格的控制规划教学难点表格的调整设置，表格的控制规划教具学具准备教材，计算机教学方法演示法学法指点教学流程教学设计设计意图教学活动学生活动导入新课：提问：1、如何打开chweb网站？2、如果有一段文字，怎样插入到网页中（学生演示）怎样设置图片的格式？网页背景？（学生演示）学生积极回答

学生观察老师操作复习所学知识2011年11月28教学流程教学设计设计意图教学活动学生活动二、新授【站点的打开】分别找学生介绍自己的不同的打开方法……下面以制作“茶的分类”网页为例来学习网页中表格的使用。

网页中创建表格

创建表格的方法有：方法1、单击工具栏中的“插入表格”按钮，然后拖动出表格大小。方法2、选中“表格”菜单→“插入”选项→“表格”命令，在弹出的“插入表格”对话框中，指定表格的行数与列数，然后单击“确定”按钮即可。方法3、单击“表格”菜单中的“手绘表格”命令，在网页编辑区拖动鼠标画出表格。

二、调整表格行宽与列宽

建立表格后，可拖动表格线来改变表格的行宽和列宽。。三、单元格的合并与拆分1、合并单元格----将表格中连续的几个单元格合并成一个单元格。操作：以鼠标拖动选取要合并的几个单元格→选择“表格”菜单中“合并单元格”命令。2、拆分单元格----将选定的单元格拆分成几个单元格。操作：以鼠标选取要拆分的单元格→选择“表格”菜单中“拆分单元格”命令，弹出“拆分单元格”对话框，选择“拆分成列”或者是“拆分成行”，并选择拆分成相应的列数或行数值，然后单击“确定”按钮完成。

通过老师讲解和强调后，学生再次练习，改正自己操作时的错误，正确掌握本课所学内容。

培养学生动手操作能力教学流程教学设计设计意图教学活动学生活动四、设置单元格的属性设置表格中单元格的属性可以定制：1).单元格的布局（水平与垂直对齐方式、指定单元格宽度与高度、行跨距与列跨距、标题单元格、不换行）2).单元格的边框（边框颜色、亮边框、暗边框）3).单元格的背景（背景颜色、背景图片）操作：以鼠标在单元格中单击右键即弹出快捷菜单，选择“单元格属性”命令，弹出“单元格属性”对话框，在其中设置相应的选项即可。五、设置表格的属性设置表格的属性可以定制：1).表格的布局（水平与浮动对齐方式、指定表格宽度与高度、单元格边距与间距）2).表格的边框（边框粗细、边框颜色、亮边框、暗边框）3).表格的背景（背景颜色、背景图片）操作：以鼠标在表格中任意处单击右键即弹出快捷菜单，选择“表格属性”命令，弹出“表格属性”对话框，在其中设置相应的选项即可。

六、使用表格来规划网页的版面表格是常用的页面元素，做网页经常要借助表格来进行排版，用好表格是页面设计的关键。借助表格，可以实现所设想的任何排版效果。另外，灵活使用表格的背景、框线等可得到很美观的效果。要实现网页的排版布局，可首先向网页中插入一个或几个大表格，预先设计好行列的分布，然后把图像、文本、多媒体等页面元素分别插入到表格里合适的单元格中。用于进行网页排版的表格，其边框线的粗细值一般应设为0，这样浏览网页时就看不到表格线了，以免影响网面的美观。

学生进行实践活动

学生根据自己以前掌握的基本操作做出正确的设计

调动学生感观，培养学生观察认识事物，以及综合实践的能力。教学流程教学设计设计意图教学活动学生活动

小结：在网页中表格的应用。并延伸拓展知识，让学生们了解因为有了表格的充分运用才有了丰富的网页内容。培养学生综合能力，提高操作水平

通过复习加深记忆。板书设计表格的编辑

1、给chaweb站点添加一个新的网页，保存为茶的分类22、掌握插入表格操作，插入一个6行2列的表格3、设置表格的背景，在相应的单元格中插入文字，图片。编辑成图1-3-1样式。4、删除原来的网页，给