高中信息技术《网页制作》教案（通用4篇）
【教学目标】：
1、知识与技能：进一步熟练掌握网页文字、图片的插入和格式设置，能根据创意制作内容较为丰富的个人网站首页；进一步掌握网页制作软件的表格、字幕等功能。
2、过程与方法：任务驱动，让学生根据自己的网站规划，参考教科书，以探究的方式掌握知识与技能，实现网站其他页面的制作。
3、情感、态度、价值观：培养学生的审美能力和创造能力，在小组协作学习中，培养学生的团队精神。
【教学重点】：
1、根据网站规划，独立设计网站的各子页面；
2、学习FrontPage20xx制作网页的技巧：字幕、表格、图片阴影。
【教学难点】：
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:\网站制作素材\练习素材中。对学生作品点评，小结。
说课题目：
FrontPage网页设计技巧综合运用
专家们、教师们：大家好！
今天我说课的题目是：FrontPage网页设计技巧综合运用
我的说课将从以下几个方面进行：
一：说教材
二：说教学目的
三：说学生
四：说教学方法及实现途径
五：说有关教学设计中的三个引导点
首先说教材：
教材的选取：教材使用经全国中小学教材审定委员会审查通过，全日制普通高级中学信息技术教科书，高中第三册，第一单元FrontPage网页设计的总结运用课。这一教材由广西科学技术出版社出版
本节教学内容所处的地位：是巩固与提高学生网页设计技巧的极好机会，而且是教师抓住机会进行更精彩、更有意义的教学设计与教学实施的关键时期，我想这点会在我后面的教学设计阐述中体会。
接下来说教学目标：
基础知识目标：
巩固前面已学的网页设计技巧，而且将激发学生自主去探讨，更多的网页设计技巧。
能力培养目标：
培养学生互相合作，共同提高的良好品质；鼓励学生们在这一网页设计运用课中，充分利用网络资源，培养自己主动学习及探究能力和综合信息素养。
情感教育目标：
如何使信息技术教学成为培养学生综合素质的一个平台，如何设计除了教会学生使用一些基础软件知识之外的更多的东西，这是我一直在计算机课教学中思考的一个问题；学生情感教育的培养，一直应成为我们课堂教学中，不可缺少的重要素质教育目标之一，所以选择母爱为主题，由此培养学生对母爱的理解及体验母亲对儿女平凡而伟大的爱；另外也为丰富我自己的情感：我作为一名普通的教学人员，我希望在我的教学中做我应做的，做我能做的，多探讨，多尝试，丰富学生的内心同时，我也在其中丰富自己，并感受更多的快乐。
接下来说学生：
学生计算机知识背景：
我的学生是高二的学生，高二的的学生经过高一计算机基础知识的学习以后，他们有一定的网络知识，如何设计一个教学环节不仅仅简单让学生回顾复习一下，而是能达到更高的层次，下面了解一下：
学生的身心特点：
高中生在心理和行为上表现出强烈的自主性，具有很强的自信心和自尊心，热衷于展现自己的力量和才能；他们已不满足于父母、老师的讲解，或书本上的现成结论，
学生与父母的交流：
在高中阶段，高生中的自主、独立性使他们的个性处于极其张扬与反叛的时期，父母与孩子的交流往往在这一时期成为多事之秋。所以希望能通过这一教学，激发学生们心中对母亲的爱的理解与感受。而如何根据学生情况，使这一美好的愿望在我的网页设计教学中实现呢？用怎样的教学设计与方法来进行呢？这对我们师生都将是一个很大的挑战。
下面是实现这些教学理念的教学方法及实现途径：
教学方法一及实现途径：
用任务驱动教学设计与母爱内容相结合：
把所学的网页设计技巧与母爱内容相结合，巧设任务，对学生进行引导。
例如：网页中文字的修饰与滚动字幕的设计，让学生结合母爱内容，自拟一个标题，进行设计展示；从有关母爱的文章资料中选择感受深刻的有关母爱的段句并配上图片在网页中进行设计；同样的背景图片及音乐，另外表格对网页整齐化的设计，都进行精心安排，结合母爱主题进行练习。
教学方法二及实现途径：
课堂以学生为主，教师为引导，师生一起互相探讨学习的教学方法，教师在教案设计中分别把所学的网页设计技巧与母爱网页设计一一对应，设计成任务，学生之间分组合作，互相学习，相互探讨，把所有任务分成四组，班上学生分成四组，每个组负责一个任务在全班进行展示，如果有任务本组不能解决的，让其他组同学上来协组完成，让他们自己当老师。
教学方法三及实现途径：
让学生在已学习的网页设计技巧应用之上，用形式多样的方法让学生感受母爱，同时进行课本以外网页设计知识的探讨：
例如：给学生提供有关母爱的散文与诗歌文章及背景音乐，让学生尝试如何把朗诵与文字同时展示在网页中，鼓励学生把自己喜欢的母爱文章进行课后自己录制放到网页中；向学生介绍有关录音的软件；
再例如：引导学生使用特效设计代码，老师提供一两个特效代码，让学生尝试，由此鼓励学生在以后的设计中到网上自主进行资料搜索并下载进行尝试运用。……
教学方法四及实现途径：
给学生提供提问与学习的平台，鼓励学生利用网络资源进行学习。给学生提出自己在网页设计中想实现而自己又不知道如何操作实现的网页设计问题，这些问题如果可以在课堂上解决的，首先鼓励学生进行互相交流解决，教师可以当堂解决的，应给予引导，如果不能解决的，鼓励学生与自己一起到网上进行学习，并在课后再进行交流，探讨解决。
最后说有关教学设计中母爱情感培养的三个引导点：
一：说学习兴趣：苏联当代教育家苏霍姆林斯基在给教师的建议中说到：“在每一个年轻的心灵里，都存放着求知好学、渴望知识的火药，只有教师的思想才有可能点燃它”。所以为进一步激发学生的网页制作兴趣，进行如下教学程序：
1、教师进行鼓励：一张网页的设计，技巧是基础，在基础之上如何设计出一张你较为满意的网页，还有许多其他的综合能力的体现，赠言：一分耕耘，一分收获，以此鼓励。
2、激励办法：母爱主题的网页设计将邀请家长来欣赏，把好的作品放于学校网站上。
二、说有关母爱音乐：如何把时尚与情感教育相结合？我想在此我找到了很好的结合点，那就是结合现代青少年最喜欢的歌星周杰伦，他自创自唱的歌曲：听妈妈的话作为我的这节设计课的开场，当我的学生走进电教室，此时当我给我的学生播放这首歌，我的学生会不约而同的跟着节拍与我一起唱：听妈妈的话，我想在那一刻，有什么样的方法会让我的学生与我一起在深深地感受着母亲的爱呢？的确，伴着这首歌，也会使我的网页设计主题内容：母爱，自然传递给学生。
三、说阅读、朗读：阅读、朗读是最能使人的心灵变得明亮且是培养丰富情感的重要方式，我在网上查找了很多有关母爱的文章，一首很简洁而对母爱深刻描述的诗：MOTHER，课前与班主任、语文老师和英语老师了解情况，得到学生的同意，最后我设计班上的两位学生在课堂上朗读。另外倾听也是情感培养的重要方式，我找到有关母亲的一个英文的小故事，让我的英语老师朗读并录音，在课堂上播放给学生，进行倾听，从中让学生体会母爱。教育家孔子提倡诗乐，他说：“温柔敦厚，诗教也。”基于此，
总之，在整个教学过程中，如果说充分利用网络资源，及丰富形式多样的资料进行网页设计教学，让学生的网页设计技巧巩固中深深感受母爱和理解母爱，还不如说是我自己也是学生中的一员在深深的体会母爱吧。
我的这节说课就到此。
谢谢专家们，老师们的耐心聆听，希望专家们，老师们给我指导，我相信有大家的参与，我的这一节教学设计将会好。
再次谢谢大家
一、 说教材
《网页制作》是普通高中课程标准实验教材必修模块《网络技术应用》的第4章《网站实现》的内容，该内容分为四个课时，我今天要说的是第二课时的内容。这是一节实践操作课，应以学生自己实践为主，老师只需指出注意的要点，让学生通过合作协调构思创新的方式完成整节课的内容
1、教学目标：
1）、利用表格定位网页
2）、添加网页元素
3）、使用模板制作其他页面
教学重点：利用表格定位网页
教学难点：使用模板制作其他页面
2、能力目标
通过学生自主探究学习，培养学生的实践能力，观察能力及解决问题的能力，以及对知识的迁移能力。
3、情感目标：
通过本课的学习，培养学生合作帮助、团结协作的良好品质，在合作实践过程中，培养学生大胆构思、自我创新的精神，培养学生的美感及创作后的成就感。
二、 说教法
根据学生已有的知识结构体系，我主要是采用提问的方式引出每个教学目标，中间穿插比较、观察的方式加深学生的印象，培养学生的观察能力。并以小组形式进行，每个小组记录整个制作过程的情感体验。
三、 说教学过程
由于学生在必修模块里已接触过网站的组建，对如何建立网站已有了一定的经验，而且学生也撑握了字处理软件如word工具的基本功能，学会了对文字图片及表格的基本处理。基于学生现有的知识技能，我决定让学生以小组形式组合成5个小组，由操作能力强的学生充当组长，带动其他成员完成网页制作，一来培养他们合作互助的关系，二来培养学生之间、师生之间的感情。我在整节课里只扮演一个组织者和提示者的角色，一步步引导学生完成本课的目标，让学生充分发挥自主性，协助性，培养他们合作、创新的能力。
对此，我设定了以下几个环节：
环节一
前面讲了网页的规划与设计，学生对将要建立的网站已有了一定的准备，如何让他们动手把他们构想中的网站有条理的组建起来。我会先提问学生都为他们的主页准备了哪些内容和素材（如文本、图片、动画、音频、视频）？你打算怎样安排它们的具体位置才能使网页更加合理美观，方便访问者访问？让学生带着问题思考。我接着在frontpage中打开学生常去的网站：腾讯qq网站，让学生观察并提问他们发现了什么，再逐一把表格中的各元素删除，使网页上只留下一个空表格结构，从而引出目标一：利用表格定位网页。
紧接着让学生根据上节课设计好的版面，利用已学过的知识动手在网页中插入表格，调整表格的结构，使插入的表格结构与设计的版面尽量吻合，组长负责记录表格结构是否合理，并注明理由，使学生能合理的安排和组织表格结构，为以下的制作创造有利的条件。我会提醒学生要在编辑窗口和预窗口之间切换观察，使表格结构调整得更加合理。学生在调整表格中会遇到这么一个问题（或者由我设定出这个问题）：
a1
a2
a3
想调a3单元格的列宽度，a1单元格保持不变，不管学生怎样调整总是会带动a1的改变，在学生急切想知道答案时我及时引出了表格的嵌套，学生恍然大悟，印象加深。接下来我会叫学生回想下以前浏览过的网页有没有看到表格的框架，如何才能让表格不显示在我们的网页中呢，从而引出表格属性的设置，让学生通过表格属性的设置来设置表格的边框、颜色等。根据课堂情况而定，可以再让学生尝试单元格属性的设定，能力好的学生可进一步尝试网页属性的设置，并比较三种属性之间的不同范围。
环节二
网页的框架搭好了，就象若大的房子已经想好了该在哪个位置摆放哪些家具和电器，往下一步就是要把这些实物摆放在相应的位置上来，你们接下来工作是为你们的网页添加各种素材到相应的单元格中，从而引出目标二：添加网页元素。学生动手把事先准备好的各种网页元素（如文本、图片、动画、音频、视频）添加到主页，也可使用教师机的共享资源库的素材。提醒学生在插入图片时应选择jpg或gif格式，有利于提高网页浏览速度，注意把握网页素材的比例，文字过多就会造成网页的吸引力减弱，图片过多就会使网站内容空洞、浏览速度下降。最后提问学生还能为网页添加哪些元素（水平线、超链接、背景音乐等）扩展学生知识，使能力强的学生可以进一步提高。
环节三
在轻松快乐的气氛中各小组已完成了早已酝酿已久的主页，并保存。学生体验到了成就感，兴趣高昂。我这时趁热打铁,提问学生，一个内容丰富的网站应该是由多个页面组成，才能更加完善你所表达的思想，接下来就是制作其他页面。这时我打开榕树下这个网站的主页和其他子页面，让学生欣赏并观察这些页面的风格是否一致，学生认可后我提示学生，一个网站的风格一般是由主页和子页来共同体现，因此其他页面应和主页面的风格保持一致，那我们接下要做的其他页面的风格也应和主页风格保持一致。提问学生是否还是象做主页一样从头开始一个页面一个页面制作？还是有更方便的方法，减少重复相同的操作，结合frontpage模板功能引出目标三：使用模板制作其他页面。提示学生把风格一致的部分保留下来，删除其他部分，并当作模板保存下来，以供其他页面使用，以后准备制作网页时可从模板列表中选取并在此基础上进行编辑。要求学生为他们的网站制作模板。
最后，各小组把做好的主页和模板上传到ftp服务器，组长记录整个制作过程中的难点，心得体会，以备下次点评。我还可以根据课堂情况提示一些能力强的学生上网找些网页特效的代码插入网页，增加网页的吸引力，也使这些学生有更高的发展空间和互相学习的动力
在整个过程中为了避免一些学生产生低落情绪无法跟随整个操作，我会及时表扬或鼓励他们，增强他们的自信心。这就是我全部的说课内容，仅大家参考，并请各位评委和老师指正。
评委点评：
从教师说课中看到，本课教学目标设计比较恰当，教学过程各环节安排有合理之处，比如运用删除qq网站网页元素，使用留下的空表格引出利用表格定位网页，提醒学生注意把握网页素材合理使用，使用模板制作网页等。
但是，作为说课，缺少对学生学习状态的分析和对教学内容重难点的分析等重要的教学设计依据，也没有看到教师进行教学设计的理论支撑和起码的原由，缺少课后对本课教学的反思，缺少说课时向同行和评委所作的必要的媒体呈现。这些都令评委感到遗憾。
