浙教版高一必修《信息技术》6.2：网页制作PPT完美课件(共34张)

6·2 网页制作（一）-----民以食为天教学设计（高中）所属模块：信息技术必修《信息技术基础》课时：1课时适用学段：高中一年级上学期一、教学设想根据教材，设想第1课时的知识点由“美食”这个主题展开，通过一个示范网站让学生了解网页设计的一般步骤，了解网站的组成（主页面，分页面），了解网页中的各构成元素（图片、文字、超链接等），通过小组合作制作一个简单的网站，掌握网页标题的设置、表格的插入及属性设置、插入文字、插入图片、设置超链接、保存网页等操作，掌握网页制作软件Frontpage的基本使用方法，使学生对制作网站有一个很强的概念和认识。

在本节中，要求通过小组学习的方式，既有分工又有合作，在完成一个简单网站的规划、制作的同时，让学生充分体验小组合作学习的乐趣和积极作用。

这节所学的知识点虽然比较多，但是根据学生已有的知识水平，通过教材、助学网站、教师讲解、学生互助等一系列措施，通过小组合作，在1课时内还是应该能够完成一个简单网站的制作，也为后面的网站完善和学生自由创作提供条件。

二、教材分析本节课是第六章《网页的设计与制作》的第二节内容《网页制作》的第1课时内容，根据新课程标准，《网页制作》这一节安排5个课时。

本章教学任务是否完成，要看学生能否通过小组合作的方式来完成一个主题网站的设计与制作。

我根据实际情况，对课程教学内容进行了调整，设想在第1课时就让学生对制作网页网站有一个很强的整体概念，在提供素材的情况下能完成简单网页的制作。

在第2课时对网页进行完善及素材的收集，第3-6课时让学生分小组进行自由创作，这样一来，学生对制作网站就有一个很强的概念和认识。

选择一个学生感兴趣的，健康积极的主题，激发学生的兴趣，是本堂课设计上的一个重点。

教材中需要掌握的知识点也比较明确，用一个个相关联的任务将这些知识点联系起来，这样可以对教材的内容通盘考虑。

三、学生分析通过前五章的学习，学生的信息素养有了较大的提高，利用信息技术解决实际问题的操作技能有了长足的进步，由于多数学生在初中没有制作过完整意义上的网页和网站，所以，对于本章的知识和技能而言，基本不存在“零起点”影响学生学习的问题。

《6.2 网页制作》--好客青岛欢迎您1教学内容分析本节内容是浙教版《信息技术基础》第6 章第2 节内容，是本章的重点。

本章教学任务完成与否，要看学生能否通过小组合作的学习方式来完成一个主题网页的设计和制作。

通过本节内容的学习，学生将切实掌握网页的设计与制作方法，体验小组合作学习的乐趣和积极作用，同时，也是一次美育与德育（发现家乡的美，热爱家乡的美，宣传家乡的美）的过程。

2教学目标①知识与技能：了解网页策划和设计的基本过程。

②过程与方法：学会设计和制作简单网页。

③情感态度与价值观：体验小组合作学习的乐趣，感受家乡人文的魅力。

3教学重点图文混排和设置超链接、网页布局及网页元素的科学合理运用4教学难点图文混排和设置超链接5教学课时安排本小节理论上分4 课时进行。

1.①第1 课时“网站的策划和构思”（课余完成）：学生完成分工，明确本组及个人任务，初步完成网站的总体构思，并给出了手绘版的网页设计图。

②第2 课时“素材的收集与整理”（课余完成）：学生查找和收集素材，进行了初步处理。

③第3 课时，学生了解FrontPage2003 的基本操作方法，初步掌握了网页制作的简单技巧。

④第4 课时，学生分组完成主题明确的网页的制作。

（本次授课内容）6教学过程 1 学时教学活动1【活动】课前准备1. 将收集整理的素材发送到学生电脑。

2. 将学案发到学生手中。

3. 每组设定一个共享文件夹。

要求负责本组的主页制作的同学就坐于有共享文件夹的电脑前。

2【导入】课程导入好客山东视频播放网络时代如何更好的宣传自己美丽的家乡？从而导出本节课的主题-网页制作！3 玩游戏，识布局1、通过拼图游戏，让学生认识到网页布局的重要性。

盖楼——设计图纸网页——布局图2、了解常见的网页布局样式：封面型、国字型、拐角型、标题正文型等4【练习】活动一：制作简单的网页。

要求：1. 每组须完成：1 个主页,至少1 个子网页。

并在学案上画出网页布局2. 主页要有链接到子网页的文字。

《6.2网页制作》教学设计
展示“旅行中国”的网站结构。

网站的其他6个分区,内容空白,请大家和老师一起完善网站。

观看课件明确任务
3.分组协作前期准备工作总结
1.各小组选择不同地理分区，为子网站的首页设置标题。

2.在网站的策划与构思阶段，完成组内分工，手绘网页布局图。

3.在素材的收集与整理阶段，收集并对素材进行了简单处理。

4.在网页制作初级阶段，将手绘布局图用软件进行表格布局。

观看课件明确前期进
行了哪些工
作
活动1:制作简单的网页。

要求：
1.每组完成1个主页，至少2个子网页。

2.主页要有链接到子网页的文字。

3.每个网页里必须包含版权信息，标明作者姓名。

