网页制作一教案.doc

教学课题FrontPage网页制作一 教学目的知识与技能目标：1、了解网站、网页、主页等的基本概念 2、了解常见网页制作工具 3、掌握简单网页的制作过程和方法目标：培养学生根据学案自主学习的习惯情感和态度目标：通过表格、图片、动画等对象的插入与设置培养学生网页设计的美感教学重点Flash动画、图片、文本文件、表格的插入与设置教学难点Flash动画的插入、表格的属性设置教学方法演示与讲解法、练习法、任务驱动法学法指导自主学习、合作学习、练习巩固教学过程（一）新课导入老师：同学们，平时大家都喜欢上网吧？ 学生：喜欢。老师：我们为什么喜欢上网呢？学生：网站内容丰富，页码美观老师：那么这些网页是如何制作出来的呢？学生：学生思考状老师：从这节课开始，我们一起来学习如何制作自己网站。（二）展示学案内容1、了解一些基本概念（1）网站：因特网上具有相似性质和共同内容的一组信息资源就是一个网站，由网页等元素构成。（2）网页：网页是用HTML语言写成的文件，包括文本、图像、视频、动画及超链接等。（3）主页：也是网页，用来对整个网站进行概括性的介绍，相当于一本杂志的封面，文件名一般为index.htm（4）网页文件类型：一般为.htm 或 .html2、常用网页制作工具FrontPage：具有“所见即所得”的特性，HTML代码由FrontPage后台自动生成。Dreamweaver：是一个较为专业的网页设计软件，与Flash、Fireworks合称为“网页三剑客”。3、FrontPage介绍了解FrontPage的6种视图和3种工作模式制作网页是在网页视图的普通工作模式4、简单的网页的设计与制作网页中文字的输入与编辑：与WORD相同；表格选择题考点：表格的作用：页面布局；（1）表格插入：表格插入或工具栏；也可以用工具栏上的插入表格按钮 （2）插入行或列：表格插入行或列（3）删除行或列：表格删除单元格或右键删除单元格；（4）合并/拆分单元格：选中单元格，右键合并/拆分单元格；（5）表格属性设置：边框粗细、表格的背景、指定高度与宽度；选择题考点：如果在预览网页的时候看不到表格边框，应该把表格边框粗细设为几？（7）单元格属性：对齐方式、边框、背景、指定高度与宽度；（8）在单元格中插入图片、文件，注意：图片在单元格中的对齐方式设置 图片、文字在单元格中的对齐方式：单元格属性布局（水平对齐、垂直对齐）“插入”菜单：（1）图片(jpg、gif)插入：插入图片来自文件设置图片大小：在图片上右击图片属性外观大小指定大小（注意：是否需要保持纵横比）注意：在网页中可以使用的图片类型有多种，最常用的是GIF和JPG格式，因为这两种图片的文件较小，有利于提高网页的打开速度。扩展名为“.gif”的图片有时候可以产生动画效果。（2）插入Flash动画(.swf)：执行“插入高级插件”菜单命令，单击“浏览”选取FLash动画文件，并设置动画文件的大小与对齐方式。（3）文件（文本文件 txt）插入：插入文件，注意以何种方式处理老师：屏幕广播演示操作任务：启动FrontPage，新建网页，文件名为“bdfz.htm”，保存位置：个人站点。老师：下面给大家10分钟时间，参照学案上的提示，尝试练习“操作任务.txt”文件中的操作要求。（三）、学生自主操作： 打开“操作任务.txt”，操作练习，内容如下：启动FrontPage，新建网页，文件名为“bdfz.htm”，保存位置：个人站点。然后完成以下操作：*注意：网页素材都在“个人站点images”文件夹中。*1、插入一个41的表格，设置表格宽900像素，亮边框为褐色，水平居中对齐；2、在第一行单元格中插入flash动画：logo.swf，设置动画高198，宽900，水平居中对齐；3、在第二行单元格中输入文字“返回首页 病毒症状 病毒防治 杀毒软件”，并设置文字为楷体，大小14磅；4、在第三行单元格中插入文本文件“病毒防治.txt”，转换文本：带换行符的普通段落；5、在“病毒症状”左边插入图片“熊猫烧香病毒.gif”，设置图片宽300像素，高80像素，左对齐； 在“杀毒软件”右边插入图片“fz01.gif”，设置图片宽320像素，高220像素，右对齐；6、在第四行单元格中输入文字“版权所有：江苏省淮安中学高一（*）*”，并设置文字大小为2号，颜色为灰度，且居中对齐； 注意：*需要改成自己真实的信息。7、设置第二行单元格背景图片为：bg.gif；8、设置表格的背景为你喜欢的颜色；拓展任务、根据个人喜好进一步美化你的网页，如设置网页背景，设置文字格式，插入图片，插入水平线等。*网页做好后，单击“文件”“保存文件”命令保存文件，关闭Frontpage,将“个人站点”文件夹重命名为你的“学号姓名”并上交。教师活动：教师四处走动，观察学生的操作情况，并适时指导。设计意图：通过自主操作练习，让学生了解本节课知识点，并在练习中发现难点，在老师讲解时更关注。教师通过观察，了解学生的操作能力，并发现学生的操作难点在何处，讲解时更有针对性，更能够突出重难点。（四）新课内容重难点讲解老师：刚才同学们根据学案自主操作，操作的过程中有没有困难？学生：有。老师：都有哪些问题呢？学生：各个学生回答略有不同，但问题基本集中。老师：针对同学们在操作过程中发现的问题，下面我们一起来看一下如果解决这些问题。重点、难点讲解：1、插入表格后，设置表格的宽度900像素，注意单位是像素，有同学没注意把表格设置成了百分比，这样表格就拉长了，而且网页也很难看；2、flash动画的插入：执行“插入高级插件”菜单命令，单击“浏览”选取FLash动画文件，有同学没有选择FLash动画文件，导致动画无法显示；3、文本文件“病毒防治.txt”的插入，执行“插入文件”命令后，在选择文件窗口中，文件类型要设置成所有文件，否则只显示网页文件；4、插入图片后，设置图片的宽和高，保持纵横比前面的“”需去掉，否则无法设置。5、设置单元格背景与表格背景的区别，单元格属性中设置单元格背景，表格属性中设置表格背景。 （五）、学生自主操作：学生活动：学生继续操作，完成剩下的习题。教师活动：教师四处走动，继续观察学生的操作情况，