苏科版制作网站（第二课时教案）
文档属性
| 名称 | 苏科版制作网站（第二课时教案） |  | |
| 格式 | zip | ||
| 文件大小 | 10.4KB | ||
| 资源类型 | 教案 | ||
| 版本资源 | 其它版本 | ||
| 科目 | 信息技术（信息科技） | ||
| 更新时间 | 2010-04-07 09:06:00 | ||
图片预览
文档简介
林湖中心校课堂教学教案
第8课时 2010年5月25日
课题 制作网站 课型 新授课
教材 苏科版必修下册第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题。
后
记
初中信息技术教案(下册) 八年级 杨克家 2010.05. 12-3
第8课时 2010年5月25日
课题 制作网站 课型 新授课
教材 苏科版必修下册第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题。
后
记
初中信息技术教案(下册) 八年级 杨克家 2010.05. 12-3
同课章节目录