八年级信息技术制作网站（2）教案全国通用.doc

林湖中心校课堂教学教案
第8课时
课题
制作网站
课型
新授课
教材
苏科版必修下册第11单元第2节：
制作网站（第2课时）
教
学
目
标
1、知识与技能：
1）了解网页设计中表格的作用，掌握表格的制作方法，表格属性的设置方法；
2）根据网页设计内容，正确布局表格的结构；
3）掌握修饰与编辑单元格的方法，能在单元格中正确插入文字和图片；
4）掌握设计网页动态效果的方法（滚动字幕）。
2、过程与方法：
通过对比教学，使学生掌握学习及应用软件的基本方法和规律，达到举一反三的功效；。
3、情感态度与价值观：
通过“多彩的动物”网页设计，培养学生关爱生命、保护自然的责任感，提高学生的环保意识。
教学重、
难点
重点：掌握插入、编辑表格的方法及表格的属性设置，表格嵌套的作用及嵌套方法，恰当布局表格，网页动态效果设计
难点：恰当使用表格的嵌套设计，插件属性设置
教学
方法
1、通过与Word的对比，掌握FrontPage的表格操作
2、教师指导学生模仿教材中的步骤完成网站的创建和首页的制作
教学
手段
资源
1、教师提供制作网站所需要的素材
2、教师提供制作网页的操作指南文档和样张图片
教　学　程　序　设　计

教 师 活 动
学 生 活 动
导入
4'
上节课作业讲评：重点提示：
1、站点的建立。
2、在站点中新建网页。
3、保存网页。
4、把网站打包成RAR文件。
欣赏教师展示的作品，对其优点和不足作出合理的评价。
应用表格
布局
网页结构
15'
1、观察网页完成后的效果，分析网页的结构
教师展示“多彩的生物”网页（分别展示显示表格边框的网页和没有显示表格边框的网页），指导学生对其结构进行分析比较。
2、插入表格来布局网页结构：
1）根据前面分析的结论，按照以前在Word中插入表格的原则（最大的行数和列数）来插入一个表格
2）使用合并单元格的方法修改表格。
3）把表格的第3、5、7、9行设置为蓝色背景（提醒学生注意FrontPage和Word中的颜色的选择有什么区别）。
4）插入四个动物的图片（建议直接点工具栏中的“插入文件中的图片”按钮），并调整好图片的大小（要求宽度基本相同，提醒学生注意拖动边上的控制点和角上的控制点的区别）。
5）把四种动物的介绍文字复制到网页中，并把标题设置成统一的格式（字体、字号、颜色、居中对齐等）。
观察教师展示的网页，分析其结构，理解课本P67中表格结构示意图的含义

回顾Word中插入表格和合并单元格的方法，完成相关操作。

学会灵活的调整图片的大小。

回顾Word中调整文字格式和插入图片等的方法，完成相关操作。

上传网站
3'
回顾上节课的内容，可通过提问由学生进行示范操作
把自己制作的网站压缩成一个文件并上传
给网页
添加
动感效果
20'
1、添加滚动字幕：
打开刚才制作的网站和网页，继续完成后面的操作。
1）用鼠标点击一下需要插入滚动字幕的位置（第3行）。
2）执行“插入-Web组件”命令。
3）双击“动态效果”中的“字幕”。
4）输入字幕的内容（如课本P220右下角图示）。
提问：你能不能修改一下字幕中的文字的字体和大小？
教师提示：点一下左下角的“样式”按钮，看看有什么发现？

根据课本P68的介绍的步骤完成任务3的操作。

总结
5'
回顾本节内容，提示学生保存并上传作业。
布置作业。
学生进行回顾。
板
书
设
计
三、应用表格布局网页结构
任务1：把上节课的作业下载并解压缩到D盘。
操作方法：
1、将文件从网络文档中心中下载到桌面。
2、右击下载的文件，选择“解压文件…”，然后选择D盘。
任务2：打开网站，新建一个网页，并用表格布局此网页。
操作方法：
1、打开FrontPage，选择“文件-打开网站”，选择D盘中的网站打开。
2、新建一个网页，右击空白处，选择“网页属性”，在“常规”选项卡中输入网页的标题：“多彩的生物”，在“格式”选项卡中设置背景为浅蓝色，在“高级”选项卡中设置上边距和左边距为0。
3、插入一个10行5列的表格，并将其全部选中，右击选择“表格属性”，设置边框颜色为白色，其他内容不要修改（如课本P67右下角图示）。
4、根据课本P219的上面示意图把需要合并的单元格合并（打开表格工具栏进行操作）。
5、把表格的第3、5、7、9行设置为蓝色背景。
6、插入四个动物的图片（建议直接点工具栏中的“插入文件中的图片”按钮），并调整好图片的大小（要求宽度基本相同）。
7、把四种动物的介绍文字复制到网页中，并把标题设置成统一的格式（字体、字号、颜色、居中对齐等）。
8、将D盘中的整个网站压缩成RAR文件，然后复制到桌面，最后上传的网络文档中心。
四、给网页添加动感效果
任务3：添加滚动字幕。
操作方法：
1、用鼠标点击一下需要插入滚动字幕的位置（第3行）。
2、执行“插入-Web组件”命令。
3、双击“动态效果”中的“字幕”。
4、输入字幕的内容（如课本P68右下角图示）。
拓展提高：试试看，你能不能修改一下字幕中的文字的字体和大小。
5、将D盘中的整个网站压缩成RAR文件（在主文件名后面加个“2”，以区别于任务2），然后复制到桌面，最后上传的网络文档中心。
作业
实践与尝试P88练习与思考第3、4题。
后
记