小学信息技术《制作网站页面》教案
宜兴竹海风景区-朴智恩
小学信息技术《制作网站页面》教案
课
件www.5y
（一）导入
同学们上节课已经在FrontPage中制作出了网站的首页，
但一个网站一般都有许多页，大家看，除首页外，其它各页
面都有写什么呀？对，有滚动字幕、有图片
，有排列整齐的
表格等等。在一个网站中，除首页外，还应当有更多的子页
面详细表达各栏目的
具体内容，这些页面一般比首页内容简
练，但也可以加入一些滚动字幕，绘制表格以便排列图片和
数据等。这节课我们就在FrontPage中试试这些功能。
（二）新授
今天
，同学们的第一个任务就是制作第一个子页面，并
添上滚动字幕。下面呢，就请同学们用上节课学过的方
法，
根据自己的网站规划，新建一个空白网页，输入标题正文，
再添加图片等使页面内容丰富。
基本网页都制作好了吧？同
学们，在插入菜单中，有“组件”子菜单，请大家试用其中
的“字幕
”功能，看看它有什么用途。请同学们先试一试，
然后小组内交流试探结果。大家都讨论得很激烈，有没
有哪
个小组愿意为我们演示一下插入滚动文字的步骤呢？非常
好，第一小组的代表，你来。这位
同学，谢谢你，请回。这
位同学边讲边给我们演示，相信大家也都看清楚整个过程了，<
br>那现在老师有问题要问大家了，使用滚动文字有什么效果呢？
诶，使页面更生动，很好。还有吗？
非常好，我听到这边的
一位同学说呀，使用滚动文字可以把很多信息安排在一个小
空间里面，可
以节约信息所占面积。大家想想是不是这样的
呢？如果我们把很多信息都一排排地放在页面上，势必会占
用很大的面积，影响页面的整体布局。那我们任务一就基本
完成了，大家一定要记得保存页面，
然后再关闭，那我们的
第一个子页面就做好了。有时候，我们需要将文字或图片按
行列排整齐，
最好的方法就是先插入一个表格，就像我们计
算机上展示的“卡通动物欣赏”一样，然后在表格内输入文
字或者插入图片，这样就很容易排列整齐了。那同学们，你
们设计的网页中有没有需要表格的呢
？请同学们先自己动
手试一试，根据我们在word中学过的方法，参考课本“吃
在四川”子网
页的设计方法，为自己的网页也插入一个表格，
再向单元格里添加文字或图片。大概的步骤就是新建一个
空
白网页，输入本页应有的标题及正文文字，然后插入一个表
格，并在表格内插入图片，将图片
大小调至合适大小。同学
们都大多数都做完了吗？刚才老师巡视了一下同学们做的
情况，发现我
们有的同学设置了很漂亮的背景，有的同学插
入了动态图片，
这些同学都是善于探索的学
生，下面呢，老师留几个问
题给同学们小组探讨，然后全班演示。第一小组的同学，你<
br>们的问题是：插入表格时，你是怎样设置表格参数的，为什
么这样做？第二小组的同学，你们的问
题是：能改变单元格
的大小和背景效果吗？第三小组：你是怎样找到动态图片的？
又是怎样把它
们的尺寸设置成一样的呢？老师给大家5分钟
的时间讨论，然后每组派一个代表上台演示并讲解。同学们
讲得太棒了，台下的同学你们听清楚了吗？非常好，大家都
很擅长合作学习，老师很开心，希望
你们能继续发扬这种合
作学习、共同进步的精神。根据刚才的讨论和演示，请同学
们完善一下刚
才制作的这张网页，当然，别忘了保存。为了
使我们的网页更漂亮，我们可采用改变背景、使用动画或滚
动字幕，改变文字或图片的格式等方法美化网页，而这些功
能多数都可以通过“格式”工具栏或
“插入——组件”菜单
来实现。
（三）巩固练习
同学们，我们几经学习了
几种制作网页和美化网页的方
法，下面请同学们，运用所学的表格布局技巧，制作一个“可
爱的
卡通形象”网页，要求网页内有多个卡通形象，每个卡
通的大小一致，并在页面上方添加一行滚动文字“
卡通乐园
欢迎你！”。以上要求是最基本的要求，每个同学都要按要求
完成，除此之外，老师希
望同学们尽量地去尝试不同操作，
把你的网页设计的更美观一些，好吗？下面同学们就动手做
吧。同学们已经基本完成了自己的网站各页，并且还进行了
美化，下面请同学们在小组内展 示自己设计的网页，小组同
学之间互评已完成的网页，可以从网页数量、网页布局、动
态文字和 图片效果这几个方面来评价。好的，每个小组推举
一个代表进行全班展示怎么样。哇，果然很棒，刚才这 三位
同学的作品呀，用上了我们今天所学的全部技能，而且整体
的设计布局色彩搭配都很棒，值 得大家学习。
（四）小结
同学们，这节课马上就要结束了，大家学到了什么？有< br>什么收获呢？班长，你起来说一下。很好，我们发现了表格
的妙用，它不仅可以让我们将表格数据 整齐排列，还可以用
来规划网页布局，请坐。将各网页元素摆放到合适的位置，
是网页规范化设 计的常用途径。同学们都听得很认真，也学
到了很多，老师非常高兴，希望大家能保持这样一份学习热< br>情。课
件www.5y