浙教版八年级上册信息技术第12课用表格为网页布局 教学设计
初中八年级信息技术课件制作网页优秀公开课
布局控制
通过CSS的盒模型、浮动 、定位等技术，可以实现 对页面元素的精确布局控 制。
响应式设计
利用媒体查询等技术，可 以实现页面的响应式设计 ，使得页面在不同设备上 都能良好地显示和使用。
04
JavaScript编程入门
JavaScript基本语法和数据类型
变量和数据类型
控制结构
介绍JavaScript中的变量定义、命名 规则以及基本数据类型（如字符串、 数字、布尔值等）。
测试和发布网站：在完成网站制作后，学生将对 网站进行测试，确保其在不同设备和屏幕尺寸下 表现良好。然后，学生可以将网站发布到互联网 上，与其他人分享自己的作品。
THANKS
感谢观看
`margin`, `padding`等，用于设置元素的外观和布局。
03
样式应用
可以通过内联样式、内部样式表和外部样式表三种方式将CSS样式应用
到HTML文档中。
HTML与CSS结合实现页面效果
结构与样式分离
HTML负责页面结构，CSS 负责页面样式，实现结构 与样式的分离，使得页面 更加清晰和易于维护。
确定网站主题和目标受众：学生将选择一个主题 ，并确定网站的目标受众和功能需求，以此为基 础进行网站规划和设计。
添加内容和样式：学生将为网站添加文本、图片 和其他媒体内容，并使用CSS进行样式调整和优 化，使网站更加美观和易于使用。
使用Bootstrap搭建网站框架：学生将使用 Bootstrap框架搭建网站的基本结构，包括导航栏 、主体内容区域和页脚等部分。
图像格式选择
根据网页需求和图像特点选择合适的图像格式，如JPEG、 PNG、GIF等。
图像优化处理
通过压缩、裁剪、调整色彩和对比度等方式对图像进行优化 ，以减小文件大小和提高加载速度。
浙教版八年级上册信息技术总精品教案全册
浙教版八年级上册信息技术总精品教案全册一、教学内容1. 第1章走进计算机世界计算机的发展史计算机硬件与软件计算机网络的初步认识2. 第2章数据处理与分析数据处理的基本概念Excel的基本操作数据分析与图表制作3. 第3章程序设计基础程序设计的基本概念Python编程环境的搭建Python基本语法与简单程序二、教学目标1. 了解计算机的发展史，认识计算机硬件与软件，初步了解计算机网络。
2. 学会使用Excel进行数据处理与分析，掌握图表制作的技巧。
3. 掌握Python编程环境搭建，了解Python基本语法，编写简单的程序。
三、教学难点与重点1. 教学难点：数据处理与分析、Python编程基础。
2. 教学重点：计算机硬件与软件、计算机网络、Excel操作、Python语法。
四、教具与学具准备1. 计算机、投影仪、黑板。
2. 教学课件、教材、练习册。
五、教学过程1. 导入新课：通过展示计算机发展史的图片，引导学生了解计算机的演变过程。
2. 讲解新课：（1）介绍计算机硬件与软件，让学生了解计算机的基本组成。
（2）讲解计算机网络的基本概念，引导学生初步认识网络。
（3）以Excel为工具，讲解数据处理与分析的方法，让学生动手实践。
（4）介绍Python编程环境搭建，讲解Python基本语法，引导学生编写简单程序。
3. 随堂练习：针对每个知识点设计相应的练习题，让学生巩固所学内容。
六、板书设计1. 浙教版八年级上册信息技术2. 内容：第1章走进计算机世界第2章数据处理与分析第3章程序设计基础七、作业设计1. 作业题目：（1）简述计算机发展史。
（2）列举计算机硬件与软件的组成部分。
（3）利用Excel进行数据处理与分析，制作图表。
（4）编写一个简单的Python程序，输出“Hello, World!”。
2. 答案：（1）见教材第1章。
（2）见教材第1章。
（3）见教材第2章。
（4）见教材第3章。
八、课后反思及拓展延伸1. 课后反思：根据学生的课堂表现和作业完成情况，调整教学方法，以提高教学效果。
浙教版八年级上册信息技术总教案全册
浙教版八年级上册信息技术总教案全册一、教学内容1. 第1章走进Excel1.1 认识Excel1.2 Excel的基本操作1.3 工作表的编辑与格式化2. 第2章数据的分析与处理2.1 公式与函数2.2 图表的应用2.3 数据管理与分析二、教学目标1. 让学生掌握Excel的基本操作，如插入、删除单元格，调整行高和列宽等。
2. 培养学生运用公式、函数进行数据处理和分析的能力。
3. 提高学生利用图表展示数据、分析数据的能力。
三、教学难点与重点1. 教学难点：公式与函数的运用、图表的制作与编辑。
2. 教学重点：Excel的基本操作、数据管理与分析。
四、教具与学具准备1. 教具：计算机、投影仪、PPT课件。
2. 学具：教材、练习本、计算机。
五、教学过程1. 导入新课：通过展示一个实践情景，让学生了解Excel在实际生活中的应用，激发学习兴趣。
2. 知识讲解：（1）介绍Excel的基本概念、界面及功能。
（2）详细讲解Excel的基本操作，如插入、删除单元格等。
（3）讲解公式与函数的使用方法，结合实例进行演示。
（4）介绍图表的类型、制作与编辑方法。
3. 例题讲解：（1）利用Excel制作班级成绩统计表。
（2）运用公式、函数进行成绩计算。
（3）根据成绩数据制作柱状图、折线图等图表。
4. 随堂练习：（1）让学生自主完成一个班级成绩统计表的制作。
（2）指导学生运用公式、函数进行数据处理和分析。
（3）让学生尝试制作图表，展示数据。
（1）对学生的学习情况进行点评，指出优点与不足。
（2）解答学生在练习过程中遇到的问题。
六、板书设计1. 板书八年级上册信息技术教学2. 板书内容：1.1 认识Excel1.2 Excel的基本操作1.3 工作表的编辑与格式化2.1 公式与函数2.2 图表的应用2.3 数据管理与分析七、作业设计1. 作业题目：（1）制作一份班级成绩统计表，包括学生姓名、各科成绩、总成绩等。
（2）运用公式、函数计算每位学生的总分、平均分。
《用表格为网页布局》教学设计说课稿
《用表格为网页布局》教学设计《用表格为网页布局》是浙江教育出版社信息技术教材八年级上册第三单元第十五课的内容。
本课是在学生学习建立网站站点后，开始尝试做第一张网页。
通过本课的学习，是对表格知识的巩固和深入，更重要的是为后面的网页制作打下基础，所以本课是本单元的重点，起到承上启下的作用。
前阶段学生已经学习了文本编辑、图片插入、网络基本知识、文件操作等内容，很多知识都可以迁移到本课来。
八年级学生对电脑基本操作已经不再陌生，已经能够独立完成一定要求的学习任务，但是学生对于特定任务进行分析，整体规划能力相对还是比较欠缺的。
本节课教学的作业设计中，我将注重培养学生这个方面的能力。
根据课程标准和教材内容，我将本课的教学目标设计成三个方面：知识与技能目标：1、了解主页布局的常见布局图，并明确主页设计的基本要素；2、理解用表格排版主页的作用；3、掌握在网页中插入表格进行排版的技能；4、学会设置表格属性，对表格进行编辑修改。
过程与方法目标：通过欣赏、借鉴他人的主页布局，取长补短，为自己的主页布局做铺垫。
情感、态度与价值观目标：1、通过作品欣赏，让学生意识到取长补短的可贵性，及在借鉴基础上的创新的重要性；2、用表格排版网页解决网页版面杂乱问题，培养在遇到困难时灵活运用各种方法解决，强化建站信心。
为了实现这个教学目标，我将教学重点确定尾插入表格进行排版和更改表格属性。
根据学生的思维障碍和学习情况的分析，我将难点定位于灵活掌握排列表格和设置表格属性。
只有正确设置了表格的属性，才能美化和完善网页的布局。
为了更好的突出教学重点，突破教学难点，圆满的完成教学任务，我在课前截取了典型的旅游网页图片素材并设置成框架形式让学生一目了然地看到表格所起的作用，并设置了几个学生需要突破的任务。
信息技术课是培养学生对信息技术的兴趣和意识，使学生养成良好的信息素养为宗旨，强调学生的自主学习和研究学习。
上新课前，我要求学生两两合作，通过传统手工绘制草图的学习方式，设计你需要建立网页的框架布局，同时学会和与他人合作。
浙教版初中信息技术 第十二课 用表格为网页布局 教学设计 (1)
第十二课用表格为网页布局教学设计1教学目标(一)知识与技能目标1.知道网页构图布局的意义、理解用表格排版网页的作用;2.学会在网页中插入表格进行排版;3.学会设置表格的属性。
(二)过程与方法目标1.通过实例引导,分析不同的页面布局,理解网页构图布局的意义;2.通过对比试验,了解表格在网页制作中的作用;3.通过任务驱动,掌握表格的插入、设置等操作方法。
(三)情感态度与价值观1.对网页进行合理布局,可以提高学生的艺术修养和审美情趣;2.学生通过对自己的网站首页进行布局设计,更是对学生提供了展示个性和创意的机会,让学生感受成功的乐趣。
2重点难点1.教学重点:理解网页构图布局的意义,掌握插入表格和更改表格属性;2.教学难点:灵活掌握排列表格和设置表格属性。
3教学准备1.空白纸、笔2.PPT课件3.帮助视频4教学过程活动1【导入】比一比，导入新课师:上节课,我们已经将自己的小窝搭建好了,今天我们就要开始装修我们的门面了。
在这之前,我们先来看一下以下两个网页。
(展示两个不同的网页)请问同学们,你们会更喜欢哪一个? 生:仔细观看网页,并回答。
师:请个别学生回答,并问为什么?【设计意图】通过两个网页(布局杂乱、布局合理清晰)的对比,引出页面合理布局的重要性。
活动2【讲授】新课学习——规划主页页面布局1、看一看,认识布局类型师:下面请同学们仔细看一看这张网页,观察一下,这张网页是如何布局的?生:观察并回答(上面是标题栏,接着是导航栏,中间是网页内容,最下面是网站版权说明)师:总结(像这种类型的布局结构,我们称之为“导航栏型”)师:我们再来看看下面的几个网页,分析一下它们各是属于哪种类型的?(居中型、半包围型和主题突出型)2、画一画,绘制页面布局局中型、半包围型、主题突出型和导航栏型是平时常见的四种网页布局类型,那我们在设计网页时,是不是一定要按照这四种布局呢?当然不是,网页的布局设计是没有限定规则的,只要配合网站内容,让浏览者感觉简洁、有序和方便就可以了。
《用表格布局网页》教学设计及反思
应用表格布局网页
■教材分析
本课是苏科版《初中信息技术》教材上册第十章第二节的内容，对应《江苏省义务教育信息技术课程指导纲要》中必修基础“信息的发布与交流”模块。
■教学目标
1．知识与技能:
（1）学会利用表格的相关操作布局网页。
（2）掌握插入文本、图片等对象的方法，并能根据需要设置属性。
2．过程与方法:
通过亲历建立网站、布局网页和插入对象的操作过程，在不断尝试中理解和学习基本知识。
3．情感态度与价值观:
通过制作主题网站，在创建站点和制作首页的过程中，树立人与动物和谐相处，珍爱、善待和保护动物的观念，同时在不断完成任务的过程中体验成功的喜悦。
4．行为与创新:
在制作首页的过程中，学会科学运用各种元素并进行合理布局，个性化地表达思想和情感。
■课时安排
安排1课时
■教学重点与难点
1．教学重点
（1）利用表格的相关操作布局网页。
（2）插入文本图片等对象以及属性的设置。
2．教学难点
灵活运用表格的相关操作合理布局网页。
教学方法与手段
知识迁移、类比教学、自主学习、小组合作、讲授法
■课前准备
极域多媒体广播软件、教学课件、学件、素材资源
教学过程：
■教学反思。
第十二课 用表格为网页布局 教案
日积月累
网页大小可根据屏幕分辨率进行设置。
不同浏览者的屏幕分辨率会有所不同
为了达到最佳的网页浏览效果，网页大小一般设置为略小于屏幕分辯率的大小
如800×600或者960×800等
3.插入表格
单击菜单栏中的“表格”→“插入表格”，在弹出的“插入表格”对话框中设置表格的行列数，如5x1(如图)
培养学生组间合作能力，并且炼动手能力
培养学生动手操作能力，并且锻炼学生的语言组织能力和表达的能力。
培养学生独立完成练习的能力。
课堂小结
分小组总结归纳，教师补充。
各组汇报总结，其他小组成员做补充。
锻炼学生的总结能力，逻辑思维、语言表达能力。
布置作业
新建个人网站的主页
板书
一、规划主页页面布局
二、制作主页
浙教版信息技术八年级上第十二课用表格为网页布局教学设计
课题
用表格为网页布局
单元
第三单元
学科
信息技术
年级
八年级
学习
目标
知识目标：了解常见的网页版式
技能目标：会用表格进行网页的规划和布局
情感目标：学会欣赏网页，体验创作的乐趣。
重点
网页版式的设计和表格的建立。
难点
设计出好的网页布局。
教学过程
教学环节
教师活动
单击“确定”，得到如图所示的效果图。
4.根据布局要求，对规划表格进行拆分
设置相பைடு நூலகம்的行数或列数，效果如图所示。
5.适当改变表格宽度和高度，让它布满页面，主页布局设置基本完成。
亲身体验
设计网站主页草图，注明标题栏目、分栏目的位置，然后利用表格进行布局。
浙教版初中信息技术 第十二课 用表格为网页布局 教学设计 (3)
第十二课用表格为网页布局教学设计1教学目标1. 通过比较分析,理解在网页中用表格排版的重要作用。
2. 掌握在网页中插入表格进行排版,学会设置表格的属性。
3. 用表格排版网页解决网页布局杂乱的问题,感悟在遇到困难时可以灵活运用各种方法解决,强化建站信心。
2学情分析学生对于网站的布局、及利用SharePoint软件实现网页的具体布局,感到不知所措,但是提到表格,大家都感到非常熟悉。
本节将引导学生如何利用表格进行网页的布局,满足学生的学习需求。
3重点难点学时重点：学会插入表格和更改表格属性。
学时难点：根据网页的需要,灵活插入表格和设置表格属性。
4教学过程一、导入新课(1)呈现两个页面:一个使用表格布局,但表格边框隐藏(看不出表格痕迹),其页面工整,文本、图片摆放对称,具有一定规律;另一个页面凌乱,图文混杂,摆放杂乱。
你更喜欢怎样的页面布局? 提出问题:有什么办法可以达到第一个页面的效果?(2)观察第三个页面,内容与第一个页面相同,显现页面的表格边框。
活动2【活动】用表格为网页布局二、新课教学(1)分析表格结构展示一些由表格布局的网页,引导学生分析其表格结构,得出表格的布局(如表格有几行几列,哪些行做了哪些处理)。
任务1:规划网页表格布局分层完成该任务,基础相对薄弱一些的同学仅要求读懂教材中的网页表格布局,知道规则,根据表格的行数与列数,调整至最终样式;基础扎实、操作能力较强的同学可以跳出课本,自行设计表格网页布局,并将自己的表格设计绘制在笔记本上。
(2)完成表格布局SharePoint中表格的插入和编辑与Word中的表格操作类似,教师无需讲解,引导学生进行知识迁移。
任务2:新建一个页面,用表格布局该网页,并在该网页中放入相应内容。
1、打开站点,新建网页,以“biaoge.htm”为文件名保存。
2、按前面分析的要求插入一个表格。
3、调整表格结构(主要是行列的插入、删除,单元格的合并、拆分、调整大小等)。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
教师分析网页中所隐含的表格结构||，总结用表格为网页布局的重要性。
二、新授
（一）分析表格布局
提问：这张网页是用几行几列的表格布局的？
教师展示表格结构。
展示“网络世界”网站主页||，让学生分析表格结构。
（二）设置网页大小
布置任务一：打开自己的网站主页||，设置网页大小。
一起学习“日积月累”。
学生观察和比较两张网页||，个别回答问题。通过提问、引导、比较等方法||，培养学生辨别表格布局网页页面的好处。
分析网页中所隐含的表格结构||，并回答。
通过提问、比较、学生回答||，教师示范演示等方法||，提高学生如何利用表格布局网页页面的能力。
学生读读“日积月累”||，查找一下自己屏幕的分辨率。
学生在制作过程中的合作、讨论、展示、交流、评价及归纳等方法||，培养学生的思考能力、语言组织能力、语言表达能力、归纳能力和审美能力。
部分学生完成||，提高任务让一部分学生体会整体网页制作的过程。
学生分析||，教师总结。培养学生重视学习结果质量||，并从中获得成功的体验。
课后活动与作业
随堂练习：在网站主页中插入图片、输入文字。
教后反思
如何将文字、图像和网页各元素合理、恰当的排放在网页中||，使页面易读和美观||，是初学者建设网站要考虑的问题。观察一些站点||，不难发现||，很多网页都是使用表格来组织的。利用表格来布局页面||，对于初学者来说易上手||，因为它以可视化的形式呈现信息||，比较直观||，对页面元素定位也比较方便。学生制作的网站最终效果如何||，取决于页面布局的合理性||，因此||，本课对于网页制作有着十分重要的作用。
（三）插入及编辑表格并完成页面布局
布置任务二：根据自己的网站主页设计||，插入表格。
个别学生演示插入表格。
布置任务三：对表格进行拆分||，调整单元格。
教师演示||，并作页面布局。
完成之前操作的学生确定标题栏目和分栏目||，并在主页中插入图片和文字。
三、课堂总结
展示个别学生的成果||，并分析成功和欠缺的地方。
情感态度价值观
通过这节课||，让学生感受到自己动手的乐趣||，让学生明白||，有很多事情是可以用自己的知识去实现的。
重点难点分析
用表格布局网页||；灵掌握排列表格和设置表格属性的方法。
教学准备
网络教室||，示例网站及相应的素材。
教学过程设计
课堂随记
一、导入
展示2张素材相同布局不同的网页。
提问①：哪一张比较美观？对照课本图12-1至12-4常见网站主页构成图||，它属于哪种类型？
高桥新区中心学校课堂教学设计
教学时间：11月21日星期二
课题
用表格为网页布局
课型
新授
教学目标
知识与技能
通过分析不同的页面布局||，理解布局在版面设计中的重要性。利用表格规划网页布局||，掌握表格的插入、设置等操作方法。
过程与方法
通过规划页面布局||，初步掌握运用表格对网页上的对象进行合理排版||，完成网站标题和栏目的布局||，逐步提高网页设计能力。