用交互式按钮制作导航栏.docxVIP

用交互式按钮制作导航栏教学设计 科目信息技术课时班级初一课题使用交互式按钮制作导航栏1、教学目的2、 科目 信息技术 课时 班级 初一 课题 使用交互式按钮制作导航栏 1、 教学目的 2、 3、 了解导航栏设置的目的和重要性 会使用文本和按钮制作导航栏 掌握交互式按钮制作方法 重点难点课型讲授、自主学习操作演练教法讲授、自主学习、操作演练媒体 重点 难点 课型 讲授、自主学习操作演练 教法 讲授、自主学习、操作演练 媒体 电脑投影 1、 交互式按钮的属性设置 2、 交互式按钮的图片组成和图像选项卡参数设置 准备：从ftp： //40里复制自己上节课的作业至桌面并解压缩。 一、引入 观看4幅网页图片观察其结构，发现共同点一一都有导航栏。 导航栏的作用是什么？使用导航栏有什么优点？ 这种超链接使得站点的结构清晰、链接简单、查找方便。导航栏是用于导向web站点的一套超链接，典型的超链接导向主页和其他主要网页。他是用来 帮助网站访问者浏览站点的工具，我们可以称其为“网站地图”。为了便于站点访问者快速的返回 主页和调用站点主要网页，在每一网页上设置导航栏是十分必要的。导航栏是web站点超链接的主 线， 这种超链接使得站点的结构清晰、链接简单、查找方便。 教 学 过 程二、使用已学的方法建立导航栏学生在上节课作业的基础上使用己学知识制作自己的导航栏。找一个学生讲解制作方法。展示教师制作的“使用交互式按钮制作导航栏的网页”和“使用文本制作导航栏的网页” 两个，学生分析比较两种方法建立的导航栏的优缺点。交互式按钮可以实现网页的动态效果，使网页更生动、美观。1、2 教 学 过 程 二、 使用已学的方法建立导航栏 学生在上节课作业的基础上使用己学知识制作自己的导航栏。 找一个学生讲解制作方法。 展示教师制作的“使用交互式按钮制作导航栏的网页”和“使用文本制作导航栏的网页” 两个，学生分析比较两种方法建立的导航栏的优缺点。 交互式按钮可以实现网页的动态效果，使网页更生动、美观。 1、 2、 3、 使用交互式按钮建立导航栏 交互式按钮简介 交互式按钮是在它们上面悬停并按下鼠标指针时外形会发生改变的按钮。 插入交互式按钮 插入一交互式按钮 教师先演示操作，后学生操作。 交互式按钮格式设置 学生自学，然后展示作品。选取美观的作品让学生讲解制作方法。 思考：①、一个按钮由几幅图象组成？ 一个按钮有三幅图片，分别为原始图像、悬停图像和按下图像。 1、 2、 3、 ②、“按钮为JPEG图像并使用如下背景色”和“按钮为GIF图像并具有透明背景色”两 参数设置的意义？ 「JPEG的优点：具有还原真彩色的能力，按钮外观平滑，而且边角呈圆形。 Ljpeg的缺点：它们通常有纯色背景，放在特殊的页面背景上时，按钮在网页上显得不 太好看。 r GIF的优点：提供透明的背景。 GIF的缺点：只能显示256色。有时候，256色不足以模拟平滑、圆角的外形。 结论： 「 若要使按钮的背景色与具有纯背景的网页匹配选择”按钮为JPEG图像并使用如下 J背景色”，再选择背景色. , 若要使按钮的背景与具有变化背景的网页匹配则选择”按钮为GIF图像并具有透明 背景色? 4、对按钮进行美化 对导航栏按钮进行美化（如增加背景等），使其和网页广告栏匹配。 三、 学生练习：使用交互式按钮建立自己网页的导航栏，完成后将作品上交至 ftp;//40。 四、 点评价学生作品 通过多媒体展示学生作品，进行生生评价和师生评价。 五、小结本课 给出四道测试题有关于交互式按钮定义、组成、图像等问题。 教学后记学生对知识的掌握较好，但还存在对导航栏认识度不够，存在制作的按钮格式不一致、没与广 告栏对齐，各栏目没有均匀分配等现象。另外对颜色的把握度不好，背景色与广告栏色彩不搭配。 教学后记