网页制作二教案.doc

教学课题FrontPage网页制作二 教学目的知识与技能目标：1、了解表单网页的作用 2、掌握表单网页的制作方法 3、掌握网页属性的设置过程和方法目标：培养学生根据学案自主学习的习惯情感和态度目标：通过表单网页的插入与设置培养学生网页设计的技能教学重点表单网页的制作，网页背景、网页标题的设置教学难点表单网页的制作与属性设置教学方法演示与讲解法、练习法、任务驱动法学法指导自主学习、合作学习、练习巩固教学过程一、复习上节课知识点1、图片(jpg、gif)插入：插入图片来自文件2、插入Flash动画(.swf)：执行“插入高级插件”菜单命令 3、文件（文本文件 txt）插入：插入文件，注意以何种方式处理二、新课导入，展示一表单网页样张，引入表单网页概念三、展示学案内容，引入本节课知识点（一）表单网页1、表单网页的作用：用于信息的交流与发布，增强页面的交互性！回忆表格网页的作用：2、网络中常见的表单网页：单行文本框单选按钮单选框下拉菜单复选框滚动文本框按钮上图一是我们所见的就是申请QQ号码时所必需的步骤之一，而今天我们也3、表单网页制作方法： 分两种情况，如果：a、网页中已经有表单网页 ，则“插入”“表单”“单行文本框/复选框/单选按钮”等b、若网页中没有表单网页 ，则先“插入”“表单”“ 表单”，然后“插入”“表单”“单行文本框/复选框/单选按钮”等注意：所有的表单域均在同一个表单内（即同一个虚线框 内）； （二）、网页属性设置1、网页背景（背景颜色、背景图片）：格式背景 或 网页的空白处右击网页属性背景2、背景音乐：网页的空白处右击网页属性常规单击“浏览”按钮查找音乐文件3、网页标题更改：网页的空白处右击网页属性常规 老师：下面给大家10分钟时间，参照学案上的提示，尝试练习“操作任务.txt”文件中的操作要求。四、学生自主操作： 启动FrontPage，打开“个人站点form.htm”文件，完成以下操作：*注意：网页素材都在“个人站点images”文件夹中。*1、合并第二行单元格，输入文字“请留下您的足迹！”，并设置文字为黑体、18磅，居中对齐；2、在网页最下方【插入图片处】插入图片backhome.gif，图片居中对齐；（删除提示文字）3、将网页最下方所有的*改成自己真实的信息；4、在【插入表单处】插入表单网页，（删除提示文字） 要求如下（可参考样张）： “姓名”：“单行文本框”宽度为15 “性别”： “来自何地”：“下拉菜单”包括淮安、南京、上海； “爱好”：看书“复选框”初始状态为选中； “您对本站的建议”：“滚动文本框”初始值为“谢谢”，行数为5；5、设置表格背景图片为bj1.jpg，第二行单元格背景图片为bj.gif；6、设置网页属性：标题为你的姓名，背景为你喜欢的颜色；*网页做好后，单击“文件”“保存文件”命令保存文件，关闭FrontPage,将“个人站点”文件夹重命名为你的“学号姓名”并上交。教师活动：教师四处走动，观察学生的操作情况，并适时指导。设计意图：通过自主操作练习，让学生了解本节课知识点，并在练习中发现难点，在老师讲解时更关注。教师通过观察，了解学生的操作能力，并发现学生的操作难点在何处，讲解时更有针对性，更能够突出重难点。五、新课内容重点、难点讲解老师：刚才同学们根据学案自主操作，操作的过程中有没有困难？学生：有。老师：都有哪些问题呢？学生：各个学生回答略有不同，但问题基本集中。老师：针对同学们在操作过程中发现的问题，下面我们一起来看一下如果解决这些问题。重点、难点讲解：1、插入表单网页后，注意各个表单项在同一个虚线框里；2、下拉菜单表单项选项的添加；3、网页背景、单元格背景与表格背景的区别；4、网页属性中网页标题的设置，效果必须在网页浏览器中才能看到。 六、学生自主操作：学生活动：学生继续操作，完成剩下的习题。教师活动：教师四处走动，继续观察学生的操作情况，并适时指导。七、课堂总结（下课前3分钟完成）和学生一起小结本节课知识点，并提醒学生上交作业。