第三课 网页中的表格(教参)
(一)教学设计部分
⇨教学内容分析
本课的主要内容与地位
网页中表格除了能作为像WORD中表格的作用外,最常使用表格用来对网页中其它元素精确的定位,可以将复杂的元素有条理的分布到网页各个位置——网页布局。
另外,当我们把表格的宽度定为固定像素值后,还能保证网页布局不会随浏览器窗口的大小变化而变化,当我们在网页中输入文字的时候,就可以让文字顶满格后自动换行,方便我们对文字的编辑。
由此可见,网页中只有利用表格进行布局,才能称的上真正意义上的网页设计。
本课与前后内容的关系
利用表格布局网页,将上一节设计的网站首页中的各种素材进行合理的分布,是对学生进行网页设计技能上的提升;利用表格布局网页也是整个网站设计中一个非常重要技术手段,应用非常广泛。
⇨教学目标分析
知识目标/技能目标
知识目标
理解表格在网页设计中的重要作用;
技能目标
⑴掌握使用表格布局网页。
⑵灵活掌握表格调整的方法。
过程与方法目标
能够合理利用表格对网页进行布局和规划。
情感态度与价值观目标
了解学校概貌,发现校园之美,理解规矩与方圆的关系,养成良好的生活和学习习惯。
本课的重难点
重点和难点:掌握利用表格对网页进行布局的方法
本课的课时分配建议
一课时
⇨教学策略设计建议
教法建议
由于关于表格的基本操作(插入表格、调整表格:调整行高或列宽、合并或拆分单元格、插入或删除行或列、平均分布行或列)在Word中已经有较详细的操作方法。
在本课教学过程中,教师教学的重点应放在由学生探究以上基本操作的基础上的表格的使用——即:如何利用表格布局网页,让网页中的素材合理的在网页上分布。
另外,网页模板是提高建站效率的有效手段,教师要注意引导学生对网页模板的使用。
学法建议
注意观察和借鉴样板网站中表格的运用情况,刚开始使用表格设计网页时可将其边框粗细的值设为1,以观察调整表格的过程,从而掌握表格调整的技巧。
⇨教学资源与环境建议
本课教学资源索引
1.第二课的半成品网页:Index.htm、Parents.htm
⇨教学评价建议
自评、互评、师评要注意的问题
学生制作的网页是否通过表格的布局达到美化、整齐和排列有序的目的。
⇨教学过程参考案例
第一阶段:导入新课,明确学习目标
第四阶段:综合实践,巩固与提高,自由创作,迁移运用
⇨教学反思(教学设计理念)
本节课的主要内容与Word中的表格操作有很多相似之处,但又有很大的不同。
所以,教师应让学生通过实践理解表格在Word和网页设计中的不同作用。
网页模板是一个新知识点,只有通过实际操作才能体会它的作用,所以安排学生使用模板设计新网页的环节。
(二)补充资料部分
⇨1.课件与学件
学生用学件
⇨3.资料库
网站版面的布局设计
版面设计也可以理解为布局设计,就是我们在浏览器上说看的一个完整的页面。
设计师们如何将所有要体现的内容有机的整合和分布,达到某种视觉效果,这就叫做版面布局。
我们将如何做好网站的版面设计呢?首先我认为是“过程注定了结果”,重视你所做的每一步并把它尽量的做到最好,相信结果也不会偏离轨道。
下面先让我们来了解一些版面设计的步骤:
一、构思(结构的搭建)
在构思之前我们总需要进行网站的需求分析、定位和受众群等很多方面的事情。
如果我们连这些问题都还不清楚的话,请先不要去想着设计,因为在不了解需求的情况下,盲目的去把页面设计达到某种视觉效果是很难的。
当我们真正确定需求后,便可以尽可能的发挥自己的想象力,将自己想到的“构思”画上去(用笔和纸或者软件都可以,根据自己的习惯而定)。
这是属于一个构思的过程,不讲究细腻工整,也不必考虑到一些细节的部分,只要用几条粗陋的线条勾画出创意的轮廓即可。
尽可能的多构思一些,以便选择一个最适合的进行搭建。
二、粗略布局
这个阶段是个试用期,我们只要把重要的元素和网页结构相结合,看看框架是否合理,如果不适合则进行相应的修改。
三、完善布局
当我们已经有一个很好的框架时,我们需要根据网站设计时的构思将其所需的内容有条理的融入于整个的框架中。
我们需要通过对图片的处理、空间的合理利用进行编排。
下面是广告大师樊志育在《广告制作》中所提到的,希望对大家在布局的理论上面有所帮助。
1、正常平衡---亦称“匀称”。
多指左右、上下对照形式,主要强调秩序,能达到安定诚实、信赖的效果。
2、异常平衡---即非对照形式,但也要平衡和韵律,当然都是不均整的,此种布局能达到强调性、不安性、高注目性的效果。
3、对比---所谓对比,不仅利用色彩、色调等技巧来做表现,在内容上也可涉及古与今、新与旧、贫与富等对比。
4、凝视---所谓凝视是利用页面中人物视线,使浏览者仿照跟随的心理,以达到注视页面的效果,一般多用明星凝视状。
5、空白---空白有两种作用,一方面对其他网站表示突出卓越,另一方面也表示网页品位的优越感,这种表现方法对体显网页的格调十分有效。
6、尽量用图片解说---此法对不能用语言说服、或用语言无法表达的情感,特别有效。
图片解说的内容,可以传达给浏览者的更多的心理因素。
四、深入优化
这个阶段主要是针对些细节的更改和优化了,比如说一些颜色饱和度、一些字体、间距的调整等。
初中信息技术 第3课 网页中的表格教案
第3课网页中的表格教学内容分析网页中,常用表格来对网页中其它元素定位,将复杂的元素有条理的分布到网页各个位置──网页布局。
另外,当我们把表格的宽度定为固定像素值后,还能保证网页布局不会随浏览器窗口的大小变化而变化,当我们在网页中输入文字的时候,就可以让文字顶满格后自动换行,方便我们对文字的编辑。
由此可见,网页中只有利用表格进行布局,才能称得上真正意义上的网页设计。
利用表格布局网页,将上一节设计的网站首页中的各种素材进行合理的分布,是对学生进行网页设计技能上的提升;利用表格布局网页也是整个网站设计中一个非常重要技术手段,应用非常广泛。
教学目标知识目标:理解表格在网页设计中的重要作用。
技能目标情感态度与价值观目标本课的重难点重点和难点:掌握利用表格对网页进行布局的方法课时分配一课时教学策略设计教法建议:由于关于表格的基本操作(插入表格、调整表格:调整行高或列宽、合并或拆分单元格、插入或删除行或列、平均分布行或列)在Word中已经有较详细的操作方法。
在本课教学过程中,教师教学的重点应放在由学生探究以上基本操作的基础上的表格的使用──如何利用表格布局网页,让网页中的素材合理的在网页上分布。
另外,网页模板是提高建站效率的有效手段,教师要注意引导学生对网页模板的使用。
学法建议:注意观察和借鉴样板网站中表格的运用情况,刚开始使用表格设计网页时可将其边框粗细的值设为1,以观察调整表格的过程,从而掌握表格调整的技巧。
自评、互评、师评要注意的问题学生制作的网页是否通过表格的布局达到美化、整齐和排列有序的目的。
教学过程第一阶段:导入新课,明确学习目标本节课的主要内容与Word中的表格操作有很多相似之处,但又有很大的不同。
所以,教师应让学生通过实践理解表格在Word和网页设计中的不同作用。
网页模板是一个新知识点,只有通过实际操作才能体会它的作用,所以安排学生使用模板设计新网页的环节。
第三课网页中的表格
5、在第五行单元格内输入对网站介绍的文字。
6、在第六行单元格内插入一条“水平线”并设置其属性。
7、删除第七行。
布局表格和单元格的使用
请全体同学做“一日护蛋”的实践活动,体 会妈妈十月怀胎的辛苦:在上学时带一个生鸡蛋, 除上体育课、文体活动课以外,必须全天随身携 带,不准打破。放学前交流“护蛋”体验,设计 新网页“Feeling.htm”, 发表你的感想。
插入表格的步骤是 表格→插入→表格 在弹出的“插入表格”对话框中进行设 置
以像素为单位或按占浏览 器窗口宽度的百分比来定 义表格的宽度。
单元格与单元格之间的 距离,默认为“2” 表格边框的大小,默认是 “1”。但为页面设计需要 ,我们需要关闭表格边框 ,即设置为“0”
设置表格外边框的颜色,它 能配合暗边框作出阴影的效 果来
设置表格内边框的颜色,它 能配合亮边框作出阴影的效 果来
任务二:启动frontpage,在窗口中分别插入4 个表格,依次为:2×3、2×2、1×4、2×1, 单元格衬距=3,单元格间距=3,指定宽度 =780像素,边框粗细=0 。
由于网页中表格内容在完全下 载后才能正常显示,所以在用表格 规划页面时,应使用多个表格的组 合。这样浏览者就会看到陆续打开 的页面,不至于因长时间看不到内 容而终止对你的网站的访问。
表格的调整
1、行高和列宽的调整
2、单元格的合并和拆分
3、插入或删除表格中的行或列
4、平均分布行和列
任务三:
1、将表格第一行的三个单元格合并为一个单元格,并插入一个 banner图片。 2、将表格第二行的第一个单元格拆分为四个单元格。分别输入 “首页”“我的父母”“我的学校”“我就是我”“左邻右舍”” 雁过留声”。 3、在第三行第二个单元格中输入“欢迎光临”,第四行第二个单 元格中输入“我的情感小屋”。
网页中的表格概论
探 究 任 务
任务二:
请同学们回忆在WORD中修改表格的操作, 尝试着在FrontPage中制作如下表格: 分别插入2×3、2×2、1×4、2×1表格
要求:宽度780像素,水平居中,预览效果。
2020年11月18日1时47 分
探 究 任 务
任务三:
试着把上一页的表格调整为下面的表格
放置banner图片
青岛出版社八年级上册第一单元第3课网页中的表格
泰安第十六中学 2020年11月18日1时47 分
2020年11月18日1时47 分
2020年11月18日1时47 分
2020年11月18日1时47 分
学 习目 标
• 知识目标 • 理解表格在网页设计中的重要作用; • 技能目标 • ⑴掌握使用表格布局网页。 • ⑵灵活掌握表格调整的方法。 • 情感态度与价值观目标 • 了解学校概貌,发现校园之美,养成良好
2020年11月18日1时47 分
任务一: 在FrontPage中有几种创建 表格的方法?它们各有什么优点?
方法一:“常用”工具栏“插入表格”命
令。
优点:操作速度快
方法二:“表格”菜单“插入”→“表 格”命令。优点:能对表格预先进行设置。
方法三:“表格”菜单的“绘制表格” 命令,手工绘制表格。优点:能做出特殊 的表202格0年1,1月1可8日1以时4对7 表格进行修改。
2020年11月18日1时47 分
手
布局表格和单元格的使用
• 1、如何打开“布局表格和单元格命令”? • 2、里面提供了几种默认的表格布局模板?
2020年11月18日1时47 分
1、表格的作用 2、在网页中插入表格 3、表格的调整 4、布局表格和单元格的使用
初中信息技术七年级上册第3课搜索网络信息表格式教案
一、教 学 设 计 表 章节名称 学习内容分析 学习者分析 第 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分钟)师:上课……师:首先老师来做个调查统计,同学们中今天早上骑电动车或自行车来上学的人数有多少呢?生:举手。
师:好,这么多的同学呢!相信在平时也有许多的同学是通过骑电动车或者自行车的方式来上学的,哪在你平时来上学的路上有没有发生什么特别的事情呢,让你难忘呢?好,很多同学都在回忆了,我相信每位同学都有自己的故事。
正好老师这里也有一位平时骑自行车上学的同学,咱们来看看在他在上学路上发生了一件什么样的事情发生呢。
*课件播放徐砺寒的事迹视频好,视频看完了,通过这段视频,我们可以看到这位徐励寒同学在哪个方面做的非常好啊?生:诚实,诚信师:对,诚信,用视频中的话说就是——实诚。
这也是我们社会主义核心价值观的一个重要要求。
那我们应不应该向他学习这一优良的品质呢?生:应该!师:好,是不是我们全体同学,全社会的人都应该向他学习呢?生:应该!师:但这件事咱们班的同学知道了,哪其它班、其它学校的同学可能还不知道这件事情,我们怎么让哪些同学来了解这件事情,或者说通过什么样的途径把这位同学的事迹宣传出去,让更多的同学向他学习呢?生:微信朋友圈等。
人教版信息技术六上第3课 浏览网页有标准 教案
第三课浏览网页有标准教学目的与要求: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课制作表格主页教案设计
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”并保存。
初中信息技术教案 第三课_网页中的表格教案
通过对二者的比 较理解新知识。
表格。
课
第二阶段:范例精讲,学生自主探究,完成范例。源自教学 环节教师活动
学生活动
设计理念
教师讲解表格在网页时的重要作用。
学 任务一、插入表格
师:如果我们想要在网页中使用表格必须 插 入 默 认 值 的 表 对于学生熟悉的
习 先插入表格,操作方法与 Word 差不多, 格,分组插入修改 知识点,完全放手
们课后预习下一课的内容——网页美化。 要改进的地方。
小
探究的热情。
结
第3页共3页
自己尝试着在一个新网页中插入不同设 不 同 参 数 值 的 表 给学生探究完成。
与 置的表格,并填写表 1-3-1
格,讨论并填写表
教师指导学生参照图 1-3-4 在主页文件 格。
探 Index.htm 中插入表格:
任务二、表格的调整
究 师:此部分内容与 Word 中的操作也是非 实践表格的调整方
第1页共3页
第三阶段:知识、情感拓展
教学 环节
教师活动
学生活动
设计理念
师:请同学们再次预览使用表格布局的网 学生分组预览网页 由 表 格 对 网 页
知 页,然后改变浏览器窗口的大小,网页版
布局的保护延伸
面发生变化吗?这说明什么问题呢?
生:表格可以保护 到父母对子女的
识 师:在生活中,你能体会到父母对自己的 网页的布局。
常相似,根据教材内容分组完成表格的调 整。调整结束后将第二课中已经输入的内 容移动到表格中。 任务三、设计网页模板 师:设计网站时为提高工作效率,我们一 般使用模板,现在我们就来定制属于我们 自己的网页模板。
法,体验表格对网 页布局的重要作 用。
