《网页中的表格》教学设计

网页中的表格教学设计一、教学设计？教学内容分析这节课的主要内容和地位在网页中，表格经常被用来定位网页中的其他元素，而复杂的元素被系统地分布到网页的各个位置网页的布局。此外，当我们将表格的宽度设置为固定的像素值时，我们还可以确保网页的布局不会随着浏览器窗口的大小而改变。当我们在网页中输入文本时，我们可以让文本在网格的顶端自动换行，这样便于我们编辑文本。由此我们可以看出，只有利用表格来布局网页，才能称之为真正的网页设计。这节课和前后内容的关系利用表格布局网页，合理分配上一节设计的网站主页中的各种材料，是为了提高学生的网页设计技能。在整个网站设计中，利用表格布局网页也是一种非常重要的技术手段，并被广泛使用。？教学目标分析知识目标/技能目标知识目标理解表格在网页设计中的重要作用。技能目标(1)掌握表格布局网页的使用。灵活掌握表格调整的方法。过程和方法目标能合理使用表格来布局和规划网页。情感态度和价值观目标了解学校的总体情况，发现校园的美丽，了解规则和方圆的关系，培养良好的生活和学习习惯。这一课的重点和难点重点和难点：掌握利用表格进行网页布局的方法。对这节课课时分配的建议一个课时？教学策略设计建议教学方法建议因为表格的基本操作(插入表格、调整表格：调整行高或列宽、合并或拆分单元格、插入或删除行或列以及均匀分布行或列)在Word中有更详细的操作方法。在本课的教学过程中，教师应根据学生探索的上述基本操作，注重表格的使用如何使用表格来编排网页，使网页中的材料能够合理地分布在网页上。另外，网站模板是提高网站建设效率的有效手段。教师应注意引导学生使用网络模板。学习方法建议应注意观察样本网站中表格的应用并从中吸取经验教训。在设计带有表格的网页时，可以将边框粗细值设置为1，观察表格调整的过程，从而掌握表格调整的技巧。？关于教学资源与环境的建议本课教学资源索引1.第2课的半成品网页：Parents.htm Index.htm？教学评估建议自我评价、相互评价和教师评价应注意的问题学生制作的网页是否通过表格的布局达到美化、整洁、有序的目的。？教学过程参考案例第一阶段是引入新的课程并确定学习目标。教学环教师活动学生活动设计构思导入新课指导学生阅读并讨论两幅图片的相似之处。老师：校园里的建筑通过道路和绿化带被分成不同的区域。网页中的材料是通过表格合理安排的，但是如何安排呢？这是本课的内容网页中的表格。阅读、讨论、思考和回答。从学生周围最熟悉的环境开始，介绍不熟悉的知识点，通过比较帮助学生理解新知识。在第二阶段，模型被细化，学生独立探索以完成模型。教学环教师活动学生活动设计构思研究和探测教师解释表单在网页中的重要作用。任务1:插入表格老师：如果我们想在网页中使用表单，我们必须先插入表单。操作方法类似于Word。我们尝试在新网页中插入不同的表单，并填写表1-3-1。参照图1-3-4，老师指示学生在主页文件Index.htm中插入一个表格：任务2:表格调整老师：这部分内容也非常类似于Word中的操作。表格根据教材分组调整。调整后，将第2课中已经输入的内容移动到ta插入带有默认值的表格，分组插入带有不同参数值的表格，讨论并填写表格。练习表单的调整方法，体验表单在网页布局中的重要作用。根据教材，将第一页保存为模板。对于熟悉知识点的学生，完全放手让学生去探索完成。尝试用不同的方法解决相同的问题，提高工作效率。第三阶段：知识和情感的扩展教学环教师活动学生活动设计构思知识和情感老师：请再次使用表格布局预览页面，然后更改浏览器窗口的大小。页面布局改变了吗？这是什么意思？老师：在你的生活中，你能感受到父母对你的关心和爱吗？请在课后完成“鸡蛋保护一天”的实践活动，并设计新的网页“感受”。学生分组预览网页。健康：表单可以保护网页的布局。网页布局的形式保护延伸到父母对孩子的爱。让学生从鸡蛋保护活动中知道这种照顾需要多少能量。第四阶段：综合实践、巩固提高、自由创造、转移应用教学环教师活动学生活动设计构思实践和创新老师：通过对这节课的学习，你觉得上节课设计的第二个网页“家长. htm”需要用表格重新编排吗？教师导游:我们刚刚学习了如何保存网页模板。请使用模板设计xx页表格中列出的三个网页。老师：请想一想：你能为实践活动网页设计一个统一的模板吗？使用表格重新排列网页。设计新网页，体验模板的重要作用。重点是示例网页Neighbor.htm中的表格设计效果用你所学来巩固和提高。第五阶段：教学总结，设疑激发兴趣，准备下一节课。教学环教师活动学生活动设计构思班级总结这节课总结了这节课的内容。老师：通过这节课的学习，学生们是否觉得他们创建的网页形式有些单调？我们能让网页更漂亮吗？课后请预习下一课的内容网页美化。重新检查你的网页，并与样本进行比较，找出需要改进的地方。通过对比发现不足，可以有的放矢，激发学生自主探究的积极性。？教学反思(教学设计理念)本课的主要内容与Word中的表格操作相似，但有很大不同。因此，教师应该通过实践让学生了解表格在Word和网页设计中的不同作用。网页模板是一个新的知识点，只有通过实际操作才能实现。因此，学生被安排使用模板来设计新的网页。二。补充信息科？1.课件和学习材料学生学习材料名字文件名将表格插入网页插入表格。swf表格调整表格调整。swf设计网页模板网页模板。swf？2.资料库网站布局的布局设计布局设计也可以理解为布局设计，即我们在浏览器上看到的完整页面。如何整合和分配所有的内容以达到一定的视觉效果被称为布局设计。我们如何做好网站的布局？首先，我认为这是“过程注定结果”。我重视你采取的每一步，并尽力去做。我相信结果不会偏离轨道。让我们先来看看一些布局步骤。一、概念(结构构造)在构思之前，我们总是需要分析网站的需求、位置和受众。如果我们甚至不知道这些问题，请不要首先考虑设计，因为很难盲目地设计页面来达到一定的视觉效果而不理解需求。当我们真正确定了自己的需求，我们就可以尽可能多地运用我们的想象力，写出我们想到的“想法”(笔、纸或软件，取决于我们的习惯)。这是一个构思的过程。它不需要精致或整洁，也不需要考虑一些细节。只需要一些粗略的线条就能勾勒出这个想法的轮廓。尽可能多的思考，这样你就可以选择最合适的一个来建造。二、粗略布局这个阶段是试用期。我们只需要将重要元素与网页结构结合起来，看看框架是否合理，如果不合适，就进行相应的修改。第三，改善布局当我们已经有了一个好的框架，我们需要根据网站的设计理念，将所需的内容有序地整合到整个框架中。我们需要通过图片的处理和空间的合理利用来安排。以下是广告大师范志宇在广告制作中提到的内容，希望能在版面设计理论上对大家有所帮助。1.正常平衡也称为“对称”。它指的是左右、上下的比较形式。它主要强调秩序，并能达到稳定、诚实和信任的效果。2.不正常的平衡即非控制形式，但平衡和节奏当然是不均衡的。这种布局可以达到强调、不安和高度关注的效果。3.对比所谓的对比不仅仅是用颜色、色调等技术来表现，还包括新旧、贫富等内容的对比。4.凝视所谓凝视，就是利用页面中人物的视线，让观众模仿下面的心理，从而达到凝视页面的效果。一般来说，明星凝视是被使用的。5.空白-空白有两个功能。一方面，它代表了其他网站的卓越，另一方面，它也代表了网页品味的优势。这种表达方式对于展示网页的风格非常有效。6.试着用图片解释这种方法对于