任务二 制作网站首页 教学设计
1教学目标
【教学目标】:
1、会进一步认识首页的内容
2、能用表格进行布局
3、能对表格进行修饰
4、能进行动态效果修饰
2学情分析
本课主要知识点是建立在Frontpage2000表格操作与Photoshop7基础之上,要求学生对Photoshop具有较高的操作水平。同时表格教学比较枯燥,特别是本课的重点、难点——表格嵌套、根据图片特点裁剪图片、设计制作表格等知识点更加枯燥乏味。图片处理操作水平的差异和教学内容的枯燥,可能会造成很多学生不愿动手、不会动手。
3重点难点
【教学重点、难点】:
用表格布局首页
4教学过程
4.1 第一学时
4.1.1教学活动
活动1【导入】【导入】
一、导入:
投影展教育网首页、百度等首页。说明表格在网页制作过程中的重要性。
活动2【导入】【讲授部分】
二、插入一行一列表格。(表格定位功能,插入动画)
练习一:学生插入一行一列表格。
提问:你知道网页上都有哪些网页元素?
答案:动画、图片、文字等
教师从插入flash动画开始讲授,同时给同学们介绍各种软件操作的相通性(联想比较学习法)。Frontpage的操作可以同word、powerpoint等软件进行比较。
例如插入表格,提醒学生找关键词“插入”、“表格”,先找“表格”再找“插入”。插入图片操作可以找关键词“插入”、“图片”,先找菜单栏中有没有“图片”,如没有就找“插入”,再找“图片”等相关菜单命令。
教师在大部分学生探索操作不成功情况下演示操作。(遵循联想比较学习法)
操作步骤:
“插入”——“高级”——“插件”——选择数据源——设置宽高等。
学生根据老师介绍插入flash动画。(学生操作完成后分组加分,该小组有几人完成就加几分)
三、插入多行多列表格。(提高网页传输速度)
教师介绍表格中不但可以介绍flash动画还可以插入图片,但插入图片后,会造成图片显示速度太慢。因此,在制作首页时往往需要裁剪图片。投影展示图片显示速度太慢动画。
教师和学生共同分析裁剪图片后,需要插入几行几列表格。
练习二:学生根据分析结果插入三行一列表格,同时在表格中插入相应图片。
教师总结练习,分组加分。
学生上台演示操作,教师旁边讲解学生操作过程。
课件6张PPT。制作网站首页【教学目标】 1、会进一步认识首页的内容 2、能用表格进行布局 3、能对表格进行修饰 4、能进行动态效果修饰【教学重点、难点】 用表格布局首页??一、导入 学会了用表格来制作网页，今天我们进一步用它来设计网站的首页。 二、新课 1、进一步认识首页 首页的文件名是什么？图标如何？观察导航栏。 小组讨论，学习；交流，点评。 2、运用表格设计首页 用上节的内容，运用表格来设计首页。参考31、32页的样子；设置栏目，插入图片。 小组讨论，学习，操作；交流，展示，点评。 3、插入滚动字幕 可以在某个单元格上设置滚动的字幕，那看起来就更棒了。怎么做呢？可以对字幕的字进行美化吗？ 小组讨论，学习，操作；交流，展示，点评。 4、隐藏表格线 基本完成了，但我们不能让表格的线也出现在网页上啊。怎么办呢？ 小组讨论，学习，操作；交流，展示，点评。 谢谢！
