当前位置:首页 >> 高中教育 >>

谈“表格定位网页”的教与学


谈《表格布局网页》的教与学
谭少文 摘要: 教学总是在不停的探索、回顾、反思中积累经验,总结教训,从而再迈步向 前。课改也一直在这个过程中摸索前行。本文主要在上完《表格布局网页》这堂 常规课后,回顾本次教学活动,从教学内容的确定、教学过程的实施、教学策略 的应用三个方面谈几点反思。 关键词:表格布局 教学过程 反思 探究 教学策略 湖南省益阳市第一中学 413000

r />
《表格布局网页》这节课的主题是使用 frontpage2003 网页制作工具,培养学 生利用表格来定位网页元素,对网页进行布局的信息能力。在这堂常规课结束后, 我就本次教学活动,从教学内容的确定、教学过程的实施、教学策略的应用三个 方面谈几点反思。 一、 (1) 教学内容的确定 教学目标的确立 《表格布局网页》这一节内容是信息技术选修模块“网络技术应用” (教科 版)第四章“建立主题网站”第三节“网站实现”中第二节网页制作中的一个重 要内容——利用表格布局网页。 “网站实现”主要是对前面网站主题的确立、栏 目设置、版面整体风格等内容的实践。而利用表格定位网页则是制作好网页的一 个重要手段,是网页制作是否成功的一个关键的环节。因此本课堂的教学目标着 重培养学生利用表格来定位网页元素,对网页进行布局的信息能力。难点则是通 过不规则表格的设计应用来布局整个网页,培养学生全局设计观念。 (2) 教学方法的确立 从培养学生学习自主能力及学生相互之间合作精神的角度出发,结合学生 的现有基础和他们平时的学习情况, 我采用任务驱动方法和实践探究法相结合的 教学方法, 充分发挥学生的自主性。通过“观摩—探究—应用” 的自主学习过程, 加强基本技能的学习和训练,掌握利用表格定位网页的基本方法。学生通过观摩 各种版面设计的页面入手,了解网页中各元素的定位布局方法,再以学生自己实 践为主,教师在学生已有认知的情况下提出要点,引导学生从整体出发,掌握利 用表格定位网页的方法。

第1页

共4页

二、

教学过程的实施

(1) 情景导入 在上本堂课之前,通过前面内容的学习,每个学生和小组已经选择好网站的 主题, 初步进行了网站的规划, 并对网页制作工具 frontpage2003 有了初步的认识。 在情景导入的部分,先让学生进行初步的探究,在网页中添加不同的网页元素, 在探究过程中自然会遇到文字、图片无法很好定位,在浏览器中发生变形和走样 的问题。学生这时当然会提出问题,并思考解决这一问题的办法,从而激发学生 的求知欲。此时再让学生带着心中所惑去观摩那些布局合理、结构协调的网页。 他们通过观察、对比,发现这些网页大都是通过表格进行的组织,从中找到解决 问题的方法,顺利的导入本堂课的主题“如何利用表格定位网页” 。 (2)探究新知 在探究新知这一过程中,我并没有马上布置探究任务让学生动手操作,因为 漫无目的的探索只会让学生分心,失去耐性。而是在此再安排了一个观摩的环节, 把已制作好的网页《机器人学做玩》的主页用 frontpage2003 打开后,让学生观察 整个布局以及网页元素在表格中的位置,再让学生把这些网页元素从表格中一一 删除,逐步得到其主页的完整布局表格,使学生形成一个更直观的印象。通过这 一网页制作的逆过程,让学生对今天学习的主题“利用表格定位网页元素,布局 网页”有深一层次的了解,而不仅仅只是学习如何创建表格这些技术知识。解决 最初学生对表格学习是个简单技能训练这一轻视心理。同时学生在删除网页元素 的过程中,出现一些比如表格、单元格随着元素的删除而产生变化等情况, “为什 么会出现这些情况?怎么解决这些问题?怎么让单元格的大小和位置更贴近我的 理想位置?”这些疑问也正是接下来探究活动中探究方向和内容之一。顺理成章 的进入探究活动环节。 在实践探究这一环节中,首先安排二个难度上有递进的探究任务,让学生在 辅助教学网站的引导下,自主探究,完成任务。任务一相对简单,只要求学生建 立二个规则表格,并为表格添加背景色。唤起学生在 word 和 excel 中表格知识的 记忆,应用到 frontpage2003 中来,实现知识的迁移。在这个探究过程中,通过表 格属性中“指定宽度”的设置等知识的应用,体现出表格在 frontpage2003 中与其 他软件的差别。90%学生完成得很好,也有部分同学因基础差异,遇到困难,也借 助教师提供的知识链接和同学的帮助,成功完成任务。任务二相对增加了一定的 难度,构建一个不规则表格。在这个构建过程中,不仅有表格、单元格边框的设

