教案(在网页中使用表格)

在网页中插入表格一、教学目标知识方面：1．使学生掌握在网页中生成表格的方法。

2．使学生掌握填写表格内容的方法。

3．使学生掌握调整表格的方法。

技能方面：培养学生处理表格的能力。

情感方面：培养学生自学意识。

二、教学重点在网页中插入表格的方法。

三、教学难点怎样在网页中插入表格。

四、教学方法1．演示法。

2．自学法。

3．实践法。

五、教学手段与教学媒体多媒体网络教室教学过程。

一、导入课题连接“搜狐”、“新浪”网，让学生欣赏一下这些漂亮的网页。

提问：这些漂亮的网页开始编辑的时候是怎样构图的了？是插入表格做成的。

使用frontpage打开“搜狐”，让学生看看其编辑的影子（表格）。

教师提问：插入表格后，起到哪些作用?学生讨论后，教师归纳：插入表格可以使网页中的内容条理清晰。

浏览者在访问你的网站时，可以更方便地找到感兴趣的材料。

二、新课1．建立班级档案教师演示操作步骤：（1）使用frontpage新建“我们班级大小人物介绍”网页，把光标调整到要插入表格的位置。

(2)单击菜单栏中的“表格”选项，打开它的下拉菜单；(3)单击下拉菜单中的“插入”选项，打开它的子菜单；(4)单击子菜单中的“表格”命令，打开“插入表格”对话框；(5)输入行数6和列数2；(6)在“对齐方式”文本框中选择“水平居中”；(7)单击“确定”按钮。

教师布置任务：在自己制作的网页中创建一个表格。

（注意查看和纠正学生完成任务情况）教师介绍：为了使表格更加美观、实用，对表格中的单元格还需要进行必要的调整，操作方法与Word 2000相同。

（教师演示，学生自己在下面操作）2．添砖加瓦（1）。

在表格中输入自己的“姓名”‘性别“、”电话“、”生日“、”学校“、”爱好“（教师演示，学生跟着操作）（2）在空白处复制一份空白表格，填上其他同学的个人资料（如何复制表格，清除表格内容先让学生回忆，不会做时，教师讲解并演示）。

三、课堂练习1．建立一个网页，用两种方法建立以下表格，存盘名为“我的简历“，并填充表格内容，根据实际情况设置字体。

第五课使用表格版面齐
教学目的与要求：
1．了解表格在网页中的作用；
2．掌握插入表格的方法；
3．掌握首页命名及设置网页标题的方法。

教学重难点：
1．利用表格制作网页。

教学过程：
一．复习巩固
二．引入新课
一个好的网页不仅内容要充实，而且版面要美观。

为了一个好的视觉效果，需要精心装点自己的家园。

打开我们的网页，怎样将网页中的文字、图片摆放得更美观一些呢？
三．利用表格制作网页
插入表格的方法非常简单，但在插入表格之前，我们需要知道自己要画一个几行几列的表格。

1．新建网页并设置网页背景。

单击“新建”按钮，新建一个网页。

将适合的图片设置成网页背景2．打开“插入表格”对话框。

单击“表格”→“插入”→“表格”，弹出“插入表格”对话框。

3．输入行、列数，设置布局参数，单击“确定”按钮。

4．通过鼠标调整表格的列宽。

5．在合适的位置放入欢迎文字、全家福、欢迎词等。

四．设置网页标题
在“保存网页”对话框中设置网页标题。

1．输入文件名：index
2．单击“更改”弹出“设置网页标题”对话框
3．输入网页标题“首页”，单击“确定按钮”
{index.htm是网站常用的首页名。

这是因为，我们在浏览器中输入一个网址时，浏览器会自动寻找该地址的index.htm文件，并将其打开。

} 五．思考与练习
建立一个介绍自己的网页。

并将内容通过表格定位。

《应用表格布局网页结构》教案
一、教学目标
1、知识与技能：
（1）了解表格网页的作用；
（2）掌握网页中表格的制作方法，表格属性的属性设置方法；
（3）能根据网页设计内容，正确布局表格的结构；
（4）尝试根据内容需要设计表格布局网页页面。

2、过程与方法：
（1）利用对比，加深学生对表格布局网页的认识；
（2）通过用表格结构设计网页，使学生进一步理解表格的作用、功能及网页设计方法；
（3）通过自主探究，使学生掌握软件的使用规则，培养学生自主学习的能力。

3、情感态度与价值观：
（1）通过实践创作的过程，形成主动学习和利用信息技术、参与信息作品创作的态度；
（2）培养学生注重吸取成功的经验，提高本身的信息素养。

