云南教育出版小学六年级信息技术上册教案教学设计全册可修改打印.doc

20xx-20xx学年度第二学期学校教学设计 教案说明：本教案注重了培优辅差及学困生的转化，注重学生的全面发展，教案环节齐全、内容详细，可以A4纸直接打印。 学 科 ： ；任课班级 ： ；任课教师 ： ；20xx年 月 日六年级第 7 册教案目录第一单元 云南之最网页制作人类生存的证据元谋人之齿 古老又焕发新生的纳西古乐（一） 古老又焕发新生的纳西古乐（二） 云南之最（一）云南之最（二）第二单元 恐龙之迷网站整理 网站整理 恐龙图赏 音画霸王龙 恐龙故事和游戏（一）恐龙故事和游戏（二） 恐龙之最恐龙知多少 第三单元 做网站 助学习网站规划和设计 规划网站 搜集素材，创建网站 导入素材，制作网站 测试、上传网站第 1 课 人类生存的证据元谋人之齿教学目标：1. 了解网页制作软件 FrontPage。 2、创建一个介绍元谋人之齿的网页并保存。 3学会预览网页效果。 教学重点：创建一个网页并保存 教学难点： 课时安排：两课时 教学准备：相关图片和文字资料 教学过程： 第一课时 一、导入 这个单元让我们学习制作“云南之最”的网页，了解我们的家乡，也通过这种形式，让 更多的人爱上云南。 二、学习新课 1了解网页制作软件 （1） 启动 FrontPage2003 （2） 认识窗口的组成。 看教科书第 4 页插图说说窗口的组成和以前学过的哪个软件相似？有哪几部分组成？ 2、制作第一个网页 启动程序后，默认新建一个名为“new-page-1.htm”的网页 3、保存网页 将网页文件保存在 “云南之最” 文件夹， 文件名用英文字母 “ymrzc” 网页标题用汉字 “元 谋人之齿”保存。 讲解：在网页保存时有两个名称，一个是文件名，一个是网页标题。因为网页上传到因 特网不支持汉字，网页标题在浏览器中的标题栏中出名，可以使用中文，一般情况下网页中 第一行文字会默认为“标题名”进行保存。 4、预览网页 方法一：在编辑模式栏中点“预览”标签 方法二：在工具栏中点“在浏览器中预览”按钮进行预览。三、技能练习 1、启动 FrontPage，仿照书上新建一个介绍“元谋人”的网页。 2、保存网页：文件名为“ymrzc”,网页标题为“元谋人之齿”第二课时 综合实践 完成制作一个介绍和顺图书馆的网页。一、 复习制作网页的相关知识 1、新建网页 2、保存网页并预览网页 3、插入图片并设置图片属性 二、练习 1、继续完成上节课的“元谋人之齿”的网页。 2、 有能力的同学可利用教师提供的图片和文字资料制作一个介绍和顺图书馆的网页并保存为 “lianxi”. 第2课古老又焕发新生的纳西古乐（一）教学目标：1. 新建一个网页，介绍纳西古乐。 2、使用表格为网页布局，并插入相关的图文。 3、在网页中插入字幕和水平线。 教学重点：使用表格制作网页并学会插入字幕和水平线。 教学难点：表格布局网页 课时安排：两课时 教学准备：相关文字和图片资料 教学过程： 第一课时 一、 导入在丽江纳西族的音乐文化中， 纳西古乐驰名中外。 据考证， 纳西古乐起源于公元 14 世纪， 它是云南最为古老的音乐，也是中国及世界最古老的音乐之一。这节课我们就来制作一个介 绍纳西古乐的网页。 二、 新课1、启动 FrontPage，新建网页并保存 网页保存在“6-2 班”文件夹“云南之最”文件夹下，文件名：nxgy 2、学习使用表格布局网页 网页中常常有大量的图片文本等内容，使用表格可以控制文本和图像在页面中的位置， 把文字和图片规范的对齐，使整个页面看上去紧凑而统一，井井有条，美观大方更有吸 引力。 方法： “表格”“插入表格”在弹出的对话框中 输入行和列数， 并对对齐方式宽度边框进行设置如图 所示：提示：在网页中插入的表格可像在 Word 中一样修改高度宽度，合并拆分单元格等，教师适 当演示。 3、学习插入水平线 将光标定位于要插入水平线的位置，执行“插入”“水平线”命令，在网页中就插 入一条水平线了，要修改水平线的属性，双击“水平线”弹出对话框，可设置水平线的颜色、 宽度、高度粗细等属性。4、学习插入 WEB 组件字幕 执行“插入”“WEB 组件”在弹出的对话框中点选动态效果字幕，在文本框中输入 “古老又焕发新生的纳西古乐”选择方向速度表现方式等设置后点“确定”按钮。三、说一说：1、在网页中应用表格进行布局后，编排图文有什么优势？ 2、网页中的字幕和水平线有什么作用？ 四、 技能练习：新建网页，使用插入表格、合并、拆分单元格等方法，在下列布局中任选三个照着做一 做。 不同表格布局第二课时综合实践：世界上花开得最多的茶花树玉峰寺万朵茶花 要求： 利用配套光盘上提供的相关素材，制作一个介绍玉峰寺万朵茶花的网页。 1、网页文件保存在“云南之最”文件夹下，文件名为“wdch” ，网页标题为“玉峰寺万 朵茶花” 。 2、将使用到的素材图片复制到“云南之最”文件夹下。 3、使用表格对网页进行布局，将图文有序编排。 4、在网页中恰当的位置插入水平线。 5、在网页中插入滚动字幕。 6、预览网页效果。 【课后反思】第3课古老又焕发新生的纳西古乐（二）教学目标：1. 打开介绍纳西古乐的网页。 2、为网页设置背景：背景色、背景图片、背景音乐。 教学重点：为网页设置背景色、背景图片、背景音乐。 教学难点：为网页设置背景音乐 课时安排：两课时 教学准备：相关文字和图片资料 教学过程： 第一课时 一、 复习上节课内容：指名学生在网页中插入表格，插入水平线和动态字幕并进行相应 设置。 二、 新课 1、启动 FrontPage，打开网页 执行“文件”“打开”命令，打开纳西古乐网页。 2、学习设置背景色和背景图片 （1）设置背景色 “格式”“背景”命令，在弹出的“网页属性”对话框“格式”选项卡中进行设置， 可为网页设置背景色。（2）设置背景图片 方法同上：在背景栏，打勾，点浏览按钮选择想要设置的图片。3、为网页设置背景音乐 执行“格式”“背景”命令，在弹出的对话框中“常规”选项卡，是单击“背景音 乐” “位置”框右侧“游览”按钮，弹出“背景音乐”对话框，进行设置。 提示：声音格式支持：MIDI、WAV、AIFF 和 AU 等格式。其中 MIDI 容量最小，有利 于提高网页的游览速度。三、练一练 给上节课做的纳西古乐网页，添加背景图片，背景音乐。并输入相关文字内容。 三、 第二课时1、复习 指名学生演示：怎样给网页添加背景图片和背景音乐？ 2、欣赏学生网页作品 3、完成书本中制作网页的练习。 4、讲评学生作品。第4课云南之最（一）教学目标：1. 自选主题，在网上搜集相关素材，利用这些素材制作一个网页并保存。 2、了解其它同学网页制作的情况，从中选择一些感兴趣的内容。 3、利用素材中提供的“主页”模板，将选中的网页标题制成目录。 教学重点：自选主题，在网上搜集相关素材，利用这些素材制作一个网页并保存；利用教师 提供的模板制作一个云南之最的主页 教学难点：利用素材自己设计版面制作网页并制作云南之最的主页 课时安排：两课时 教学准备：相关文字和图片资料 教学过程： 第一课时一、 导入新课： 前几节课， 同学们学会了如何利用 Frontpage 2003 制作一个由文字和图片组成的单一主 题的网页。但是制作好的网页是需要一个主页来做为平台，这样才构成一个完整的网站。 师：演示打开小精灵儿童网站，让学生了解什么是“导航栏”什么是“主页”。二、 新课讲解启动 Frontpage，根据教材提供的备选主题，上网查找资料制作一个云南之最网页。 保存网页为 INDEX：（1）打开教师提供的主页模板，添加云南之最网页目录， （2）单击“另存为”按钮。 （3）在弹出的“另存为”对话框窗口中选择保存的位置盘个人文件夹云南之最。 （4）将文件名重命名为“Index”单击“保存”按钮。 （5）特别强调：图片文件一定要同时保存到网站内部，以防止在浏览器中显示时丢失图片。 三、课堂练习 1、 2、 请同学们完成书上 P13 页的练一练。 教师注意强调一定要为图片保存到网站同一目录下。请做的较好的同学演示给别的同学看。 同学之间互相交流。第二课时 综合实践 一、 复习1、什么叫主页？保存时有什么要求？ 2、观赏几个网站的主页，并从以下几个方面进行简单的分析： （1） 内容是否吸引你？颜色是否漂亮？能否看清每一项内容？ （2） 能否顺利地打开你感兴趣的内容？ （3） 谈谈这个网页中你最欣赏的部分？并说说原因？ 二、 综合实践继续制作自选主题网页，并完成主页目录的制作，并修改主页背景色和字体等给主页制 作得更吸引人。 三、 作品展示交流挑选出制作得较好的作品，进行讲评交流。教学目标：1. 获取共享文件，并将其共享文件保存到“云南之最”文件夹。2、建立网页间的超链接，将网页链接为网站。教学重点：给文件夹设置共享，学会建立网页超链接。 教学难点：将多个网页利用链接设置为网站 课时安排：两课时 教学准备：相关文字和图片资料 教学过程： 第一课时 一、导入新课： “上几节课我们学会了制作出一张网页，为了能让多个网页链接起来，最终 形成一个网站，我们今天就来学习如何制作链接。 ” 二、教授新课： 1 教授制作链接（以文字链接文件为例，其他类似） ： 步骤： 选中要链接的文字。单击工具栏中的“插入超级链接”的按钮，出现“创建超链接”对话框。 单击 按钮，出现“选择文件”对话框。 选定文件，单击“确定”按钮。 2教授其他不同的连接目标：指向网页的链接。指向文件的链接。 制作发送电子邮件的超链接。 创建一新网页，并链接到该网页。 三、综合练习： 把事先准备好的网页“index.htm”和文件“biaoti”发到学生机器上，让学 生按要求制作链接：把图片链接到新浪网，把标题链接到文本文档“biaoti” ，把 动画链接到学生自己的邮箱。 教师巡回指导。 四、总结： “经过本堂课的学习，大家可以把制作的几个网页链接起来，也可以链接 到其他网页上，这样我们就可以更好的制作网站了。 ”第二课时（机动安排） 继续制作云南之最网站第6课网站整理教学目标：1. 打开指定网站，浏览网站中各网页的内容。 2、对网页进行组织，根据网页之间的关系，建立相应的网站结构。 3、 在各网页中插入基于导航结构的链接栏， 快速建立网站导航关系。 教学重点：建立网站结构和网站导航关系。 教学难点：将多个网页进行组织制作导航栏 课时安排：两课时 教学准备：相关文字和图片资料 教学过程： 一、 导入 同学们！真真小朋友制作的站点包含 20 多个网页，这些网页的内容是 什么？网页之间有怎样的关系？需要怎样合成一个网站呢？今天我们就来 学习网站整理。 二、新课 1、 打开网站观察（1） 观察网站中有多少张网页？能否通过网页文件名或网页标题名大致了 解网页的内容？ （2） 快速浏览各个网页，初步了解各网页的内容。 （3） 将各个网页之间的关系用“目录树”的形式在下图中简单列出。 2、 使用导航视图，建立网站结构（1） 单击视图栏中“导航”按钮，进入“导航”视图。 （2） 将处于主页下一级的五个网页分别拖动到右边导航栏“主页”下方，待虚线相接，松开鼠标即可。 （3） 按照层次关系，将下一级网页和网页“恐龙种类”相连。 导航知识：明确站点间的导航结构，主要是为了确定网页之间的关系。既可 以先建好导航结构再编辑网页，也可以先制作网页，再组织导航结构。建好 导航结构后，就可以插入链接栏，快速建立网页之间超链接。导航中的网页， 显示的都是“网页标题” ，而不是网页文件名。 3、 插入链接栏，建立网页间的超链接导航结构建立完毕，就可以在各个网页中插入链接栏了。 （1） 双击进入网页编辑状态。 （2） 插入新的一行。 （3） 执行“插入”“导航”命令，在“插入 WEB 组件”对话框中， 选择“基于导航结构的链接栏”后，单击“完成”按钮。 （4） 在弹出的对话框中选择“要添加到网页的超链接”为“同一层”的 网页和“主页” 。 （5） 单击“确定” 。 练习 1、 说一说：（1） 建立导航结构有什么用处？ （2） 如何创建网页上的链接栏？ （3） 能否在主页上的链接栏中添加指向“同一层”或“父层”的超链接。第7课恐龙图教学目标：1. 打开网站，编辑某个网页的内容。 2、插入图片库并设置图片库属性。 3、设置共享边框，添加网页横幅图，强化网页。 教学重点：给文件夹设置共享，学会建立网页超链接。 教学难点：将多个网页利用链接设置为网站 课时安排：两课时 教学准备：相关文字和图片资料 教学过程： 一、 复习导入新课： 上节课，同学们学会了如何利用Frontpage 2003制作一个简单的由文字组 成的个人网站，但是这样的网页是很单调的，今天我们就来学习如何为我们的 网页创建图片库。 二、 新课讲解 1、 插入并设置图片库属性 （1） 启动FrontPage,执行“文件”“打开网站”命令，打开指定位置的站点，在“文件夹”视图中选取需要插图的网页，双击打开。 （2） 插入图片库并设置属性。 1）插入图片库。 A确定图片库插入的位置。如果表格空间不够，应插入新行或列。 B执行“插入”“图片”“新建图片库”命令，弹出“图片库属性”对话框。 2）设置图片库属性。A添加图片。 B编辑图片 C给图片写标题和说明 D调整图片库布局。默认的图片库在网页上是“水平”布局，可以在“布局选项 卡”中，将布局调整为其他形式。 （3） 保存网页并预览。保存网页时，会要求将图片库中的图片，作为“嵌入式文件”进行保存，保存 时，应按下对话框中的“更改文件夹”，选择图片保存至网站中的Images文件 夹。预览网页浏览图片库的内容。第二课时 一、导入 在已有的恐龙网站中，有些网页的标题位置插入了特别制作的横幅图，使 浏览网页的人对网页内容一目了然，而且页面也比较美观，这节课我们就来学 习使用共享边框，为所有恐龙网页添加一个横幅图。 二、新课 设置共享边框，插入网页横幅图 （1）制作网页横幅图 用教师提供的素材图片，任选一种图片处理软件，（如ACDSEE或画图软件）为 具体介绍各个恐龙的网站制作一幅横幅图。 要求：1、宽度与网页中文字内容的宽度相当，高度值较小，如：800*150、750*150、 700*200等，具体数值还要根据情况而定。 2、图中包括网页标题文字，图片内容与网页内容相关。3、如果素材图片的尺寸不合适，可对其进行剪裁、缩放处理。 （2）设置网页共享边框，并插入横幅图。 A打开任意一个恐龙网页，单击“格式”“共享边框”命令，在弹出的“共享边 框”对话框中选择“当前网页”，再单击复选框“上”后确定，在网页上方会 出现共享边框的提示。 B单击“注释”，注释文字被选定，执行插入图片的命令，将制好的网页横幅图 片插入共享边框，调整大小、设置居中。 C保存网页，注意将图片保存至Images文件夹中。 D依次打开其他恐龙网页，执行“格式”“共享边框”命令，设置与刚才设 置完全相同的共享边框，确定后，在网页上方会自动出现与刚刚设置好的网页 完全相同的横幅图片，而不需重复插入图片操作。 三、 课堂练习 技能练习滑板少年 用素材中提供的名为“滑板少年”的网站，里面包含四个网页。 1、设置共享边框： 要求：利用素材，制作网页横幅。为这个网站的所有网页添加共享边框，内容 与制作好的网页横幅图和一句宣传语。 2、在网站中的“图片”网页中，添加一个图片库。第8课音画霸王龙教学目标：1. 在网页中插入视频文件。 2、在网页中插入音频文件。 3、控制音频文件的播放。 教学重点和难点： 插入音频文件和视频文件。 教学过程： 一、导入新课： 展示带有视频文件和音频文件的网页作品。同学们想不想学习在网页中插 入视频和音频呢。今天我们就来学习如何在网页中插入音频和视频文件。 二、教授新课： 1 插入音频文件 步骤： 启动网页制作软件，执行“文件”“打开网站”命令，打开指定位置的 konglong 站点，打开“霸王龙”网页。 将光标置于“点击收听霸王龙叫声”上方的单元格中。 单击“插入” “WEB 组件”命令，在弹出的“插入 WEB 组件”对话框中点选 “高级控件”“插件”后，单击“完成” 按钮。 在弹出的“插件属性”对话框中单击“游览”按钮，设定“插件数据源”为 素材中提供的霸王龙叫声的音频文件，单击“确定”按钮后，在光标所在位置 出现音频插件图标。 2保存插入的音频文件 将插入的音频文件保存到网站中的 audio（声音）文件夹中。保存音频文件的方法和保存图片相同，需存为嵌入式文件。站点中没有 audio 文 件夹，需要在站点中新建这个文件夹。 3、游览网页，收听声音。 4、学习了解常见的音频文件。 （1） wave 些文件格式为最经典的多媒体音频格式， 扩展名.wav。 使用 windows 自带的“录音机”录制的文件格式就是 wave，其应用非常广泛。 (2)midi 些文件格式是采用数字方式对乐器所奏出来的声音进行记录。 (3)mp3 些文件格式是以数字方式储存的音乐，它采用一种很优秀的压缩方法， 将 CD。 (4)音乐 CD 是当今世界上音质最好的音频格式，其扩展名的.cda （5）RA 系列（6）wma第二课时 综合练习： 把事先准备好的网页“index.htm”和文件“biaoti”发到学生机器上，让学 生按要求制作链接：把图片链接到新浪网，把标题链接到文本文档“biaoti” ，把 动画链接到学生自己的邮箱。 教师巡回指导。 三、 总结： “经过本堂课的学习，大家可以把制作的几个网页链接起来，也可以链接 到其他网页上，这样我们就可以更好的制作网站了。 ” 第9课恐龙故事和游戏（一）教学目标：1. 分析动画素材内容，确定动画栏目的结构。2、创建保存框架网页。教学重点难点：设计动画网页结构并保存框架网页 课时安排：两课时 教学准备：相关文字和图片资料 教学过程： 一、 导入 在上一节课上， 我们都学会了做什么样的网页？ 答： 做一个带框架的网页。 那么大家有没有发现，我们在 Frontpage 中，使用了页面框架的方法来制作 网页后，网页上会有一些我们并不想看到的内容出现？ 这些内容我们能不能让 它不出现呢？ 这个问题我们待会再讨论，那么大家有没有发现有些框架的页面大小并不适合 我们以后做网页的要求呢？ 我们能不能在以后做网页的时候再调整这些页面的大小呢？二、 新授 今天我们就来学习怎样在已经使用框架结构的网页上把那些不需要的东西 去掉和调整网页页面大小的方法。 （一）调整框架属性 下面我们就来学习怎样把一个使用了框架的网页中那些不需要的东西去掉的方 法调整框架属性。板书：调整框架属性 步骤一：在框架页面中右击鼠标，弹出快捷菜单，选择“框架属性”命令。 步骤二：在弹出的“框架属性”对话框中，选择“框架网页(F)”按钮。 步骤三：在“框架间距(F)”右侧框中调整框架边框线的粗细。 步骤四： “显示边框(B)”选项前的复选框，将勾去掉，单击“确定”按钮，返回 “框架属性”对话框。 教师演示操作过程 板书：右击 框架属性 框架网页 框架间距 显示边框 学生按照教师所演示操作过程，完成网页框架属性的设置修改。 （二）调整框架大小 调整框架大小，是采用手工调整的方法。将鼠标移至要调整大小的框架页的边 框上，当鼠标指针变为双箭头形状 时，按住鼠标左键不放进行拖动，直到满意 为止。 板书：鼠标拖拉 学生练习： 完成 P34 中的两个“练一练” 板书： 框架结构的设置 调整框架属性 调整框架大小 右击 第 10 课恐龙故事和游戏（二）教学目标：1. 在动画栏目的相应网页中，插入 Flash 动画。 2、完成动画栏目网页间的链接，整合这个栏目。 3、将动画栏目与恐龙网站的主页进行链接，完成后游览欣赏。 教学重点：给文件夹设置共享，学会建立网页超链接。 教学难点：将多个网页利用链接设置为网站 课时安排：两课时 教学准备：相关文字和图片资料 教学过程： 一、复习 在前面的学习中，我们学会了在网页上制作滚动字幕。那么同学们是不是 都会做了呢？三、 引入 大家在上网浏览的过程中，有没有注意到有些网页上的某些图片会在你用 鼠标点击后变成另外一张图片？或者是有些文字会从不同的地方突然飞出来？ 四、 新授 其实这种效果我们称为网页的动态效果，这种动态效果分为两种，一种是 图片的动态效果，一种是文字的动态效果。今天我们学习做图片的动态效果。 板书：图片动态效果 图片的动态效果 做一个图片的动态效果需要以下几步步骤： 步骤一：单击“格式”菜单中的“动态HTML效果”命令。步骤二：单击工具栏中的 ，插入一张图片。步骤三：选定图片，单击“开启”下拉列表中选择一种事件，如“单击”事件。 步骤四：在“应用”下拉列表中，选择一种效果，如：“交换图片”效果。 步骤五：在“选择设置”中，单击“选择图片”。步骤六：选择图片。 步骤七：单击“确定”按钮返回页面。 教师演示操作过程板书：格式动态HTML效果 单击插入图片按钮 选定，选择“开启”事件 选择“应用”效果 完成效果设置 单击“确定”完成 学生按照教师所演示操作过程，完成在网页上制作图片动态效果的过程。 文字动态效果 板书：文字动态效果 做一个图片的动态效果需要以下几步步骤： 步骤一：输入文字“欢迎光临！”，并设置文字格式。步骤二：将光标置于文字一行内，在“动态HTML效果”工具栏中选择“网页加 载事件”，在“应用”下拉列表中选择效果，如“飞入”效果，飞入的方式为 “从底部”。 教师演示操作过程板书：输入文字 设置文字格式 在“动态HTML效果”工具栏中选择事件 选择“应用”效果 选择方式 学生按照教师所演示操作过程，完成在网页上制作文字动态效果的过程。 注意：在上本课教学内容时要提醒学生，以上两种动态效果一定要在“预览” 状态或者是在浏览器窗口中才能看到动态效果。 删除动态效果 如果在制作网页动态效果的过程中，对于自己所做的动态效果不满意或者 是做错了，你可以把所做的动态效果删除。删除的方法就是打开“动态HTML效 果”工具栏，利用其中的“删除效果”按钮就可以把动态效果删除。 学生练习： 完成“练一练 试着做一下把所做的网页动态效果删除。 板书： 网页的动态效果 图片动态效果 文字动态效果 格式动态HTML效果 单击插入图片按钮 选定，选择“开启”事件 选择“应用”效果完成效果设置 单击“确定”完成 输入文字 设置文字格式 在“动态HTML效果”工具栏中选择事件 选择“应用”效果 选择方式 教学小结：第 11 课恐龙之最教学目标：1.使用交互式按钮，设置超链接到网页内容的书签。 2、设置电子邮件超链接。 3、设置指向其他网站的超链接。 教学重点：设置超链接到网页内容的书签和电子邮件超链接。 教学难点：正确设置各种链接 课时安排：两课时 教学准备：相关文字和图片资料和网页 教学过程： 一、导入 在恐龙之最里一共介绍了六种恐龙之最，文字较长不便于读者阅读。让 我们给网页设置书签，并设置交互式按钮，使超链接到书签。然后在网站中留 下自己的电子邮件地址，并创建一些指向因特网中恐龙网站的超链接供大家参 考使用。 二、新课 1、设置超链接到网页中的书签内容 （1）打开网站，打开网页 zui.htm。 （2）在网页中相应的位置插入书签 （3）设置交互式按钮超链接到书签。 2、在主页中插入电子邮件超链接 我们在浏览一些精彩的网站时，有可能会想起和作者联系，作者有时也 会对某些栏目设置互动，邀请读者和自己联系。这种时候可以在网页中留下作者的 E-mail 地址。 方法一：将自己的邮件地址直接输入会自动转换为超链接预览时只要点 击这个链接就会打开系统默认的电子邮箱。 方法二：不将自己的邮件地址输入，而用文字或图片表示“单击此处即 可发信给作者，然后对其进行超链接设置。 2、 在主页中插入指向因特网的友情链接很多网站都有一个栏目，叫做“友情链接” ，一般会将自己的网站在内容中 或是其他地方有联系的网站地址提供给读者，只需单击这些链接，就可以直 接访问那个网站。第 12 课恐龙知多少教学目标：1.设置热区链接。 2、检测热区链接效果。教学重点：学习设置热区链接。 教学难点：设置热区链接的效果。 课时安排：两课时 教学准备：相关网页素材资料 教学过程： 一、 导入恐龙站点中有个网页“恐龙种类知多少” ，网页中提供了一幅世界恐龙化石分布图 ，让我们在其中设置热区链接，使该图担负起导航的任务。 二、 1、 新课在图片中创建“热区链接”（1） 打开网站，打开网页 zhonglei.htm （2） 在图片世界恐龙化石分布图上绘制热区，设置超链接。 方法：选定图片、选用“长方形热点”工具，在图中非洲地区“腕龙”图形 的周围绘制一个长方形热点，绘制结束后，将自动弹出“插入超链接”对话 框。在对话框的“当前文件夹”框中选择该按钮所对应的网页 z-wan，使之 出现在地址栏中，然后单击“确定”按钮。 2、 预览热区链接，检测链接效果保存网页，在预览状态下浏览 三、 说一说1、 热区链接有什么好处？ 2、 如何设置热区链接？ 练习：在因特网上游览时经常能够发现热区链接的应用。在下面的网 页中找找，哪里设置了热区链接？ 四、 课堂练习制作班级网站，在主页上插入一张班级合影。从合影中选取需要介绍 的同学和老师，通过热区链接，打开新的网页，对其进行详细介绍。第三单元学习目标学会规划网站结构， 学会在导航视图下新建网页，并建立网页链接关系 根据需要搜索、下载、整理各类素材。 学会新建网站 学会将各种类型文件导入网站。 学会检测站点的方法。 学会发布站点。第 13 课规划网站教学目标：1.确定网站的主题。2、规划网站结构，绘制结构示意图。教学重点：学会根据需要规划自己的网站结构。 教学难点：规划网站结构绘制结构示意图 课时安排：两课时 教学准备：相关文字和图片资料 教学过程：一、 导入 要想制作一个网站，预先的规划少不了。有句话说：在你打开电脑之前， 应该先打开头脑。较好的规划方法是绘制“网站规划示意图” ，将网页和网页之 间的关系用图形方式表现出来。规划包括确定网站主题初步确定网站结构。二、 新课 1、 确定网站主题 网站的主题很重要。一个网站，如果主题不受欢迎，制作本身就失去了价 值。作为主题学习网站，应该选择什么样的主题呢？ 提示：主题应是自己感兴趣的内容，而不必拘泥于课程。我们学习的所有 科目都可以作为选择范围，即使是体育课，可以发掘的资源也不少。 所选取主题应该能够吸引其他同学的兴趣。 可以采用下面的方法测试一下： 你想一个主题，向 5 个同学征询意见，如果有 3 个人觉得有意思，那就是 可行的，否则应考虑修改主题。 主题要小而精：定位要小，内容要精。如果你想制作一个包罗万象的站点， 那么往往事与愿违，给人的感觉是没有主题，没有特色，样样有，却样样 都很肤浅，你也不可能有那么多的精力去维护它。 主题要有可拓展的空间。 主题最好有实用价值。 做一做：确定主题，填写下表 涉及科目 主 题 主题相关年级网站题目2、 规划网站结构，绘制结构示意图 在制作站点前，应事先做好规划大约需要多少张网页，每张网页的基 本内容、网页之间的链接关系等。这样，我们就可以根据需要去查找资料， 并在制作站点的过程中心中有数。 如 88 页所示一个网站的规划：三、 课堂练习： 在书上的方框中，参看 89 页其他同学老师选用的主题自己做一个网 站规划示意图（草图） 第 14 课搜集素材，创建网站教学目标：1.学会搜集素材。2、创建网站，创建网站导航结构。教学重点：学会搜集网页素材。教学难点：创建网站导航结构 课时安排：两课时 教学准备：相关文字和图片资料 教学过程： 一、 导入 在创建站点之前，要通过各种渠道收集、筛选、整理资料。丰富、有序的资 料会让你的网站制作工作取得事半功倍的效果。 资料收集完毕，就可以开始创建网站。使用导航视图，可以方便地建好全部 网页及导航结构。 二、新课 1、搜集、整理素材（1）搜集素材。 选择的主题不同，需要的素材不同，搜集素材的途径也不同。根据不同的需 要，选择不同的途径，搜集各类素材。 试一试：创建网站专用文件夹。根据自己制定的网站规划，搜集相关素材， 并保存至专用文件夹中。 （2）整理素材 素材收集完后，应根据制作网站的需要，对其进行进一步的分类整理。 2、 创建网站，创建网站导航结构（1） 创建网站（以在 D：/创建一个名为“caoyuan”的网站为例） 执行“文件”“新建”命令在“新建”窗格中选取“由一个网页组成 的网站”项。在“网站模板”对话框中，单击“浏览”按钮，在“新网 站位置” 对话框中， 按下 “新文件夹” 按钮， 输入文件夹名称为 “caoyuan” , 确定后单击“打开” 。 “网站模板”对话框中“指定新网站的位置”框中 出现 D：/caoyuan”,单击确定按钮，新网站创建成功。 （2） 根据制定的网站结构图， 在导航视图下， 新建网页， 创建导航结构。 根据制定的网站结构图，在导航视图下新建网页，创建导航结构。 在导航视图下，根据规划新建网页。 在导航视图中重命名网页标题 （3） 在文件夹视图中，修改各个网页的文件名。a) 课堂练习： 根据制作好的网站结构，制作网页。第 15 课导入素材，制作网站教学目标：1.导入素材。 2、制作网站。教学重点：导入素材。教学难点：制作网站 课时安排：两课时 教学准备：相关文字和图片资料 教学过程： 一、导入 创建站点后，可将准备好的各种素材一次性地“导入”站点。这样可以 大大简化制作时插入各种素材的工作，达到事半功倍的效果。素材导入后就可 以制作网站啦！ 二、新课 1、导入素材 在制作站点时，网页中要插入很多素材：如图片、声音、影片、FLASH 等等，通常都是使用“插入”命令完成。每插入一个文件，都要使用一次命令， 完成一套插入的程序，最后还要将其作为|“嵌入式文件”保存至相关的文件夹， 步骤比较麻烦。如果直接将素材导入站点，然后调用就会大大提高效率。 （1）导入文件以图片素材为例 A 选定素材文件导入的位置 B 执行“文件”“导入”弹出“导入对话框” 。C 在“导入”对话框中单击“添加文件”按钮，弹出“将文件添加到导入 列表”对话框。 D 从中找到素材文件所在的文件夹，选取所需文件后，单击打开按钮。 E 所有选定的图片文件出现在“文件”框中，单击“确定” F 所有图片已经导入到指定文件夹下了。 （2） 导入文件夹以声音、视频素材的导入为例 提示：导入文件夹和导入文件的方法基本一致，只不过在“导入”对话 框中选择的是“添加文件夹” 。为了在网站上传时不出问题，站点中的文 件夹也应用英文名称。 4、 使用导入的素材素材导入站点后，使用起来就方便多了。 如：可将所有导入的素材（包括图片、声音、等）从左侧的文件夹列表框中 拖到网页编辑窗口中直接使用。 在保存网页时就不会出现 “保存嵌入式文件” 对话框。 三、课堂练习： 制作网站并填写下面表格： 网站名称 网站中包含的网页数量 是否使用表格进行网页布局 是否插入了图片 是否插入了图片库 是否插入了其他媒体素材 是否设置的网页背景，是否在导航中建立了网站结构 是否应用了共享边框 是否使用了框架网页 怎样实现网站导航？ 是否使用文字、图片等对象建立了其他 超链接 是否将自己的电子邮件留在网页中 是否链接了与网站内容相关的站点 你还应用了其它的哪些技术？第 16 课测试上传网站教学目标：1.检测网站。2、使用 ftp 上传软件，在因特网上发布网站。 教学重点：注册空间并上传自己的网站。 教学难点：上传并打开自己的网站 课时安排：两课时 教学准备：相关文字和图片资料 教学过程： 一、导入 同学们的主题学习网站都已经建好，是拿出来和他人分享的时候了。发 布网站之前要对网站进行检测，确认没有问题之后，就可以发布到本机，局域网甚至是因特网上了。 二、新课 1、检测网站 主要检测以下几个内容： （1） 内容：内容是否正确，是否有错别字，能否表达作者意图。 （2） 形式：网页布局是否合理，风格是否一致，颜色是否协调。 （3） 超链接：超链接是否准确。 （4） 在“报表视图”下查看各种错误，如图所示： A慢速网页：B：断开的超链接：C、组件错误： （5） 当 网 页 数 量 较 多 时 ， 仅 通 过 浏 览 方 式 不 全 面 检 查 时 ， 可 采 用 FrontPage 中的“超链接视图”查看网页间的链接关系。 5、 发布网站（1） 注册免费个人空间（以虎翼网为例） A 注册：按提示输入注册信息，并记下注册用户名和注册的域名。 B 收取网站发出的激活账号 C 等待域名生效 （2） 启动 FTP 上传软件CuteFTP 上传网站。 输入信息；网站标签、FTP 地址、站点分配的用户名和密码、选择需要 上传的网站所在的目录 （3） 启动上传成功后，再次访问自己的域名，即可看到上传的网站。 三、练习 将自己制作恐龙网站上传到因特网上。