[高中信息技术课件：《网页制作》]高中信息技术ppt课件

【导语】课件中对每个课题或每个课时的教学内容，教学步骤的安排，教学方法的选择，板书设计，教具或现代化教学手段的应用，各个教学步骤教学环节的时间分配等等，下面是大范文网整理的高中信息技术课件：《网页制作》，欢迎阅读与借鉴。

　　【教学目标】：

　　1、知识与技能：进一步熟练掌握网页文字、图片的插入和格式设置，能根据创意制作内容较为丰富的个人网站首页；进一步掌握网页制作软件的表格、字幕等功能。

　　2、过程与方法：任务驱动，让学生根据自己的网站规划，参考教科书，以探究的方式掌握知识与技能，实现网站其他页面的制作。

　　3、情感、态度、价值观：培养学生的审美能力和创造能力，在小组协作学习中，培养学生的团队精神。

　　【教学重点】：

　　1、根据网站规划，独立设计网站的各子页面；

　　2、学习FrontPage2000制作网页的技巧：字幕、表格、图片阴影。

　　【教学难点】：

　　1、字幕的设计和表格的使用；

　　2、文本和图片格式的更多设置。

　　【教学准备】：

　　大屏幕投影、多媒体网络教室、相关图片及文档素材

　　【教学过程】：

　　一、创设情景，引入课题：

　　同学们上节课已经在FrontPage中制作出了网站的首页，但一个网站一般都有许多页，（展示两个例子）大家看，除首页外，其它各页面都有些什么特点？

　　（有滚动字幕、有图片，有排列整齐的表格等）

　　小学信息技术教案：《制作网站页面》

　　个人主页“小星之家”

　　小学信息技术教案：《制作网站页面》

　　个人主页“风采图片社”

　　教师引入：在一个网站中，除首页外，还应当有更多的子页面详细表达各栏目的具体内容，这些页面一般比首页内容简练，但也可以加入一些滚动字幕，绘制表格以便排列图片和数据等。这节课我们就在FrontPage中试试这些功能。

　　二、新课教学

　　任务一：制作第一个子页面，并添上滚动字幕

　　1、学生探究：用以上节课学过的方法，根据自己的网站规划，新建一个空白网页，输入标题正文，再添加图片等使页面内容丰富。

　　2、教师提示学生，在插入菜单中，有“组件”子菜单，请大家试用其中的“字幕”功能，看看它有什么用途。

　　3、小组内交流试探结果，教师选两名学生通过网络广播（或大屏幕）示范插入滚动文字的步骤和效果。

　　4、保存网页，提醒学生要用英文字为文件命名。

　　教师提醒学生要记住关闭已编辑并保存的网页。

　　任务二：制作其他子网页，根据需要插入表格

　　1、师：有时候，我们需要将文字或图片按行列排整齐，的方法就是先插入一个表格（展示“卡通动物欣赏”网页实例），然后在表格内输入文字或者插入图片，这样就很容易排列整齐了。

　　小学信息技术教案：《制作网站页面》

　　你的哪一个网页需要使用表格呢？试试看，根据在word中学过的方法，参考课本“吃在四川”子网页的设计方法，为自己的网页也插入一个表格，再向单元格里添加文字或图片。

　　2、学生上机操作，新建一个空白网页，输入本页应有的标题及正文文字，然后插入一个表格，并在表格内插入图片，将图片大小调至合适大小。小组内交流：插入表格时，你是怎样设置表格参数的，为什么这样做？能改变单元格的大小和背景效果吗？你是怎样找到动态图片的？又是怎样把它们的尺寸设置成一样的呢？3、讨论后，学生继续操作，并保存新制作的网页。然后制作自己所规划网站的其他子网页。

　　任务三：进一步美化各网页。

　　师：为了使我们的网页更漂亮，我们可采用改变背景、使用动画或滚动字幕，改变文字或图片的格式等方法美化网页。多数功能都可以通过“格式”工具栏或“插入——组件”菜单来实现。