二、教学重点
1、表格的制作及设置方法；
2、根据实际情况设计并应用表格布局网页。

三、教学难点
1、应用表格布局网页页面的意识；
2、合理制作表格，实现页面布局。

四、教学方法
教师讲解、演示、与学生任务驱动、合作学习相结合。

五、教学过程。

网页制作教学设计（经典版）编制人：__________________审核人：__________________审批人：__________________编制单位：__________________编制时间：____年____月____日序言下载提示：该文档是本店铺精心编制而成的，希望大家下载后，能够帮助大家解决实际问题。

文档下载后可定制修改，请根据实际需要进行调整和使用，谢谢!并且，本店铺为大家提供各种类型的经典范文，如工作总结、实习报告、职业规划、职场语录、规章制度、自我介绍、心得体会、教学资料、作文大全、其他范文等等，想了解不同范文格式和写法，敬请关注!Download tips: This document is carefully compiled by this editor. I hope that after you download it, it can help you solve practical problems. The document can be customized and modified after downloading, please adjust and use it according to actual needs, thank you!Moreover, our store provides various types of classic sample essays, such as work summaries, internship reports, career plans, workplace quotes, rules and regulations, self introductions, insights, teaching materials, complete essays, and other sample essays. If you want to learn about different sample formats and writing methods, please pay attention!网页制作教学设计网页制作教学设计（通用5篇）作为一名老师，时常要开展教学设计的准备工作，教学设计是实现教学目标的计划性和决策性活动。

用表格布局网页教学设计教学目标（一）知识与技能目标：1、理解用表格布局主页的作用。

2、掌握在网页中插入表格进行排版。

3、学生设置表格的属性。

（二）过程与方法目标：通过欣赏和借鉴别人布局的主页，取长补短，帮助学生进一步了解表格的作用、功能以及网页设计方法的多样性，培养学生的发散思维能力。

（三）情感、态度与价值观目标:用表格排版网页解决了网页版面杂乱的问题，培养学生在遇到困难时灵活运用各种方法解决，促进其建站信心。

五、重点与难点教学重点：插入表格和更改表格属性。

教学难点：让学生灵活掌握排列表格和设置表格属性的方法。

六、教学策略与手段游戏竞赛法，对比教学法，任务驱动法，讲解演示法，自主探究学习法，网站教学法，小组合作法。

七、课前准备1、学生的准备带课本进教室2、老师的教学准备（1）精心准备课堂，做好教学设计（2）预先做好问题的设计及突发事件的应对3、教学环境的设计与布置4、教学用具的设计与布置准备好一些具有代表性的版面设计优美合理的网站主页面作为参考八、教学过程（一）、课堂导入教师：第一次给大家上课，老师想了解一下情况，不知我们班是男生信息技术水平高还是女生信息技术水平高？学生：………教师：自己说了都不算，这节课我们就来较量一下。

怎么样？先从第一个环节拼图游戏开始。

邀请两位同学（男生和女生）上来，分别选择其中一个，帮我把网页上图片的位置调整好。

一位没调整好，另一位调整好了。

先采访一下失败的原因，你觉得问题出在哪里，是不是按照Word中的方法在操作，那你觉得在Word中图片、文字可以怎么样，而在FrontPage中呢？采访另一个，发表一下你的成功感言，你觉得你为什么会成功，是网页中的什么帮了你的忙？网页里面有表格。

也说是说在网页中要给图片定位，就必须要用到表格，表格在网页中起到了一个怎么样的作用——可以定位对象，即可以为网页布局，那怎样操作大家想不想学，今天这节课我们一起来学习第十五课《用表格为网页布局》。

《网页中的表格》教学设计一、教学设计部分本课的主要内容与地位网页中，常用表格来对网页中其它元素定位，将复杂的元素有条理的分布到网页各个位置──网页布局。

另外，当我们把表格的宽度定为固定像素值后，还能保证网页布局不会随浏览器窗口的大小变化而变化，当我们在网页中输入文字的时候，就可以让文字顶满格后自动换行，方便我们对文字的编辑。

由此可见，网页中只有利用表格进行布局，才能称得上真正意义上的网页设计。

本课与前后内容的关系利用表格布局网页，将上一节设计的网站首页中的各种素材进行合理的分布，是对学生进行网页设计技能上的提升；利用表格布局网页也是整个网站设计中一个非常重要技术手段，应用非常广泛。

知识目标/技能目标知识目标理解表格在网页设计中的重要作用。

技能目标⑴掌握使用表格布局网页。

⑵灵活掌握表格调整的方法。

