第三课 网页中的表格(教参)
- 格式:doc
- 大小:61.50 KB
- 文档页数:5
第3课网页中的表格教学内容分析网页中,常用表格来对网页中其它元素定位,将复杂的元素有条理的分布到网页各个位置──网页布局。
另外,当我们把表格的宽度定为固定像素值后,还能保证网页布局不会随浏览器窗口的大小变化而变化,当我们在网页中输入文字的时候,就可以让文字顶满格后自动换行,方便我们对文字的编辑。
由此可见,网页中只有利用表格进行布局,才能称得上真正意义上的网页设计。
利用表格布局网页,将上一节设计的网站首页中的各种素材进行合理的分布,是对学生进行网页设计技能上的提升;利用表格布局网页也是整个网站设计中一个非常重要技术手段,应用非常广泛。
教学目标知识目标:理解表格在网页设计中的重要作用。
技能目标情感态度与价值观目标本课的重难点重点和难点:掌握利用表格对网页进行布局的方法课时分配一课时教学策略设计教法建议:由于关于表格的基本操作(插入表格、调整表格:调整行高或列宽、合并或拆分单元格、插入或删除行或列、平均分布行或列)在Word中已经有较详细的操作方法。
在本课教学过程中,教师教学的重点应放在由学生探究以上基本操作的基础上的表格的使用──如何利用表格布局网页,让网页中的素材合理的在网页上分布。
另外,网页模板是提高建站效率的有效手段,教师要注意引导学生对网页模板的使用。
学法建议:注意观察和借鉴样板网站中表格的运用情况,刚开始使用表格设计网页时可将其边框粗细的值设为1,以观察调整表格的过程,从而掌握表格调整的技巧。
自评、互评、师评要注意的问题学生制作的网页是否通过表格的布局达到美化、整齐和排列有序的目的。
教学过程第一阶段:导入新课,明确学习目标本节课的主要内容与Word中的表格操作有很多相似之处,但又有很大的不同。
所以,教师应让学生通过实践理解表格在Word和网页设计中的不同作用。
网页模板是一个新知识点,只有通过实际操作才能体会它的作用,所以安排学生使用模板设计新网页的环节。
一、教 学 设 计 表 章节名称 学习内容分析 学习者分析 第 3 课 搜索网络信息 计划学时 1 课时本课是第一单元第三课搜索网络资源。
通过本课学习,使学生初步体会 Internet 世界 的精彩,增强学习兴趣,也要培养学生良好的上网习惯。
学习者是初一学生,通过前面几节课的学习过程已经基本熟悉了计算机机房的纪律,但是 对于此年龄段的学生来说比较好动,注意力容易分散。
对新奇的事物容易感兴趣。
1、了解关键字的概念 2、熟练掌握利用搜索引擎搜索图片并保存教学目标3、通过利用计算机和网络去搜索信息,培养他们获取信息的能力;通过对信息的筛选,培 养他们辨别因特网上有用信息、无用信息以及有害信息的能力,从而帮助学生树立良好的 信息道德意识教学重点及难点 教学方法与手段教学重点:围绕学习主题在网络中搜索相关的信息并收藏网址 教学难点:确定自己的学习主题 任务驱动法、自主探究法、图表教学法、讲练法二、教学过程 教学环节 教学内容一、导入 同学们,大家喜欢上网吗?你们平 学生谈上网: 上网可以聊天,听音乐、 看电影,可以查找资料,可以玩 氛,也为下面的内 今天,让我们一起来学习上网的知 游戏等。
识吧! (一)走进因特网 大家现在所处的电脑教室中的 计算机已经通过网络连接起来,学 学生预习, 和教师 校组成的计算机网络又与整个城 一起讨论计算机 网络的分类, 体会 局域网的构成 世界上最大的“因特网”。
我们一起来学习一下网络的划 分:局域网,广域网。
任务一、打开网上邻居,查看工 查看计算机教室的局域网。
家的网络连接在一起,最终组成了 关知识。
之间的网络连接在一起,国家与国 解计算机网络的相 市的网络连接,就这样城市与城市 域网、因特网等概念。
通过教师讲解,了 讨论网络的划分:局域网、广 容作准备。
可以活跃课堂气 天的上课内容 网的知识了解多少呢? 的话题,通过讨论 上网时学生感兴趣 通过问题引出今 时上网都做些什么呢?你们对上教师活动学生活动设计意图情景引入新知探究作组计算机,体会局域网的构成。
《信息技术》教案-网页表单一、教学目标1. 让学生了解网页表单的概念和作用。
2. 让学生掌握网页表单的基本组成和常用元素。
3. 让学生学会使用网页表单进行信息提交和数据交互。
4. 培养学生动手实践能力和团队协作精神。
二、教学内容1. 网页表单的概念和作用2. 网页表单的基本组成和常用元素3. 表单域类型及属性4. 表单控件类型及属性5. 表单提交和数据交互三、教学重点与难点1. 网页表单的基本组成和常用元素2. 表单域类型及属性的应用3. 表单控件类型及属性的应用4. 表单提交和数据交互的方法四、教学方法与手段1. 讲授法:讲解网页表单的概念、基本组成和常用元素。
2. 案例分析法:分析实际案例,展示网页表单的应用。
3. 动手实践法:学生动手编写代码,创建网页表单。
4. 问答法:解答学生提出的问题。
五、教学过程1. 引入新课:通过展示一个简单的网页表单,引发学生对网页表单的兴趣。
2. 讲解网页表单的概念和作用,介绍基本组成和常用元素。
3. 讲解表单域类型及属性,示例演示如何使用。
4. 讲解表单控件类型及属性,示例演示如何使用。
5. 讲解表单提交和数据交互的方法,示例演示如何实现。
6. 学生动手实践:分组编写代码,创建具有实际应用意义的网页表单。
7. 问答环节:解答学生在实践过程中遇到的问题。
9. 布置作业:让学生课后完善所创作的网页表单,提高实践能力。
10. 课后反思:教师对本节课的教学效果进行反思,为下一节课做好准备。
六、教学评价1. 评价学生对网页表单的概念和作用的理解程度。
2. 评价学生对网页表单的基本组成和常用元素的掌握情况。
3. 评价学生对表单域类型及属性的应用能力。
4. 评价学生对表单控件类型及属性的应用能力。
5. 评价学生对表单提交和数据交互的实现方法。
七、教学资源1. 网页表单相关教材或教学参考书。
2. 网络资源,如在线教程、案例分析等。
3. 编程环境,如文本编辑器、网页浏览器等。
第3课网页中的表格教学内容及设计理念分析:《网页中的表格》是青岛版《初中信息技术》八年级级上册的内容,本节课主要学习利用frontpage软件制作网站时用表格来规划设计一个网页,在设计本课时,着重体现以下思想:1、倡导自主探究,使学生主动、愉快地学习。
并将社会主义核心价值观,溶入到课堂教学中。
2、强化合作交流,使学生共同成长。
注重小组评价的利用。
3、注重展示评价,让学生体验学习的快乐。
教学目标:知识目标:理解表格在网页设计中的重要作用。
技能目标:学会使用表格布局网页;灵活掌握表格调整的方法。
情感目标:了解学校概貌,发现校园之美;养成良好的生活和学习惯。
教学重点:表格的调整教学难点:表格的调整教学资源:硬件资源:多媒体网络教室;软件资源:frontpage软件,教学广播系统。
板书设计:网页中的表格一、网页中表格的作用二、在网页中插入表格三、表格的调整(1)行高、列宽的调整、平均分布各行列(2)单元格的合并和拆分(3)插入或删除行或列四、布局表格和单元格的使用教学过程:一、创设情境,激发兴趣(5分钟)师:上课……师:首先老师来做个调查统计,同学们中今天早上骑电动车或自行车来上学的人数有多少呢?生:举手。
师:好,这么多的同学呢!相信在平时也有许多的同学是通过骑电动车或者自行车的方式来上学的,哪在你平时来上学的路上有没有发生什么特别的事情呢,让你难忘呢?好,很多同学都在回忆了,我相信每位同学都有自己的故事。
正好老师这里也有一位平时骑自行车上学的同学,咱们来看看在他在上学路上发生了一件什么样的事情发生呢。
*课件播放徐砺寒的事迹视频好,视频看完了,通过这段视频,我们可以看到这位徐励寒同学在哪个方面做的非常好啊?生:诚实,诚信师:对,诚信,用视频中的话说就是——实诚。
这也是我们社会主义核心价值观的一个重要要求。
那我们应不应该向他学习这一优良的品质呢?生:应该!师:好,是不是我们全体同学,全社会的人都应该向他学习呢?生:应该!师:但这件事咱们班的同学知道了,哪其它班、其它学校的同学可能还不知道这件事情,我们怎么让哪些同学来了解这件事情,或者说通过什么样的途径把这位同学的事迹宣传出去,让更多的同学向他学习呢?生:微信朋友圈等。
第三课浏览网页有标准教学目的与要求:1. 掌握用表格布局的方法;2. 掌握横幅广告的制作方法;3. 完成班级简介页面的制作。
教学重难点:1. 表格的布局与插入;2. 制作横幅广告。
教学过程:一.复习巩固二.引入新课制作了首页,我们就好象拥有可一扇大门,推开这扇门就应该看到里面丰富多彩的内容。
下面,我们用“班级简介”页面、“班级荣誉”页面、“活动剪影”页面……来丰富我们的家园。
本课,我们以“班级简介”页面为例学习网页的制作。
三.插入表格(制作网页前,我们要先设计网页内容的布局,根据设计,插入合适的表格。
当要制作一个内容较复杂的网页时,可以插入两个或多个规范的表格来定位,使每个表格不过于复杂,方便我们的编辑。
)1. 新建一个网页。
先插入一个2行2列的表格,再将第2列合并成一个单元格。
这一表格用来放置网站标志图片和校园风光图片。
2. 将光标放到第一个表格下方,再继续插入一个1行6列的表格,用于排放栏目。
3. 将光标放到第二个表格下方,再继续插入一个1行1列的表格。
在这个表格中制作“班级简介”的文字及图片内容。
布局做好后,网页基本完成了一半。
接下来,只要把相应的内容放到不同的单元格就可以了。
四.给网站名单元格添加背景将光标定位在单元格内,然后1. 单击“表格”→“属性”→“单元格”,弹出“单元格属性”对话框;2. 选中“使用背景图片”;3. 单击“浏览”,选择背景图片文件“背景图2.gif”;4. 单击“确定”按钮。
五.横幅广告的制作横幅广告并不是一种动画,而是通过横幅广告管理器制作的由多个大小相同的图片交替显示的一种动态效果。
将校园风光图片制作成横幅广告。
首先,将光标定位在插入校园风光图片的单元格内,然后1. 单击“插入”→“组件”→“横幅广告管理器”,弹出“横幅广告管理器属性”对话框;2. 单击“添加”按钮,依次添加要显示的图片;3. 单击“确定”按钮。
六.思考与练习。
2019-2020年六年级下册第3课制作表格主页教案设计教学目的:1、会在网页中添加图片2、懂得设置网页的背景教学重点:会在网页中添加图片教学难点:正确设置网页属性中的“背景”选项教学准备:1、安装FrontPage软件2、一张卡通熊图片、小花格图案图片一张教学过程:一、复习1、启动FrontPage软件有哪几种?2、FrontPage窗口的由哪几部分组成?二、新授活动一:在网页中添加图片插入图片前,一般要将图片文件夹保存在网页文件所在文件夹中的images 文件夹下,插入后,还要设置图片的大小、位置、效果等属性。
做一做:插入一张卡通熊图片到网页中教师演示操作,学生观察步骤。
学生上机操作,根据书上P13-14页中的步骤,插入一张卡通熊图片到网页中。
教师巡视指导活动二:设置网页的背景网页背景默认是白色,也可以是图片,可通过“网页属性”对话框,设置网页背景。
做一做:将“笨笨熊之家”网页的背景设置为小花格图案学生自学P15页中步骤,将网页的背景设置为小花格图案。
教教师巡视指导。
展示已完成学生的作品,并说出完成的步骤。
三、试一试:完成书上第P16页试一试中的题目。
教学反思:附送:2019-2020年六年级下册第4单元第1节《圆柱和圆锥》单元分析教材分析:本单元内容是在学生初步认识了圆柱,探索并掌握了长方体、正方体体积公式,圆面积公式等知识基础上学习的。
本单元内容包括四个知识模块:圆柱的表面积、圆柱的体积、圆锥和解决问题,结合本单元内容,还设计了两个综合应用内容:一是“木材问题”;二是“测量土豆的体积”。
本单元教材在内容安排和编写思路方面,主要有以下几个特点。
一、重视知识间的联系,在学生已有知识和活动经验背景下学习新知识。
圆柱形物体在生活中随处可见,学生在第一学段通过实物和模型已经能辨认圆柱的立体图形,具备了学习圆柱的直接经验,因此认识圆柱时,教材选择了生活中的一些典型物体。
其中,有的是圆柱体,有的不是圆柱体。
课题:“网页的制作”复习课一.教学目标:1.知识与技能(1)了解网页设计中表格的作用。
掌握网页中表格的制作方法、表格属性的设置方法以及单元格的修饰与编辑方法。
(2)能够在单元格中正确插入文字和图片,用Photoshop调整图片的大小和格式。
(3)能够在网页中插入swf动画,能够在HTML中对JAVA语言进行加入。
2.过程与方法(1)掌握软件学习中的对比学习法,培养学生迁移学习的能力。
(2)通过设计网页,使学生进一步理解表格的作用、功能及网页设计中多种元素的插入及JAVA语言的嵌入,培养学生的发散思维能力。
(3)通过自主探究,使学生掌握软件的使用规则,由摸索、探究性学习到形成性学习,培养学生学会学习,驾御学习的能力。
3.情感态度与价值观(1)通过对比学习使学生体验软件学习的一般方法及规律,提高学生自主学习信息技术的能力。
(2)通过运用表格布局网页对象活动,进一步掌握各种不同对象的嵌入网页的方法,体验创造的快乐。
(3)通过对“中国钓鱼岛”的设计与制作,激发学生爱国主义情怀和国家领土主权意识。
二.教学重点:1、了解表格在网页设计中的重要作用和功能,掌握插入、编辑表格的方法及表格的属性设置方法。
2、网页中图片格式和大小的处理方法。
3、网页中动画对象的插入。
4、HTML语言中嵌入JAVA语句。
三.教学难点:(1)网页中图片格式和大小的处理方法。
(2)HTML语言中嵌入JAVA语句。
教学方法:自主学习法、任务驱动法、模仿学习法。
教学准备:各自制作的站点文件夹,整理、归类相关素材并按要求摆放。
四.教学过程:1.情境引入(1)学生观看一个我国钓鱼岛的介绍视频介绍。
师:钓鱼岛是我国的固有领土,我们的同学作为一名高中生,应努力学习好知识,为了将来更好的捍卫国家的领土完整!(2)展示一个关于钓鱼岛的网页。
师:该网站中有哪些元素组成?如果制作这样一个网页如何分布完成?2.任务驱动复习(1)网页中的表格布局任务1 新建一个站点,新建网页“diaoyudao.htm”并保存。
第一单元第三课网页中的表格教学设计一、教学目标1.知识、技能目标:知识目标:理解表格在网页设计中的重要作用。
技能目标:⑴掌握使用表格布局网页。
⑵灵活掌握表格调整的方法。
2.过程与方法目标:能够合理利用表格对网页进行布局和规划。
3.情感态度与价值观目标:了解学校概貌,发现校园之美,理解规矩与方圆的关系,养成良好的生活和学习习惯。
本课的重难点:重点和难点:掌握利用表格对网页进行布局的方法课时安排:一课时教学过程:一、回顾知识通过打开程序、站点、打开网页、调整图片等操作,复习前两课的内容。
二、导入新课让同学们欣赏一些有特色的个人网站,引导学生注意网页的设置和布局,引导出本节课的学习内容──网页中的表格。
方法:观察,讨论、思考、回答。
三、自主学习让学生通过阅读和动手操作的方式,完成以下任务:任务一:插入表格:师:如果我们想要在网页中使用表格必须先插入表格,操作方法与Word差不多,自己尝试着在一个新网页中插入不同设置的表格,并填写表1-3-1。
学生参照图1-3-4在主页文件Index.htm中插入表格:教师随时观察指导。
任务二:表格的调整:师:此部分内容与Word中的操作也是非常相似,根据教材内容分组完成表格的调整。
调整结束后将第二课中已经输入的内容移动到表格中。
对于学生相对熟悉的知识点,完全放手给学生探究完成。
尝试通过不同途径解决同一问题,提高学习效率。
三、实践练习让学生参照课本习题要求,完成练一练部分,让学生练习刚学会的命令。
分组预览网页,看布局的效果。
四、合作探究分组讨论教材中布局表格命令的用法,使用布局表格命令重新布局网页。
让学生演示后,教师点拨需要注意的问题。
分组展示操作步骤及预览网页。
审视自己的网页与其他小组的区别,查找自己的不足。
五、大显身手仿照第一课中的三个页面,进行布局设计,插入相关素材,完成网页的设计。
每小组选择最优秀的作品,进行展示评比,选出最优秀的作品。
六、教学总结课堂小结本节课的学习内容。
初中信息技术《网页中的表格》教案(学习版)编制人:__________________审核人:__________________审批人:__________________编制学校:__________________编制时间:____年____月____日序言下载提示:该文档是本店铺精心编制而成的,希望大家下载后,能够帮助大家解决实际问题。
文档下载后可定制修改,请根据实际需要进行调整和使用,谢谢!并且,本店铺为大家提供各种类型的学习资料,如面试指导、笔试指导、题库大全、教案大全、教育知识、备考知识、素质知识、法律知识、心理知识、其他资料等等,想了解不同资料格式和写法,敬请关注!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.学生能够独立操作调整表格、布局表格和单元格的使用。
(一)教学设计部分
⇨教学内容分析
本课的主要内容与地位
网页中表格除了能作为像WORD中表格的作用外,最常使用表格用来对网页中其它元素精确的定位,可以将复杂的元素有条理的分布到网页各个位置——网页布局。
另外,当我们把表格的宽度定为固定像素值后,还能保证网页布局不会随浏览器窗口的大小变化而变化,当我们在网页中输入文字的时候,就可以让文字顶满格后自动换行,方便我们对文字的编辑。
由此可见,网页中只有利用表格进行布局,才能称的上真正意义上的网页设计。
本课与前后内容的关系
利用表格布局网页,将上一节设计的网站首页中的各种素材进行合理的分布,是对学生进行网页设计技能上的提升;利用表格布局网页也是整个网站设计中一个非常重要技术手段,应用非常广泛。
⇨教学目标分析
知识目标/技能目标
知识目标
理解表格在网页设计中的重要作用;
技能目标
⑴掌握使用表格布局网页。
⑵灵活掌握表格调整的方法。
过程与方法目标
能够合理利用表格对网页进行布局和规划。
情感态度与价值观目标
了解学校概貌,发现校园之美,理解规矩与方圆的关系,养成良好的生活和学习习惯。
本课的重难点
重点和难点:掌握利用表格对网页进行布局的方法
本课的课时分配建议
一课时
⇨教学策略设计建议
教法建议
由于关于表格的基本操作(插入表格、调整表格:调整行高或列宽、合并或拆分单元格、插入或删除行或列、平均分布行或列)在Word中已经有较详细的操作方法。
在本课教学过程中,教师教学的重点应放在由学生探究以上基本操作的基础上的表格的使用——即:如何利用表格布局网页,让网页中的素材合理的在网页上分布。
另外,网页模板是提高建站效率的有效手段,教师要注意引导学生对网页模板的使用。
学法建议
注意观察和借鉴样板网站中表格的运用情况,刚开始使用表格设计网页时可将其边框粗细的值设为1,以观察调整表格的过程,从而掌握表格调整的技巧。
⇨教学资源与环境建议
本课教学资源索引
1.第二课的半成品网页:Index.htm、Parents.htm
⇨教学评价建议
自评、互评、师评要注意的问题
学生制作的网页是否通过表格的布局达到美化、整齐和排列有序的目的。
⇨教学过程参考案例
第一阶段:导入新课,明确学习目标
第四阶段:综合实践,巩固与提高,自由创作,迁移运用
⇨教学反思(教学设计理念)
本节课的主要内容与Word中的表格操作有很多相似之处,但又有很大的不同。
所以,教师应让学生通过实践理解表格在Word和网页设计中的不同作用。
网页模板是一个新知识点,只有通过实际操作才能体会它的作用,所以安排学生使用模板设计新网页的环节。
(二)补充资料部分
⇨1.课件与学件
学生用学件
⇨3.资料库
网站版面的布局设计
版面设计也可以理解为布局设计,就是我们在浏览器上说看的一个完整的页面。
设计师们如何将所有要体现的内容有机的整合和分布,达到某种视觉效果,这就叫做版面布局。
我们将如何做好网站的版面设计呢?首先我认为是“过程注定了结果”,重视你所做的每一步并把它尽量的做到最好,相信结果也不会偏离轨道。
下面先让我们来了解一些版面设计的步骤:
一、构思(结构的搭建)
在构思之前我们总需要进行网站的需求分析、定位和受众群等很多方面的事情。
如果我们连这些问题都还不清楚的话,请先不要去想着设计,因为在不了解需求的情况下,盲目的去把页面设计达到某种视觉效果是很难的。
当我们真正确定需求后,便可以尽可能的发挥自己的想象力,将自己想到的“构思”画上去(用笔和纸或者软件都可以,根据自己的习惯而定)。
这是属于一个构思的过程,不讲究细腻工整,也不必考虑到一些细节的部分,只要用几条粗陋的线条勾画出创意的轮廓即可。
尽可能的多构思一些,以便选择一个最适合的进行搭建。
二、粗略布局
这个阶段是个试用期,我们只要把重要的元素和网页结构相结合,看看框架是否合理,如果不适合则进行相应的修改。
三、完善布局
当我们已经有一个很好的框架时,我们需要根据网站设计时的构思将其所需的内容有条理的融入于整个的框架中。
我们需要通过对图片的处理、空间的合理利用进行编排。
下面是广告大师樊志育在《广告制作》中所提到的,希望对大家在布局的理论上面有所帮助。
1、正常平衡---亦称“匀称”。
多指左右、上下对照形式,主要强调秩序,能达到安定诚实、信赖的效果。
2、异常平衡---即非对照形式,但也要平衡和韵律,当然都是不均整的,此种布局能达到强调性、不安性、高注目性的效果。
3、对比---所谓对比,不仅利用色彩、色调等技巧来做表现,在内容上也可涉及古与今、新与旧、贫与富等对比。
4、凝视---所谓凝视是利用页面中人物视线,使浏览者仿照跟随的心理,以达到注视页面的效果,一般多用明星凝视状。
5、空白---空白有两种作用,一方面对其他网站表示突出卓越,另一方面也表示网页品位的优越感,这种表现方法对体显网页的格调十分有效。
6、尽量用图片解说---此法对不能用语言说服、或用语言无法表达的情感,特别有效。
图片解说的内容,可以传达给浏览者的更多的心理因素。
四、深入优化
这个阶段主要是针对些细节的更改和优化了,比如说一些颜色饱和度、一些字体、间距的调整等。