第2页

共4页

置、长度宽度属性的设置,单元格的合并与拆分、单元格的背景添加、还要根据 整体规划的要求和网页元素的大小情况,思考选择表格、单元格大小单位是按百 分比还是像素来进行设置、思考如何调整表格结构等来使表格更贴进设计所想。 学生在完成此项任务的过程中,主要出现的情况有以下几点:一是单元格背景图 片的插入,相当一部分学生直接点插入菜单的插入图片,将图片放入单元格中, 导致当要添加其它网页元素时不能如愿叠加。二、部分同学缺少全局规划观念, 只一味的完成简单表格的创建工作,表格、单元格大小没有进行调整,出现图片、 文字难以放到理想位置的情况。三、学生对表格、单元格长宽设置时对像素的没 有概念,出现整个表格超出显示范围许多,需要拖动滚动条才能观察完全,影响 页面美观、网页的浏览的情况。面对出现的这些情况,在上课过程中设计了示范 和评价的环节,对学生探究过程和成果进行分析、评价,并再一次强调用表格来 定位网页元素要有全局的观念。让学生进行二次修改,调整表格结构,鼓励学生 在示范案例的基础上进行自主创新,创建出适合自己网页元素的表格结构,从而 突破本节课的难点。经过二次修改后的表格,一般已初具全局模型,建立的表格 大小适当,经过添加网页元素后,初现网页的设计之美。学生在对所创表格的效 果进行预览时,细心的同学们会发现二个表格在浏览器中的不同显示效果,进一 步了解表格、单元格边框属性的设置中边框为“0”的重要作用,既能让表格在浏 览时隐藏,又能定位网页元素,使网页布局自然、和谐。然后,师生对前面的环 节所运用到的知识进行小结和梳理,进一步树立学生利用表格布局网页,定位网 页元素的意识,掌握表格应用的基础知识和基本技能。 (3) 应用探究 知识和技能的学习在于运用,在应用探究这一阶段,设计一个综合活动, 要求学生以小组为单位,制作主题网站首页,初步进行页面布局,并要求在设计 结束后对小组设计进行说明。这一过程在教学设计时,只要求初步设计网站的首 页布局表格,因为时间关系,并没有对网页元素的添加做要求,而在实际的教学 过程中,学生有前面探究活动的基础,因此综合活动设计比较顺利,有几个小组 不仅创建表格,同进也添加网页元素,使首页初具雏形。当然也有部分小组就在 探究二表格的基础上直接修改调整。学生在这一阶段的反复练习中,意识到表格 要随着网页元素的添加,设计思想的改变等需要随时进行结构调整,以满足设计 者的需要。不同层次的同学都有不同的表现。这样充分发挥了学生的个性特长, 更有部分同学因为首面复杂设计的需要而积极向表格的嵌套等更高层次的应用方

第3页

共4页