过程与方法目标能够合理利用表格对网页进行布局和规划。

情感态度与价值观目标了解学校概貌，发现校园之美，理解规矩与方圆的关系，养成良好的生活和学习习惯。

本课的重难点重点和难点：掌握利用表格对网页进行布局的方法本课的课时分配建议一课时教法建议由于关于表格的基本操作（插入表格、调整表格：调整行高或列宽、合并或拆分单元格、插入或删除行或列、平均分布行或列）在Word中已经有较详细的操作方法。

在本课教学过程中，教师教学的重点应放在由学生探究以上基本操作的基础上的表格的使用──如何利用表格布局网页，让网页中的素材合理的在网页上分布。

另外，网页模板是提高建站效率的有效手段，教师要注意引导学生对网页模板的使用。

学法建议注意观察和借鉴样板网站中表格的运用情况，刚开始使用表格设计网页时可将其边框粗细的值设为1，以观察调整表格的过程，从而掌握表格调整的技巧。

本课教学资源索引1．第二课的半成品网页：Index．htm、Parents．htm自评、互评、师评要注意的问题学生制作的网页是否通过表格的布局达到美化、整齐和排列有序的目的。

第四课在网页中插入表格与图片一、教学目标分析课堂标准让学生掌握利用表格来布局网页信息的方法。

掌握在网页中插入图形图像。

知识与技能●学会插入表格●学会调整表格●学会插入图片●学会调整图片●学会插入水平线及使用列表。

过程与方法采用任务驱动的方法，自主学习，再通过分组探究，技能竞赛，协作学习，让学生在轻松的氛围下学习，具有使用搜索引擎技巧的能力。

情感态度与价值观1、培养学生协作学习、互相帮助的精神2、培养学生的探索精神和主动学习的习惯。

四、教学重点、难点与解决措施重点：插入与调整表格技巧，插入图片的技巧难点：插入与调整表格的技巧解决措施：让学生通过浏览网页，并下载网上利用表格定位的网页，通过网页制作工具，打开所下载的网页，并将其中的图片删除来达到认识表格的目的，然后利用竞赛的活动，让学生们参与其中，由此来引导学生对网页设计问题的思考，并逐步掌握网页表格布局设计的技巧，也就是掌握网页设计的技巧。

五、教学设计思路：本课以学生为主体，老师为主导的教学模式开展的，以学生的积极探索，小组协作学习、自主学习等学习模式通过反复练习总结，知识水平实现螺旋式上升，最终实现知识的意义建构，并考虑到学生的知识层次有所不同，在拓展学习方面特意设置不同程度的学习内容，满足各层次学生的需要。

六、依据的理论在做中学、引导发现式教学七、教学策略及选用媒体基于教学内容的要求以及学生的特征，本教学设计的教学以学生自主学习为主，老师在课堂中起到主导作用的教学模式开展，通过探究学习寻找解决问题的方法，并以竞赛的形式，让学生在反复的操作中得到搜索的经验，老师引导学生总结经验，把感性认识上升到理发认识。

在拓展知识部分，学生能根据自己的水平选择学习知识的分量，让不同层次的学生都可以在课堂中尽量掌握自己要学的知识，而且以小组的形式开展，有助于同学间互相协作，共同达到知识的意义建构。

使用网络教室平台进行屏幕控制及转播，学生机能接入互联网。

八、教学过程第1课时表格可以很好地起到定位作用，这节课里我们将学习在网页中插入表格与图片。

第7讲布局技术之一-表格一1.1教学目标：◆知识目标1.掌握表格的基本操作2.掌握表格各项属性设置的作用◆技能目标能合理运用表格进行页面布局，能合理设置表格属性◆品质目标培养学生认真细致、踏实进取的精神1.2教学重点：掌握表格的插入和表格属性的设置。

1.3 教学难点理解表格进行页面布局的好处和表格各属性的作用。

1.4教学方法：讲练结合，任务驱动、分子任务操练1.5课时安排：2课时1.6教学对象分析：这个班学生具有基本专业技能，不仅仅是要教会他们方法，最重要的是教会他们的规范的动手能力与各种事件多方法的灵活处理能力，在保证全班同学教学进度一致的情况上，培养学生较好的专业基础与创新创作意识。

1.7教学过程：一、激趣导入，揭示课题表格是网页设计制作时不可缺少的重要元素。

无论是用于对齐数据还是在页面上对文本进行排版，表格都体现出强大的功能。

它以简洁明了和高效快捷的方式将数据、文本、图像、表单等元素有序地显示在页面上，从而设计出版式漂亮的页面。

