制作“说说桂林”网页教学设计

制作“说说桂林”网页教材目标简析

一、学情分析：

六年级学生通过前一阶段的学习，已经掌握了访问网站、浏览网页以及利用搜索引擎从网上获取所需信息的基本操作技能，有一定的搜集、归纳、整理知识的能力，掌握了用FrontPage 制作网页的基本操作，对网站的策划与构思有了一定的了解，但网站创建的知识以及网站策划构思的实践比较欠缺，另外学生现有知识水平存在一定差异。

二、教学目标：

知识与技能目标：

⑴、学会画出网页的结构图

⑵、学会在网页中输入文字和图片，并进行文字和图片的格式设置。

⑶、学会正确保存制作的网页。

⑷、学会用两种方式预览网页效果。

过程与方法目标：

⑴、感受在老师的指导下学习制作一个网页的全过程，懂得遇到问题的时候通过邻座同学之间进行交流解决问题，通过思考问题、自主学习，小组讨论交流以及教师的演示讲解等方式，掌握制作网页的相关操作。

情感、态度、价值观目标：

⑴、通过制作网页，了解一个网页的基本结构，并能将学到的网页知识运用到日常的学习和生活中去，学以致用；

⑵、培养学生大胆实践、积极探索、勇于创新的精神，进一步提高学生运用迁移进行探索学习的能力和自我学习、合作学习的能力。

三、教学重点：

1、根据要求制作一张“说说桂林”的主题网页。

2、在网页中输入文字、图片，并对文字和图片进行设计。

四、教学难点：

教学的难点在于如何把文字与图片混排才美观，如果使用的混排方式不恰当，会使网页很难

看。在设置网页背景的时候也经常会使背景的图片颜色影响到文字的呈现效果，如何合理的美观的设置网页的背景，也要求学生要有耐心挑选背景的颜色，或者用做背景的图片。

五、教材内容分析：

1、本课是广西壮族自治区课程教材发展中心组织编写的六年级《小学信息技术》教材中主题二建立我的网站中的任务三《“说说桂林”——网页制作》的内容，是在学生初步掌握了上网操作及网格探究的基本操作以及具备一定信息素养的基础上，学习Office2003套件中的FrontPage2003制作简单的网站，使学生了解一个网站的设计流程以及网页的制作方法与技巧。

教学过程：

①教师演示，首先要求学生打开自己的个人网站，然后要求学生打开“文件（F）”菜单，选择“新建（N）。。。”命令，弹出“新建”面板，选择“空白网页”命令新建一个网页。在这里，教材就是要学生了解，要用什么菜单的什么命令，建立什么类型的网页。通过这样的操作，可以使学生知道，打开自己的个人网站之后，再新建网页就是要开始制作自己的个人网站了。

②接着要求学生在自己的空白网页上输入标题“说说桂林”，然后可以用复制，粘贴的办法完成内容的输入。在此，教材说的是用复制、粘贴的办法完成内容，而不是要学生自己打内容上去，这两个操作是有很大区别的。在网络上，学生可以搜德到很多关于桂林的各种资料，通过复制自己浏览的别的网页关于桂林的资料，可以粘贴到自己的“空白网页”中，这样的操作省时高效，学生兴致也高。如果你要学生把看到的资料慢慢输入，那学生会在输入内容这块浪费很多时间，那么也会冲淡他们制作网页的兴趣。

③然后要求学生以“ssgl.htm”为文件名保存网页到自己的站点中，网页标题是“说说桂林”。在次，教材是要求学生学会保存自己制作好的网页。

学生做到这里基本上就把一张纯文本的网页做出来了，但是这样没有任何修饰，没有任何图片的网页很不美观，所以教材在22页-23页的3技术提示中，提示了学生给文字排版的快捷方式：“在需要换行的地方，先按住shift键不放，再敲一下回车键，就可以缩小所输入文字的行间距”。

④提示学生“图文并茂的网页能给人留下深刻的印象”，并说明插入的图片与文字混排的三种

方式。提示学生插入的图片太大的话可以通过自动缩略图的技术使图片缩小。双击缩略图，还可以设置图片的边框及位置。通过这样的技术提示，让学生自己动手试试排版文字和插入图片，学生通过自己学习就能够掌握这样使网页变得漂亮的方法，学生操作完之后会很有成就感。

⑤再然后，教材提示学生，默认网页背景色是白色的，这样网页还是不够美观，我们可以改变网页的背景色或用图片作为网页的背景，美化网页。由此引入网页背景设计的教学。接着教材就把如何设置网页背景的方法教给学生，当学生学会网页背景的制作之后，学生自己制作的网页又更美观了。

⑥接着教材围绕这使网页更美观的思路，又提示学生，可以适当地在页面中插入水平线，使网页看起来布局美观。由此，学生有了解到了一个使网页美观的方法。

⑦最后，当学生制作完自己的网页之后，教材告诉学生：在制作网页过程中，可以随时通过“设计”、“拆分”、“代码”、“预览”这几种编辑模式按钮来查看自己制作的网页的效果。然后说明：如果要在IE浏览器中浏览网页的效果，就必须先保存网页文件到自己的网站中。由此来教会学生正确的保存方法。

⑧最后教材说明了为什么网页中会出现红色ⅹ,说明如果保存的时候不能更改到制定的文件夹中，则容易出现图片的指向错误，浏览的时候级会有红色ⅹ。

板书设计：