10-2 制作网站(2)

10-2 制作网站(2) 课时数 NO：年月日星期教学内容第2节制作网站(第2课时) 3、应用表格布局网页教学目的要求 1、了解网页设计中表格的作用，掌握网页中表格的制作方法，表格属性的设置方法以及单元格的修饰与编辑方法，能够在单元格中正确插入文字和图片。 2、通过对比学习、自主探索，培养学生学会学习、驾驭学习的能力。教学重点 1、掌握插入、编辑表格的方法及表格的属性设置方法。 2、掌握单元格的修饰与属性设置。教学难点 1、表格的嵌套设计在网页中的...

课时数 NO：年月日星期教学内容第2节制作网站(第2课时) 3、应用表格布局网页教学目的要求 1、了解网页设计中表格的作用，掌握网页中表格的制作方法，表格属性的设置方法以及单元格的修饰与编辑方法，能够在单元格中正确插入文字和图片。 2、通过对比学习、自主探索，培养学生学会学习、驾驭学习的能力。教学重点 1、掌握插入、编辑表格的方法及表格的属性设置方法。 2、掌握单元格的修饰与属性设置。教学难点 1、表格的嵌套设计在网页中的作有用。教学方法对比教学、探究学习、模仿学习法教学用具课余时间学生准备的素材、计算机网络室教学过程教师主导活动学生主体活动一、复习引入 [复习巩固]：回忆上节课建立站点的方法，请一位学生给大家演示一下。 [比较]：两个不同的网页的优缺点。 [提问]：你更欣赏怎样的页面布局？有什么办法可以达到第一个页面的效果？ [观察]：第三个和第一个网页区别，后者显示出表格线。二、新课讲授： [板书]： 3、应用表格布局网页结构 [举例]：用表格制作的网页有：搜狐、新浪…… [小结]：优点：利用表格结构可有效地控制文字、图片等对象的位置，使网页有布局既紧凑又整齐美观。 [欣赏并分析 ]：制作好的“多彩的生物”网页 [ ppt 说明]：制作“多彩的生物”所需素材。 logo3.gif 标题7.gif dongwu.swf 首页动物知识介绍人与动物保护动物知多少友情链接欢迎光临动物保护网站朱鹮3.jpg 东方宝石“朱鹮”（文字介绍）藏羚羊.jpg 高原精灵“藏羚羊” （文字介绍）仙鹤.jpg 美丽的丹顶鹤（文字介绍）熊猫.jpg 国宝大熊猫（文字介绍） [任务一]：用表格布局“多彩的生物”网页 [小组讨论]：制作所需步骤： 1、打开（f:\dongwu）站点：（方法：文件→打开站点） 2、新建网页：（方法：文件→新建） 3、分别插入4个表格：（方法：表格→插入→表格） 1行3列、1行5列、1行1列、7行2列 4、在7行2列表格中分别合并第2、4、6行单元格。（方法：选定→右击→合并单元格） 5、设置网页背景颜色为淡水绿色（方法：格式→背景或右击→网页属性→格式标签） 6、设置第1、2表格边框为蓝色，第3、4表格边框为白色。（方法：单击表格内→右击→表格属性…） 7、设置第3个表格背景为蓝色。设置第4个表格中的2、4、6行单元格背景为蓝色。（方法：同上，略） 8、预览网页。 [任务二]：插入图片和文字，并保存［实践］： 1、在7行表格中分别插入4幅图片（见结构图）（方法：插入→图片→来自文件） 2、插入相应文字：（方法：复制/粘贴） 3、保存为biaoge.htm。（方法：文件→保存）注意：保存网页为biaoge.htm时，弹出“保存嵌入式文件”对话框，单击“更改文件夹”按钮，选择存入站点内的“images”文件夹中。 [探索]：尝试使用其他方法插入表格布局网页方法一：表格→绘制表格方法二：表格布→局表格和单元格 [小技巧]：在插入表格时，利用“网页属性”命令，可设置上边距和左边距为0像素，来实现对象的顶边和左边对齐。［小结］：本节课学习的操作方法学生回忆操作步骤观看演示并尝试操作学生比较：一个整齐、明了一个凌乱、摆放杂乱学生观察二者区别学生打开网页，观察分析表格制作网页的好处。学生欣赏网页，分析： 1、版面由表格制作 2、网页含文字和图片。 3、网页中有横幅、滚动字幕、Flash动画和导航栏。了解整个网页表格组成和相关的素材路径、文件类型、文件名等。分组讨论制作方法，请五组代表演示操作步骤：第1组演示：第1-2步第2组演示：第3步第3组演示：第4步第4组演示：第5步第5组演示：第6-7步教师适时强调、纠正或补充操作方法学生继续完成任务。完成后比较设计和预览看到网页有什么区别学生先尝试操作再请两位学生分别演示第1、2步操作。观看教师保存，了解保存注意事项，并自己正确保存网页和图片。学生尝试操作学生练习师生共同小结板书设计插入表格设置表格或单元格属性绘制表格布局表格和单元格 3、应用表格布局网页结构设计“多彩的生物”网页（biaoge.htm）任务一任务二任务三教后札记通过观察搜狐、腾讯等大型网站，了解表格布局网页的好处，而表格制作学生在学习word中已掌握，通过表格制作网页学生学习得心应手，成功感得到满足。

                    本文档为【10-2 制作网站(2)】，请使用软件OFFICE或WPS软件打开。作品中的文字与图均可以修改和编辑，
                    图片更改请在作品中右键图片并更换，文字修改请直接点击文字进行修改，也可以新增和删除文档中的内容。 
 该文档来自用户分享，如有侵权行为请发邮件ishare@vip.sina.com联系网站客服，我们会及时删除。

                    [版权声明] 本站所有资料为用户分享产生，若发现您的权利被侵害，请联系客服邮件isharekefu@iask.cn，我们尽快处理。

                    本作品所展示的图片、画像、字体、音乐的版权可能需版权方额外授权，请谨慎使用。

                    网站提供的党政主题相关内容(国旗、国徽、党徽..)目的在于配合国家政策宣传，仅限个人学习分享使用，禁止用于任何广告和商用目的。
                

下载需要：免费已有0 人下载

立即下载

10-2 制作网站(2)

你可能还喜欢