对于使用表格绘制页面布局，而非着重文字数据编排的设计来说，手动绘制表格布局是最佳方法，虽然这种方法极其容易建立表格，但不容易掌握尺度，因为其手动操作的特性，所以非常适合于制作网页版面，但对于内容的编排，就不如标准模式的标准那么方便。

标准表格是表格应用的另一种方法，它以几行几列的方式插入到页面，然后将图像、文字等内容插入表格，即可定位和编排这些内容。

二、使用表格在Dreamweaver MX 2004中，可以导入外部数据文件，还可以将网页中的数据表格导出为纯文本的数据文件。

表格的格式控制能力使设计者可以使用表格来构造网页的框架。

先用较大的表格对网页的版面进行大致的控制，再使用嵌套的表格对细节进行刻画。

使用表格排版的页面在不同的平台、不同的分辨率的浏览器里都能保持布局，所以表格是网页中常用的版面控制和制作模板的强有力的工具。

0.1插入表格Dreamweaver MX 2004提供了强大的工具进行表格编辑，使网页设计者可以对几乎所有的表格属性进行控制。

“Dreamweaver网页制作第五章第一节——表格处理”教案一、学情分析1、学生分析：本课程所面向的是我校高二计算机班广告与动漫专业的学生，有相关专业软件较为熟练的操作基础，有平面设计基础，能够较为熟练的根据任务进行设计操作。

但是对稍有难度的课程容易产生厌烦和抵触情绪。

2、“Dreamweaver网页制作”课程分析：该课程有一定的难度，不但要求学生能够熟练操作新软件，还要有一定的设计基础和专业审美态度。

二、教学目标：1．知识目标：1）、初步认识和了解Dreamweaver中表格的重要作用和基本设置。

2）、能够根据所学理论知识按要求进行表格较为复杂的设置。

3）、能够综合所学制作“课程表”及“下载页面”。

2．能力目标：培养学生能够灵活运用所学理论知识进行实际操作。

3．情感目标：1）、培养学生勤于思考、精益求精的工作态度。

2）、培养学生的独立创造能力。

三、教学重点及难点：1、重点：重点掌握表格属性的设置及复杂表格的合理分析、制作的方法。

2、难点：表格的设置在网页制作中的灵活运用。

四、教学方法介绍：开课前分析了学生的现状及课程的性质，通过搜集网络素材作为教学案例，采用项目教学，根据一个又一个的小案例的不断演示和讲解是学生在掌握制作案例的过程中不知不觉的记住较为枯燥的理论知识，并且根据学生的实际情况把较为复杂和不易掌握的知识点通过他们较为感兴趣的项目融合在一起（比如：足球明星网页的制作）等。

在此过程中学生不但掌握了本节理论知识还完成了操作任务。

五、项目内容1.“产品销售表”的制作2.“足球明星”网页的制作3.“课程表”的制作六、教学过程1.导入展示准备好的网页图片，请同学们根据前面所学一起思考一下，利用现有的知识能否实现当前网页的制作？（学生思考并讨论回答）根据学生提到的方法试试能否实现类似类型的网页制作并提出问题：如何在Dreamweaver中制作表格？2.新课（演示制作、讲解、提问、思考、操作练习）（1）提出任务（一）：“产品销售表”的制作2)创建导航位置的表格1行5列、表格宽度700像素、边框为0、填充3、间距0、背景颜色为：#FF99CC、每个单元格必须一样宽，且里面的文字居中对齐。

初中信息技术《网页中的表格》教案（学习版）编制人：__________________审核人：__________________审批人：__________________编制学校：__________________编制时间：____年____月____日序言下载提示：该文档是本店铺精心编制而成的，希望大家下载后，能够帮助大家解决实际问题。

文档下载后可定制修改，请根据实际需要进行调整和使用，谢谢!并且，本店铺为大家提供各种类型的学习资料，如面试指导、笔试指导、题库大全、教案大全、教育知识、备考知识、素质知识、法律知识、心理知识、其他资料等等，想了解不同资料格式和写法，敬请关注!Download tips: This document is carefully compiled by this editor.I hope that after you download it, it can help you solve practical problems. The document can be customized and modified after downloading, please adjust and use it according to actual needs, thank you!In addition, this store provides you with various types of learning materials, such as interview guidance, written test guidance, question bank encyclopedia, teaching plan encyclopedia, educational knowledge, test preparation knowledge, quality knowledge, legal knowledge, psychological knowledge, and other materials. If you want to know different data formats and writing methods, please pay attention!初中信息技术《网页中的表格》教案一、教学目标1.学生能够独立操作调整表格、布局表格和单元格的使用。