《用表格布局网页》教学设计

第3节《用表格布局网页》教学设计一、教材分析《用表格布局网页》是广东教育出版社2015年8月出版，2021年8月第7次印刷的广州市教育研究院编广州市信息技术教科书2015.8出版，***年重印《信息技术》第三册第2章第3节的内容。学生从了解前两节已经学习网页与网站、创建站点和网页，对网页的制作有了初步的了解，这节课开始这样表述欠妥，什么叫真正第一课？接触网页元素，对后面网页元素的丰富、整站的制作起着承上启下的作用。让学生建立网页布局的的意识，是本课首先要解决的问题。Dreamweaver中的表格则是实现网页布局的手段。形式多样、色彩丰富的布局是吸引学生学习兴趣的内容，同时也是教师要认真整理和讲解的素材。书本列举了目前常见的网页版式，介绍了设计个性化网页版式和添加各种网页元素的方法。2015.8出版，***年重印前两节已经学习这样表述欠妥，什么叫真正第一课？二、学情分析九年级的学生，对于新鲜的事物有一定的热情。可以利用他们的热情，用精心准备的主题和素材，吸引他们投入到网页的制作中来。通过不断地模仿，逐步掌握利用表格实现网页布局的技巧，甚至萌发创作的种子，慢慢形成自己的网页布局风格。男、女生学习的状态是不一样的。男生更多的是靠自己的想象和理解，女生更多的是跟着教师的范例走。软件提供的实现方法可能不止一种，部分操作也有一定的规则，违反了规则可能就会出错。对于越来越少使用台式计算机的学生来说，出现操作上的错误在所难免。需要教师不断地巡视，及时发现并找到原因加以点拨指导。三、学习目标1.知识与技能（1）了解目前常见的网页版式。（2）学会设计个性化网页版式的基本方法。（3）掌握添加各种网页元素的方法。2.过程与方法目标：（1）利用对比学习，形成知识迁移的能力。（2）通过用表格布局网页，进一步理解表格在网页布局中的作用、功能。（3）通过对比学习与自主探究，了解并掌握软件学习的一般方法及规律，提升自主学习能力。33.不是3、.情感态度与价值观目标:3.不是3、（1）通过对用表格布局网页的学习，增强审美观，提高对学习网页制作的兴趣。（2）通过“广州骑楼”网站的制作，激发学生热爱本土文化、保护古老建筑的责任感，从而进一步树立保护人类物质文化遗产的意识。四、教学重点：1.了解表格在网页设计中的重要作用。2.掌握网页中表格的制作方法及其基本编辑方法。3.掌握表格属性、单元格属性的设置。五、教学难点：1.嵌套表格在网页设计中的应用。2.表格属性、单元格属性的灵活运用。六、教学策略：对比引导、任务驱动、自主探究七、教学过程：教学内容教师活动学生活动设计意图不需要一、二、点，直接写环节导入：不需要一、二、点，直接写环节对比演示文稿软件，引入本节教学内容。讲述Dreamweaver与演示文稿类软件处理媒体元素的不同点，引出本节的学习目标句子最后不需要标点。句子最后不需要标点。认真观看、聆听导入新课本节教学目标1.了解目前常见的网页版式2.学会设计个性化网页版式的基本方法3.掌握添加各种网页元素的方法认真观看、聆听讲述学习目标新授:（一）网页内容模块分析通过具体网页，分析归纳网页内容模块网页的主要内容模块：网站徽标+导航栏+横幅广告导航菜单+其他版权信息+联系方式+其他广告+其他认真观看，聆听归纳网页内容模块（二）了解常见网页版式这几个内容模块的不同组合就形成不同的版式，如：三字形、T字形、同字形和POP形学生认真观看、聆听利用模块构建版式（三）案例介绍介绍制作人员规划网页的案例学生认真观看、聆听引导学生规划网页（四）设计网页版式任务一：模仿课本78页建立一个T字形版式的无元素网页。播放视频《设计网页版式》定位至上节课建立的网站“广州骑楼”，打开网站首页文件“index.html”。此时网页的背景已经被设置为土黄色“#FFCC66”“#FFCC66“#FFCC66”1.插入一个“2×2”的表格，表格宽度设置为“800”像素。为了不让用户看出表格的痕迹，将边框粗细设置为“0”像素，如果你自己喜欢也可以设置成有线的形式。其他不用设置2.合并第一列的两个单元格，并将这一列的宽度设置为“200”像素学生认真观看、聆听后，根据课本的提示进行操作学习插入表格的方法（五）添加网页元素任务二：根据课件中提供的网页案例在表格的对应列中插入文字、图片、嵌套表格。调整文字格式及图片、嵌套表格的大小。播放视频《添加网页元素》1.在表格第1行、第2列添加文字“广州骑楼”。文字大小设置为“90”像素，颜色设置为深棕红色“#660000“#660000””并加粗，让标题居于单元格正中间“#660000”2.在表格第2列、第2行插入名为“qilou.jpg”的图像，并把图像的大小设置为宽“550”高“350”，水平距离“30”，对齐方式为“居中”3.将表格第1列的背景颜色设置为棕红色“#660000”，插入一个“6×1”的嵌套表格，表格的宽度设置为“200”，高度设置为“60”，水平、垂直的对齐方式均为居中。分别在嵌套表格中的每一行输入“目录”“首页”“发展历程”“风格样式”“辐射影响”““A”“B”这样格式不需要加顿号、身边骑楼”等文本。除了“首页”设置为“46”号字加粗，颜色为“#FFFFF”以为，其它均设置为“28“A”“B”这样格式不需要加顿号、学生认真观看、聆听后，根据课本的提示进行操作学习插入网页元素的方法课堂小结今天我们共同学习了以下内容：Dreamweaver对媒体元素的处理形式网页的常见结构模块常见的网页版式使用表格设计个性化网页版式的方法表格在网页布局中的作用添加各种网页元素的方法学生认真观看、聆听总结归纳本节学习内容课堂练习展示练习题，等学生思考片刻出示答案，根据书本的内容进行解答学生作答，聆听解答巩固知识课堂答疑一、为什么“表格宽度”这里我们设置为“800