(1) 你在制作网页的过程中,可能遇到的问题.
老师问题:如何不显示表格边框？
请学生实时提问，老师（同学）及时解答。

将自己觉得有
价值的问题记录在学案。

(2)拓展训练：让网页“动”起来
序号网页元素操作技巧
1
2
3
(3)个人作品展示
序号问题解决方案
1
2
3
4
听讲，明确
具体要求。

思考、回
答、操作
展示，其他
同学点评。

帮助学生明
确任务
扫清障碍，确
保任务完成。

网页制作（二）教学过程网站的设计、制作可分成三个主要方面：网站构思、素材整理、网页制作。

第一步：网站构思设计：（1）确定任务，进行需求分析。

在上节课的剩余时间中组织好合作小组，做好任务安排。

（2）每位同学思考确定准备制作的网站的主题，同时为下节课的活动做好准备。

（上节课已经布置过任务了。

）第二步：素材的搜集整理：（1）根据自己确定的主题内容，收集有关的文字、图片、声音、影像等素材。

（可以上网搜索素材，也可以使用其他方法或工具搜集素材。

）（2）将搜集到的素材进行分类和评价，保留有用的素材，并对素材进行必要的处理。

（如将图片的格式转换成JPG格式，文字素材进行重新编排，将声音和影视资料转换成RM或WMV等流媒体格式。

）（素材的加工涉及到的知识点过多，使用的软件也数不胜数，可以根据学生的具体需求，或是适当的为程度较好的同学讲解。

对于程度稍差的同学，可以简单的介绍，或是介绍他们直接收集不太需要加工处理的素材。

）第三步：制作网页：（1）按照主题网站的总体规划，分别制作网站中的各个网页。

（教师应先为学生介绍网页制作中的各种操作方法，可以采用演示与学生自学相结合的方法，在学生的具体制作过程中，还可以个别辅导。

）（2）将制作好的各个网页用超链接正确的链接在一起，基本完成一个主题网站的制作。

（超链接在网页中的地位非常重要，所以教师应该为学生详细演示讲解超链接的各种设置方法，让每位同学都能够熟练掌握。

）（3）美化和优化主题网站。

（根据教师和同学之间的综合评价，可以留待课余时间逐步完善。

）学生认真听课学生自己实践体验《网页制作（二）》教后总结1、这节课首先让学生熟练巩固上节课所学的网页制作方面的一些基础操作技术。

2、在每项基本操作上都向深向高处的学习，图片素材的处理方法、音频视频文件简单的截取等、网页的排版技巧、网页背景的设置等等，让各个层次的学生都有所提高。

6.2⽹页制作（1）（浙教版⾼⼀信息技术教案及教学反思）.doc⽹页制作（⼀）教学⽬标1、掌握⽹站构思的⼀般⽅法2、学会收集、整理素材的基本⽅法3、掌握⽹页制作的基⽊⽅法4、掌握链接⽹页的各种⽅法教学重点|=［标2、3、4教材分析从本章内容框架⼬，我们可以看出，在了解⽹页的基⽊元素和构件，并确定了制作T具的基础上，⽹页的设计与制作需要经过五个步骤才能完成：确定任务、需求分析、制定解决⽅案、素材的收集与整理、制作⽹页。

其⼬前三个步骤是前提，决定了整个⽹站的主题、结构等基⽊内容；第四步是基础，⼤量的符合⽹站主题要求的索材是⽹站建设的基础；第伍步是关键，⽹站的主题和丰富多彩的资料，必须通过⽹页的形式呈现，⽹页制作是本章的重⼬Z重。

教学环境及所需资源1、多媒体⽹络教室2、多媒体⽹络教室管理软件、屏幕⼴播3、数字投影机4、开放互联⽹教学环节教师活动学⽣活动教学过程学⽣认真听课学⽣⼰实践体验本节课以介绍世界⽂化遗产“北京故宫”作为⽰例，规划和建⽴⼀个⽹站。

（教师完整的演⽰讲解）对于作为⽰例的“北京故宫”⽹站⽽⾔，构思轮廓可以⼤致如下：（1）⽹站的名称：世界⽂化遗产——北京故宫（2）⽹站的主题：世界⽂化遗产“北京故宫”的基⽊情况介绍（3）⽹站的内容：关于北京故宫的⽂字说明，相关的配图和录像资料，⽬的是向浏览者说明作为世界⽂化遗产的北京故宫的⾝后的历史底蕴和浓郁的⼈⽂⽓息。

（4）⽹站的结构：采⽤⼀个主页，下瓯链接数个⽹页的两层结构。

操作步骤：⼀、素材的收集与整理：（1）将收集到的各种资料按照不同的类别，分别保存在不同的⽂件夹中。

在“北京故宫”⽂件夹⼬分别建⽴“图像资料”、“⽂字资料”和“视频资料”⽂件夹。

这样，⽅便于索材的归类和使⽤。

（2）对收集的资料⼀般应该重新取⼀个合适的⽂件名，⽂件名可以肓接使⽤汉字，以⽅便使⽤，也可以⽤汉语拼⾳或者英语单词作为⽂件名。

（3）可能有些索材需要处理Z后才可以处理，下节课⼬我们再做详细的介绍，这节课，尽量找相对合适的素材使⽤。