frontpage插入表格.doc

授课名称：在网页中插入表格授课时间：一、教学目标知识目标：1使学生掌握在网页中生成表格的方法。2使学生掌握填写表格内容的方法。3使学生掌握调整表格的方法。技能目标：培养学生处理表格的能力。情感目标：培养学生自学意识。二、教学重点：在网页中插入表格的方法。三、教学难点：怎样在网页中插入表格。四、教学方法：1演示法。2自学法。3实践法。五、学法指导：小组合作、讨论六、课时安排：1课时。七、教学过程教学内容教师活动学生活动 一、导入课题 教师展示插入表格后的网页作品(见图27-1)。图27-1教师提问：插入表格后，起到哪些作用?学生讨论后，教师归纳：插入表格可以使网页中的内容条理清晰。浏览者在访问你的网站时，可以更方便地找到感兴趣的材料。学生观察图27-1。学生思考、回答问题。 二、新课 1生成表格例1在wangzhi.htm网页中添加一个6行3列的表格。教师演示操作步骤：(1)打开网页文件wangzhi.htm；(2)单击菜单栏中的“表格”选项，打开它的下拉菜单；(3)单击下拉菜单中的“插入”选项，打开它的子菜单； (4)单击子菜单中的“表格”命令，打开“插入表格”对话框；(5)输入行数6和列数3；(6)在“对齐方式”文本框中选择“水平居中”；(7)单击“确定”按钮。教师布置任务：在自己制作的网页中创建一个表格，在表格中输入相应的内容。试一试，使用工具栏按钮创建表格，应该如何操作?学生观察教师操作。学生上机实践，在网页中添加表格，并输入表格内容。 2调整表格教师介绍：为了使表格更加美观、实用，对表格中的单元格还需要进行必要的调整，操作方法与Word 2000相同。例2将表格第一列合并，并插入一张图片。 教师布置任务：自学在网页中调整表格的方法，完成例2。学生听教师介绍。学生自学在网页中调整表格的方法，并上机实践完成例2。三、课堂练习四、课堂小结五、布置作业完成本课制作的wangzhi.htm网页文件中的表格制作。师生共同小节本课所学内容，强调：在网页中使用表格，可以使网页内容更加清晰，如果应用得当，会提高网页的浏览效率；在表格中输入内容和调整表格的操作方法与Word 2000相同。在自己制作的网页中添加表格，并对表格进行修饰。学生上机实践，完成课堂练习。学生参加小结。六、课后反馈七、课时分配八、板书设计第五课 在网页中插入表格（一）、生成表格（二）、填写表格内容（三）、调整表格授课名称：用导航栏设置网页授课时间：一、教学目标： 知识目标：1.掌握打开站点的基本方法； 2.掌握新建网页的基本方法。 技能目标：通过学生探究学习过程中，掌握新建网页的不同方法。 情感目标：1.通过新建网页的学习，培养学生的对比学习能力 2.利用导航栏知识，培养学生的整体布局网站的综合信息素养能力。二、教学重点：网页名称应与网页中的信息一致是重点。三、教学难点：在使用导航栏建立网页时，导航栏中的命名与网页的命名一致是难点；四、教学方法：对比法、任务驱动法五、学法指导：巡视检查、小组合作六、课时安排：1课时七、教学过程：教学内容教师活动学生活动一、导入部分教师打开学生的一份网站作品进行展示（将作品的本人叫起来）问：你的网站中的网页表达的什么信息？再问：你的网站还想需要表达什么内容？设想：当你的网页增加的比较多时，你会发现自己的思路不一定很清晰。想解决这个问题，大家必须手绘一个网站组织结构图才能，这样也会带来许多不方便之处。还有没有能直接体现出来我们网站的组织结构图来呢？有的。可以使用导航栏来建立网页。学生表述自己想法二、新课部分1导航栏的作用2新建网页视图栏中“导航”按钮是一个站点创建和系统管理的显示视图。使用导航栏新建网页，先组织网站的结构，后为每个网页添加内容。这与我们第一节准备工作中组织的网站结构图就相互呼应起来，思路清晰明了。（任务一：）大家结合课本完成“做一做”。教师进行辅导广播展示出现的问题（1）FrontPage 2003只是当你在一个站点上工作时才会创建导航栏，独立的网页则不行。（2）导航栏中主页是第一个添加到导航结构的网页，一般都叫做defaulthtm或indexhtm，想进行添加新网页时，应注意网页之间网页的层次关系。父层网页是包含另一个网页的父网页，其他网页是他的下一级。导航栏可以横排或竖排。（3）导航栏中若出现层次错误时，可以使用拖动的办法来改善他们的层次。（4）导航栏中的命名应与双击后进入的网页名一致才行，这是本节课的难点。（5）上节课我们已经建立的网页如何到站点中？在视图窗口点击“导航”按钮，切换到导航视图。在文件夹窗口中将文件“宁夏风景名胜htm”和“宁夏古诗文欣赏htm”拖动到“导航”窗口，仔细选择停放的位置，让示意图标和其他二级图标在一个线上，然后就看到这两个文件成为站点的一部分了。学生实践学生进行改错三、课堂练习课本习题。四、课堂小结这节课你都学会了什么？学生自己总结五、课堂反馈六、时间安排八、板书设计第六课 用导航栏设置网页（一）设置导航栏1设置导航结构2建立导航栏授课名称：在网页中添加超链接授课时间一、教学目标知识目标：1使学生掌握添加网页间超链接的方法。2使学生掌握添加电子邮件超链接的方法。技能目标：培养学生制作网页的能力。情感目标：培养学生通过自学和实践掌握知识的意识和能力。二、教学重点：添加网页间超链接的方法。三、教学难点：添加电子邮件超链接的方法。四、教学方法：自学法、实践法。五、学法指导：学生演示、讨论六、课时安排：1课时。七、教学过程教学内容教师活动学生活动 一、导入课题教师展示学生制作的网页。由学生提出问题：怎样把自己制作的网页链接起来?引入课题。教师展示学生制作的网页。由学生提出问题：怎样把自己制作的网页链接起来?引入课题。学生欣赏同学制作的网页，并提出问题。二、新课教师展示作品(见图26-1)。 图26-1教师提问：上面演示的网页中具有哪些超链接?这些超链接有什么特点?可归结为几类? 教师归纳：网页中的超链接，主要有网页间的超链接(即指向另一个网页的超链接)和电子邮件超链接(即指向电子邮件地址的超链接)两种。 教师布置任务：自学在网页中添加超链接的方法，思考以下问题： (1)两种超链接各有什么特点? (2)怎样添加网页超链接? (3)怎样添加网页间的超链接?(4)怎样添加电子邮件超链接? 教师指定学生讲解并演示添加网页间超链接的方法： (1)打开index.html网页； (2)选定网页中的文字“自我介绍”作为字块；(3)单击鼠标右键，打开快捷菜单； (4)在快捷菜单中单击“超链接”命令，打开“创建超链接”对话框； (5)在对话框的文件列表框中单击选择jieshao，htm文件； (6)单击“确定”按钮。 教师要求学生：试一试，单击自己建立的超链接会出现什么情况? 教师指定学生讲解并演示添加电子邮件超链接的方法：(1)打开网页文件index.html； (2)选定网页中的文字“给我写信”作为字块； (3)单击鼠标右键，打开快捷菜单； (4)在快捷菜单中单击“超链接”命令，打开“创建超链接”对话框； (5)单击对话框中的“创建电子邮件超链接”按钮，打开相应的对话框； (6)在对话框的文本框中输入自己的电子邮件地址；(7)单击“确定”按钮。教师要求学生：试一试，创建好电子邮件超链接后，我们在浏览器中单击“给我写信”超链接，会出现什么情况?学生观看图26-1，思考、回答教师提出的问题。 学生自学在网页中添加超链接的方法，思考教师提出的问题。学生上机实践，在网页中添加网页间的超链接和电子邮件超链接。 学生演示添加网页间超链接的方法。学生上机实践。学生演示添加电子邮件超链接的方法。学生上机实践，观察单击电子邮件超链接会发生的情况。让学生观看操作并指出错误的地方并加以改正三、课堂练习 (1)在自己设计的网页之间添加超链接。 (2)在自己的主页上建立电子邮件超链接。学生上机操作，完成课堂练习。四、课堂小结 师生共同小结所学内容，强调网页间的超链接和电子邮件超链接的特点和作用。学生参加小结。五、课后反馈六、时间分配八、板书第七课 在网页中添加超链接（一）、添加网页间超链接选定文字使用快捷菜单单击“超链接”选定网页文件单击“确定”。（二）、添加电子邮件超链接选定文字使用快捷菜单单击“超链接”单击“创建电子邮件超链接”输入电子邮件地址单击“确定”。授课名称：在网页中设置悬停按钮授课时间：一、教学目标知识目标：学会在网页中设置悬停按钮及其链接技能目标：培养学生综合运用所学知识，进一步美化网页的能力。情感目标：通过对网页的进一步美化，让学生能实现自我激励、体验成功，培养创新精神和探索精神，提高审美情趣和鉴赏能力，树立良好的网络道德情操。二、教学重点：设置悬停按钮三、教学难点：设置悬停按钮四、教学方法：演示、实践、自学五、学法指导：自学、小组合作、教师指导六、课时安排：1课时七、教学过程：教学内容教师活动学生活动一、设置情境，导入新课向学生展示教师自己制作的含有悬停按钮的网页或互联网上的某一个网页，引出悬停按钮的学生仔细观察这个网页二、新课1、插入悬停按钮确定问题，自主学习对此环节的处理，教师应在展示插入悬停按钮的基本操作步骤后，放手让学生自行探索如何设置按钮文字的颜色、大小、字体、字号及其具体的悬停效果等操作。此时，教师应以“如果选择效果栏下拉列表中的其它几项设置会出现什么效果”等语言对学生适当提示，帮助学生自己来完成对知识的意义建构，实现真正意义上的自主学习并充分体验到成功的快乐，从而更好地进入积极的学习状态，形成良性发展。值得注意的是，教师应提醒学生要想预览带有悬停按钮的网页，必须保存网页后，才能看到真正的效果。开展学生互评，并可让学生展示操作过程，必要时可由学生总结操作步骤及规律，巩固知识的建构。2、设置悬停按钮的超链接在设置悬停按钮的超链接这一环节的设置上，应着重于与文本、图片的超链接的区别，利用比较记忆的方法，帮助学生完成新知的建构。（1）、有意放手让学生用熟悉的操作方法自己去设置悬停按钮的超链接；（2）、当学生遇到问题无法解决时，教师再提示学生“我们在修饰悬停按钮时是通过哪个窗口完成的，这个窗口又是怎样学生上机实践教师指导三、创设情境，分组协作，综合运用，知识重组同学们根据自己的意愿自由组合成网页创作小组，完成具有至少两页链接、主题鲜明的网页制作及美化，要求设置背景、悬停按钮、插入图片（也可以为学生提供一些主题及相应的网址资源，比如：卡通专题、游戏专题、奥运专题、世界和平等学生感兴趣的或社会关注的焦点问题及本年级所能涉及到的其它学科的内容等。）学生分组合作完成作品四、课堂练习采用学生自评、互评、小组间的互评及教师点评。在小组互评时，也可以小组竞赛的形式出现，进行星级评价或者适当的物质奖励等。以此，把学生的学习热情推向高潮，实现自我激励。学生作品展示五、课堂小结 师生共同小结所学内容，强调按钮间的超链接和颜色的作用学生参加小结。六、课堂反馈七、时间分配八、板书设计第八课 在网页中设置悬停按钮（一） 插入悬停按钮（二） 设置悬停按钮授课名称：使用框架调整网页授课时间：一、教学目标：知识目标：（1）理解框架的概念和用途（2）掌握框架网页的新建、制作、编辑与保存，了解框架的拆分方法。（3）初步掌握将框架结构与表格布局结合使用来制作网页。技能目标：（1）通过对表格网页的分析，体验新知识（框架结构网页），从而促进学生学习新知识。（2）理解框架的概念与组成，学会分析网站的结构。情感目标：（1）通过以“人与动物”为主题的框架结构网页制作活动，了解更多有关人与动物和谐相处的知识，增强学生关注动物的兴趣和意识。（2）能够将表格与框架结构网页结合使用，在创作中体验乐趣。二、教学重点：框架的概念、用途、创建、编辑与保存框架网页的方法。三、教学难点：框架的保存四、教学方法：对比教学、探究学习、任务驱动五、学法指导：模仿学习、小组合作六、课时安排：1课时七、教学过程：教学内容教师活动学生活动一、导入课题展示一组表格制作的网页。让学生观察特点。尽管复制粘贴能为我们节省事件，但有没有更好的方法呢？相同的区域能否只做一遍呢？今天我们要学习的内容框架结构网页制作就能给我们带来很多快捷观察二、新授1框架网页概念再展示今天要做的框架网页，引导学生理解框架网页的概念。利用框架技术在设计网页的时候把一个版面分成了不同的区域，每一个区域我们就成为一个框。2框架网页的新建与保存（边演示边讲解）新建一个站点文件夹，通常新建网页的时候，我们不仅可以新建空白页面，还可以新建一个框架页面。根据我们的需要选择不同的框架类型（假定为：目录结构型），可以看到每一个框都可以有两种设置的选择：设置初始网页和新建网页。由此可以知道每一个框都是由一个网页构成，用分界线把不同的网页组织起来的整个版面就是我们设计的最终页面。我们简单在每一个框中新建网页，利用学过的知识充实内容（简单输入文字），当然也可以使用表格技术设计每一个框中的网页版面。在框架网页设计中非常关键的知识就框架的保存。（提问）普通网页如何保存？（提示）框架网页在保存的时候要注意，单击“文件”“保存”后，弹出对话框，注意观察蓝色高亮区域。因为框架网页每一个框都是一个网页，所以在保存的时候要对每一个区域的网页独立保存，理解框架的概念、认识框架仔细观察任务一：模仿制作，建立、保存框架最后对整个框架进行保存。Top.htm、Left.htm、Main.htm、kuangjia.htm板书：在相应位置板书四个网页的名称3top、left页面的制作广播：我们用框架做了一个总体的大局。各个框中相关页面的制作最终结合表格来布局，插入文字、图片和交互按钮。任务二：top和left页面的制作讲述：top框中展示的是广告或标题。Left框中一般是导航目录，这两个框中的内容一般固定不变。而main主框架里的内容根据left目录不断更新变化。布置：对照学件，对top和left的制作做简略提示4制作main页面（根据情况可以提供现成网页，设置初始页面）5框架网页属性的设置调整框架的大小、设置框架的边框、设置框架窗口中的滚动条等。任务二、完成top和left页面的制作可向学件、教材寻求帮助三、课堂练习提高任务：框架的拆分（根据情况选做）1、如何调整框架的大小？滚动条不想显示可以吗？如何设置？2、想增加（或减少）一个框，如何去做？3、整个框不想显示出来可以吗？如何设置？动手实践的同时思考老师给出的研究任务。操作基础扎实的同学完成后可扩展学习四、课堂小结小结：1、通过今天的学习，我们知道用框架技术也可以设计网页。2、提问：什么情况下比较适合使用框架技术？框架结构网页中一般是部分框中的内容相对固定不变，而主框架中的内容可以不断更新变化。利用框架技术设计主页，方便设计者，也提醒浏览者更加关注主要内容的变化。内容非常多的网页不宜采用框架式结构3、保存的时候需要注意什么问题？（在这样的页面里面如何实现超级链接？）4、给出一些常见的框架结构应用界面。回顾总结五、课堂反馈1、保存时有学生会给各框架随便起名。网页一多就乱套了。2、“框架属性的设置”教学时可以展示做好的样子，便于学生理解教师的问题。六、时间分配八、板书设计第九课 使用框架调整网页布局（一）创建框架（二）设置框架网页授课名称：建立生动的网页(一)授课时间：一、教学目标知识目标：1使学生掌握制作图片缩略图的方法。2使学生掌握制作图片项目符号的方法。技能目标：掊养学生处理图片的能力。情感目标：培养学生的审美能力。二、教学重点：制作缩略图的方法。三、教学难点：制作缩略图的方法。四、教学方法：演示法。实践法五、学法指导：小组探究、自学多媒体网络教室。六、课时安排：1课时。七、教学过程教学内容教师活动学生活动一、导入课题教师展示添加了缩略图的网页(见图28-1)，并演示怎样看到完整的图片。图28-1学生观看教师演示。二、新课 1制作缩略图 教师介绍：为了加快访问者的下载速度，我们可以使用缩略图。缩略图是一个用来替代图片文件的较小图片，FrontPage 2000可以在图片和它的缩略图之间建立一个超链接，访问者通常会浏览缩略图，单击缩略图就可以浏览到完整的图片。例1 在jieshao.htm网页中插入图片并制作缩略图。 教师讲解并演示操作步骤： (1)打开jieshao.htm网页； (2)在网页中插入图片； (3)单击选取插入的图片； (4)单击图片工具栏的“自动缩略图”图标，即可建立图片的缩略图； (5)单击工具栏的保存按钮，将图片文件以完整图和缩略图两种形式保存到磁盘上； (6)单击“启动”按钮(即可完成缩略图的制作)。 教师介绍：单击工具栏的预览按钮，即可浏览网页。单击网页中的缩略图超链接，即可浏览完整图。教师布置任务：在自己的网页中建立缩略图。2制作图片项目符号教师介绍：为了使网页更加美观，我们可以制作图片形式的项目符号。例2在jieshao.htm网页中制作图片项目符号。教师讲解和演示操作步骤：(1)选取jieshao.htm网页中的文字内容作为字块； (2)单击菜单栏中的“格式”选项，打开它的下拉菜单； (3)单击下拉菜单中的“项目符号和编号”命令，打开相应的对话框； (4)单击对话框中的浏览按钮，打开“选择图片”对话框； (5)在剪贴画库选取图片，单击“确定”按钮。 教师布置任务：在自己的网页中制作图片项目符号。学生听教师介绍。学生观察教师操作。学生听教师介绍。学生上机实践。学生观察教师操作。学生上机实践。三、课堂练习使用缩略图和图片项目符号美化自己的网页。学生上机实践，完成课堂练习。四、课堂小结 师生共同小结本课所学知识，强调缩略图的作用和使用方法学生参加课堂小结五、课堂反馈六、时间分配八、板书设计第十课 建立生动的网页(一)（一）、制作缩略图插入图片选取图片单击“自动缩略图”保存网页单击“启动”。（二）、制作图片项目符号选取文字单击“格式”单击“项目符号和编号”选取图片单击“确定”。授课名称:建立生动的网页（二）授课时间:一、教学目标知识目标：1使学生掌握在网页中添加多媒体信息的方法。2使学生掌握在网页中加入动态字幕的方法。3使学生掌握为超链接设置动态效果的方法。技能目标：1培养学生处理多媒体信息的能力。2培养学生设置动态信息的能力。情感目标：培养学生合作学习的意识和能力。二、教学重点:用多媒体信息修饰网页。三、教学难点:为超链接设置动态效果。四、教学方法:自学法、演示法、协作学习法五、学法指导:小组合作、讨论、作品展示六、课时安排：1课时。七、教学过程教学内容教师活动学生活动 一、导入课题 教师演示加入了声音、视频等多媒体信息的网页(见图29-1)，由此引出课题。图29-1学生观看用多媒体信息修饰的网页。 二、新课 1在网页中添加多媒体信息 教师提问：观察以上网页，有哪些效果是我们没有学习过的? 教师归纳： (1)在网页中加入音乐；(2)制作动态字幕； (3)为超链接设置动态效果。教师布置学习任务：两人一组，共同研究实现以上三种效果的操作方法。 教师指定学生讲解并演示在网页中添加多媒体信息的操作步骤： (1)打开网页文件index.html： (2)在网页编辑区单击鼠标右键，打开快捷菜单； (3)单击快捷菜单中的“网页属性”命令，打开相应对话框； (4)单击取消“背景音乐”中的“不限次数”选项； (5)单击“背景音乐”中的“浏览”按钮，选择音乐文件； (6)单击“确定”按钮。教师介绍：在网页中添加的多媒体信息不宜过大，否则将造成网页下载速度过慢。2在网页中添加动态字幕教师指定学生讲解和演示在网页中加入动态字幕的操作步骤： (1)打开网页文件； (2)将插入光标移动到需要添加动态字幕的位置； (3)单击菜单栏中的“插入”选项，打开它的下拉菜单； (4)单击下拉菜单中的“组件”选项，打开它的子菜单； (5)单击子菜单中的“字幕”命令，打开字幕对话框； (6)在对话框的文本框中输入动态字幕的文字； (7)单击选择“表现方式”中的“幻灯片”选项； (8)在“背景颜色”列表框中选择“浅蓝色”； (9)单击“确定”按钮。 3为超链接设置动态效果 教师指定学生讲解和演示为超链接设置动态效果的操作步骤： (1)打开网页文件； (2)选定“自我介绍”超链接作为字块； (3)单击菜单栏中的“格式”选项，打开它的下拉菜单； (4)单击下拉菜单中的“动态HTML效果”命令，打开相应的对话框； (5)单击对话框中的“选择一种事件”右侧的下箭头，选择“鼠标悬停”选项； (6)选择对话框中的“选择一种效果”右侧的下箭头，选择“格式”选项； (7)单击对话框中的“选择设置”右侧的下箭头，选择“选择字体”选项，打开相应的对话框； (8)在“字体”对话框中设置字体属性； (9)单击“确定”按钮。在学生观察网页之后，讨论网页中自己还未学习到的知识点。学生分组进行自学，讨论归纳实现以上三种效果的操作步骤。学生观察同学的演示。学生听教师介绍。学生观察同学的操作。学生观察同学的操作。学生找出自己的不足四、课堂练习充分发挥自己的想像力，美化自己的网页。学生上机实践，完成课堂练习。五、课堂小结师生共同小结本课所学内容，强调在网页中加入多媒体信息和动态信息使网页更加丰富多彩。学生参与小结八、板书设计第十一课 建立生动的网页（二）（一）、在网页中添加多媒体信息打开网页文件使用快捷菜单单击“网页属性”选择背景音乐播放次数选择音乐文件单击“确定”。（二）、在网页中添加动态字幕打开网页文件确定字幕位置单击“插入”单击“组件”单击“字幕”输入文字选择“表现方式”选择字幕颜色单击“确定”。（三）、为超链接设置动态效果打开网页文件选定字块单击“格式”单击“动态HTML效果”选择方式选择格式选择字体设置字体属性“确定”。授课名称：制作表单网页授课时间：一、教学目标：知识目标：1、了解表单的概念。2、掌握表单网页的制作方法。能力目标：1、体验表单网页的制作过程。2、体验用表单网页进行信息的采集过程。情感目标：1、认识信息技术对人们日常生活、学习、工作的影响。2、激发学生对信息技术的求知欲，形成积极主动地学习和使用信息技术、参与信息活动的态度。二、教学重点：表单网页的概念。三、教学难点：表单网页的制作方法。四、教学方法：任务驱动法、演示法五、学法指导：合作学习法、自主学习法和分组讨论法六、课时安排：1课时七、教学过程：教学内容教师活动学生活动一、创设情境课堂引入我们已经学习了一些网页制作的基本知识，但是自己制作的网页如何知道别人对它的意见呢？讨论思考二、新授1、表单网页的形式广播教学-介绍表单网页的构成要素：单行文本框、下拉列表框，提交按钮、重写按钮等等。2、如何制作表单网页学生选派代表或举手到教师机前面给其他同学演示。1、表单的概念表单是一种结构化的网页，利用表单，你可以收集来自世界各地的信息。2、表单网页制作方法步骤：依次单击“插入”/“表单”，弹出下级菜单。3、表单由哪些组件？教师演示如何插入单行文本框，流动文本框、复选框、单选按钮、下拉彩单、按钮。学生观察并练习，教师巡回指导。三、课堂练习呈现学习任务，要求学生制作一个“留言簿”表单。学生分组操作，自主合作练习。四、作品展示指导学生上传分组作品，并向全班同学展示。学生评价五、课堂小结本课知识回顾和小结。学生参与小结六、课堂反馈七、时间分配八、板书设计第十二课 制作表单网页（一） 表单的网页形式（二） 表单的概念（三） 表单的操作方法授课名称：上传和发布站点授课时间：一、教学目标：知识目标：（1）了解网站