　　综合实践：

　　1、选择漂亮的图片作为子网页的背景。

　　2、尝试利用格式菜单，为网页的文本加上边框。

　　3、从网上找一些与网页内容相关的gif动画，插入到自己的网页中。

　　4、为图片加上凹凸或冲蚀效果。谈谈探究学习的收获：以上效果你实现了哪几种？你是怎样做的？四、拓展练习

　　运用所学的表格布局技巧，制作一个“可爱的卡通形象”网页，要求网页内有多个卡通形象，每个卡通的大小一致，并在页面上方添加一行滚动文字“卡通乐园欢迎你！”。

　　教材分析

　　教学内容：高中信息技术第五章第二节《网页的制作》。

　　教学重点：网页文字处理、插入图片、动画、水平线以及设置背景的方法。

　　教学难点：通过网站自主学习，让学生自己建立网页。

　　学生分析

　　本课对象是高一学生，学生通过前面WORD和INTERNET的学习，对网页内容编辑、结构和效果等设计有了一定的感性认识。

　　教学目标

　　熟悉网页中的各种元素及其制作方法，初步了解网页制作过程，培养学生的自学能力和创新探索精神。

　　教学环境

　　设计“网页制作”网站，是学生通过网站在教师的引导下，实现自主学习，完成网站中每一知识点的学习，教师借助投影仪及时反馈学生在完成目标时出现的问题。

　　教学方法

　　通过网站引导学生自主学习，解决教师提出的实际问题。

　　教学过程

　　（引入）边讲边演示

　　展示一个简单的网页

　　你现在正在上网，一定去了不少站点吧！这些站点的页面都设计得非常精美，让你在浏览信息的同时，还可以得到美的享受。这么吸引人的页面，是怎么制作出来的呢？你想不想也做一个精美的个人主页呢？如果你的回答是肯定的，那我们就一起学一下FrontPage的使用。FrontPage是优秀的专业化网页设计软件之一，使用FrontPage你只要几分钟就可以建立一个自己的网页，这可是一件令人激动的事哟！

　　（新课）教师引导学生根据网站自学，完成教师提出具体操作要求

　　模块一、教师引导学生自学“网页制作知识准备”，提出问题：

　　1、启动FRONTPAGE？

　　2、FRONTPAGE的三种显示模式？

　　3、在e:\下新建空站点，取名为abc站点文件夹。

　　模块二、教师引导学生自学“新建网页”，提出要求：

　　1、新建普通网页。

　　4、打开e:\网站制作素材\可爱的家乡高邮.htm网页。

　　模块三、教师引导学生自学“文字编辑”，提出要求：

　　1、把高邮.htm网页中的标题设置为“5号”、绿色，“加粗”字体，“居中”对齐。

　　2、把高邮.htm网页中的正文字体设置为“3号”，绿色。

　　模块四、教师引导学生自学“图片动画”，提出要求：

　　1、在网页中插入e:\网站制作素材\高邮风景\高邮湖.jpg

　　2、在网页中插入e:\网站制作素材\高邮风景\welcome.gif

　　模块五、教师引导学生自学“水平线”，提出要求：

　　1、在网页中标题与正文之间插入水平线。

　　2、水平线宽度设置为100%，高度为3像素，水平居中，颜色改为绿色。

　　模块六、教师引导学生自学“设置背景”，提出要求：

　　设置网页背景为e:\网页制作\网站制作素材\高邮风景\背景2文件

　　模块七、教师引导学生自学“保存”，提出要求：

　　将当前网页另存到e:\abc\高邮.htm,,并将图片保存到images文件夹中。

　　模块七、教师引导学生自学“小结”，提出要求把学生分为两组，一组练习制作个人网页，一组练习制作班级网页。制作素材在e:\网站制作素材\练习素材中。对学生作品点评，小结。