1、 任务三 制作“说说桂林” 教学设计 1 教学目标 【教学目标】: 1、学会新建网页 2、插入图片 3、掌握制作缩略图的方法 4、学会网页背景的修改 2 学情分析 六年级学生通过前一阶段的学习,已经掌握了访问网站、浏览网页以及利用搜索引擎从网上 获取所需信息的基本操作技能,有一定的搜集、归纳、整理知识的能力,掌握了用 FrontPage 制作网页的基本操作,对网站的策划与构思有了一定的了解,但网站创建的知识以及网站策划 构思的实践比较欠缺,另外学生现有知识水平存在一定差异。21 教育网 3 重点难点 【教学重点、难点】: 插入图片并设置属性 4 教学过程 4.1 第一学时 4.1.1 教学目标
2、 4.1.2 学时重点 4.1.3 学时难点 4.1.4 教学活动 活动 1【导入】【导入】 一、导入 了解了网站的基本元素,今天就试着做一张内容比较丰富的网页。 活动 2【讲授】【讲授部分】 教师演示,首先要求学生打开自己的个人网站,然后要求学生打开“文件(F)”菜单,选择“新建 (N)。”命令,弹出“新建”面板,选择“空白网页”命令新建一个网页。在这里,教材就是要学 生了解,要用什么菜单的什么命令,建立什么类型的网页。通过这样的操作,可以使学生知道, 打开自己的个人网站之后,再新建网页就是要开始制作自己的个人网站了。 接着要求学生在自己的空白网页上输入标题“说说桂林”,然后可以用复制,粘贴
3、的办法完成 内容的输入。在此,教材说的是用复制、粘贴的办法完成内容,而不是要学生自己打内容上去, 这两个操作是有很大区别的。在网络上,学生可以搜德到很多关于桂林的各种资料,通过复制 自己浏览的别的网页关于桂林的资料,可以粘贴到自己的“空白网页”中,这样的操作省时高效, 学生兴致也高。如果你要学生把看到的资料慢慢输入,那学生会在输入内容这块浪费很多时 间,那么也会冲淡他们制作网页的兴趣。 然后要求学生以“shuoshuoguilin.htm”为文件名保存网页到自己的站点中,网页标题是“说说 桂林”。在次,教材是要求学生学会保存自己制作好的网页。学生做到这里基本上就把一张纯 文本的网页做出来了,但
4、是这样没有任何修饰,没有任何图片的网页很不美观,所以教材在 22 页-23 页的技术提示中,提示了学生给文字排版的快捷方式:“在需要换行的地方,先按住 shift 键不放,再敲一下回车键,就可以缩小所输入文字的行间距”。 提示学生“图文并茂的网页能给人留下深刻的印象”,并说明插入的图片与文字混排的三种 方式。提示学生插入的图片太大的话可以通过自动缩略图的技术使图片缩小。双击缩略图, 还可以设置图片的边框及位置。通过这样的技术提示,让学生自己动手试试排版文字和插入 图片,学生通过自己学习就能够掌握这样使网页变得漂亮的方法,学生操作完之后会很有成就 感。 再然后,教材提示学生,默认网页背景色是白色
5、的,这样网页还是不够美观,我们可以改变网 页的背景色或用图片作为网页的背景,美化网页。由此引入网页背景设计的教学。接着教材 就把如何设置网页背景的方法教给学生,当学生学会网页背景的制作之后,学生自己制作的网 页又更美观了。 接着教材围绕这使网页更美观的思路,又提示学生,可以适当地在页面中插入水平线,使网 页看起来布局美观。由此,学生有了解到了一个使网页美观的方法。 最后,当学生制作完自己的网页之后,教材告诉学生:在制作网页过程中,可以随时通过“设 计”、“拆分”、“代码”、“预览”这几种编辑模式按钮来查看自己制作的网页的效果。然后说 明:如果要在 IE 浏览器中浏览网页的效果,就必须先保存网页文件到自己的网站中。 由此来教 会学生正确的保存方法。 最后教材说明了为什么网页中会出现红色,说明如果保存的时候不能更改到制定的文件 夹中,则容易出现图片的指向错误,浏览的时候级会有红色。21 世纪教育网版权所有