向进行拓展探究。与此同时,同学们由于主页设计的需要,提出了 flash 影片、视 频的插入、网页背景音乐的设置等问题,为下节课“网页元素的添加”设下伏笔。 三、 (1) 教学策略的应用 教学辅助课件的应用。 教学辅助手段的应用是为了更好的教学,而教学内容是建立主题网站,就是 让学生应用 frongpage2003 这个网页制作工具来学习建立主题网站,制作网页。因 此我选用 frontpage2003 制作了关于本堂课的主题网页作教学辅助课件,一方面作 为信息技术辅助教学手段的运用、容量大,资料多,可随时添加相关的资源;二 方面则可以作为教学的示范案例,在教学中随时给学生一个正面的引导,让学生 可以模仿、参考,学习致用。事实上在课堂教中,确实引起了学生很大的兴趣, 给学生的探究活动中起很好的示范作用,这也从为课堂设计中的一个亮点。 (2) 任务驱动、自主探究方法的运用

本堂课主要是通过任务的驱动,让学生自主探究的情况下,掌握新知、提升 能力,达到教学目标,完成教学任务。在课堂中我尽量把更多的时间和空间留给 学生去自主探究,教师主要是起引导的作用。在课前对学生情况充分进行了解、 分析,预计课堂上会出现的情况,再设计切合学生基础水平的任务,并准备大量 的资料以备学生在自主探究过程中的需要,再在课中寻找切入点,对学生适时进 行点拨和引导,随时掌控课堂。学生在体验自主探究和吸收团体智慧的过程中完 成知识的积累,技能的提升,从而学会“学习” 。 教学总是在不停的探索、回顾、反思中积累经验,总结教训,从而再迈步向 前!

参考文献: 1. 《教师教学反思的类型和方法》 , 百度百科;

第4页

共4页


相关文章:
谈“表格定位网页”的教与学
《表格布局网页》的教与学谭少文 摘要: 教学总是在不停的探索、回顾、反思...而利用表格定位网页则是制作好网页的一 个重要手段,是网页制作是否成功的一个...
利用表格定位网页元素
生:第一个网页图片都在表格里 师:同学们观察得很仔细,利用表格地位网页元素,可以使网页看起来更规整。 好,这节课我们就来学第 8 课《利用表格定位网页元素...
汇报课教案网页布局
能够熟练掌握表格的基本操作,学会利用表格布局网页, 知识与能力 定位网页元素; 3...并以任务为驱动,完成下面的教与学。 动设计 【出示目标: 】 1、插入表格,...
巧用表格定位法精确设置公文格式(二稿)
71 磅约等于 24.85 毫米,此法何精确定位发文...“ 表格页面后,再单击“文字环绕”下的“无”选项...中医护理学基础重点 执业医师实践技能考试模拟试题1028988...
第一章 Web技术 精校版
第一章 Web 应用与开发 word 版课程内容: (1)Web 技术简介 (2)HTML (3)...制作网页多种功能, 比如可通过层叠样式 (CSS) 格式化文本, 通过表格定位网页...
第4章-教案 网页设计与制作
第4章-教案 网页设计与制作_教育学_高等教育_教育专区。适合信息化爱好者参考 ...4.3.3 利用表格定位网页表格不仅可以有序的排列数据,还可以精确地定位文本。...
网页设计教案
新乡技师学院 教案 2012-2013 学年度第二学期 课程名称: 授课班级: 授课教师:...本次课我们将详细学习用于定位网页各元 素的一个很重要的知识点——表格, 并且...
信息技术学业水平考试模拟一
在网页中,通常用表格定位网页中的各个元素,但许多网页浏览时却看不到表格线,...中医护理学基础重点 执业医师实践技能考试模拟试题文档贡献者 xrlxrl_123 贡献于...
qtp获得网页中表格,并且可以定位列数据
qtp 获得网页表格,并且可以定位列数据 Dim rowCount rowCount =Browser("线损精细化管理与分析系统").Page("线损精细化管理与 分析系统").WebTable( ...
003 《新闻网页设计与制作》教学大纲(2014)
实验课学时:18 学时 学分:3 先修课程:新媒体概论、网络新闻学、计算机基础知识...表格与单元格的属性 3.用表格定位网页元素 教学要求 了解:表格基本使用方法...
更多相关标签:
网页定位 | 网页定位当前位置 | 网页百度地图定位失败 | 网页定位代码 | 网页地图定位 | 微信网页定位 | 手机号定位寻人网页版 | 手机网页定位 |