专业知识：高中信息技术《网页制作》教案三篇

【导语】教案是学生为成功而有效地举办课堂活动，根据课程标准，教学大纲和教科书要求及教师的实际状况，以课时或课题为单位，对教学内容、教学方法、教学方法等进行的详细设计跟安排的一种实用性教学文书。无忧考网准备了下列内容，供各位参考!

篇一

说课题目：

FrontPage网页设计方法综合利用

专家们、教师们：大家好！

今天我说课的考题是：FrontPage网页设计方法综合利用

我的说课将从下面几个方面进行：

一：说教材

二：说教学目的

三：说学生

四：说教学方法及推动方式

五：说有关教学设计中的三个引导点

首先说教材：

教材的选定：教材使用经全国中小学教材审定委员会审查通过，全日制普通高级中学信息技术教科书，高中第三册，第一单元FrontPage网页设计的小结运用课。这一丛书由广西科学技术出版社出版

本节教学内容所处的地位：是巩固与提升学生网页设计方法的极好机会，而且是教师抓住机会进行更精彩、更有意义的教学设计与教学实施的关键时期，我想这点会在我前面的课堂设计体现中感受。

接下来说教学目标：

基础知识目标：

巩固前面已学的网页设计方法，而且将促使学生自主去思考，更多的网页设计方法。

能力培养目标：

培养学生彼此合作，共同提升的良好质量；鼓励学生们在这一网页设计采用课中，充分利用网络资源，培养自己主动学习及研究能力跟综合信息素养。

情感教育目标：

如何让信息技术教学作为培育教师综合能力的一个平台，如何设计不仅教会学生使用一些基础工具知识之外的更多的东西，这是我仍然在计算机课课堂中探讨的一个问题；学生心灵教育的培养，一直要作为我们课堂教学中，不可缺少的重要素质教育目标之一，所以选择母爱为主题，由此培养教师对亲情的理解及感受母亲对父母平凡而伟大的爱；另外也为丰富我自己的情感：我成为一名普通的教学员工，我希望在我的教学中做我要做的，做我可做的，多思考，多尝试，丰富学生的内心同时，我也在其中丰富自己，并展现更多的快乐。

接下来说学生：

学生计算机知识背景：

我的学生是高中的师生，高二的的教师经过高中计算机基础知识的学习之后，他们有一定的网络知识，如何设计一个教学环节不仅仅简单让学员回顾复习一下，而是可超过更高的层次，下面了解一下：

学生的身心特点：

高中生在心理跟行为上表现出强烈的自主性，具有更强的自信心和自尊心，热衷于展现自己的力量跟才能；他们未不满足于父亲、老师的讲解，或课本上的现成结论，

学生与父母的交流：

在高中阶段，高生中的自主、独立性使它们的时尚处于极度张扬与叛逆的时期，父母与儿子的交流往往在这一时期作为多事之秋。所以期望可借助这一课堂，激发学生们心中对父亲的爱的理解与诠释。而怎样根据学生状况，使这一美丽的梦想在我的网页设计教学中实现呢？用如何的教学设计与技巧来进行呢？这对我们学生都将是一个很大的挑战。

下面是推动这种课堂理念的教学方法及推动方式：

教学方法一及推动方式：

用任务驱动教学设计与母爱内容相结合：

把所学的网页设计方法与母爱内容相结合，巧设任务，对学生进行鼓励。

例如：网页中文字的修饰与滚动字幕的设计，让教师结合母爱内容，自拟一个标题，进行设计展现；从有关母爱的文章资料中选取展现深刻的有关母爱的段句并配上照片在网页中进行设计；同样的背景图片及音乐，另外表格对网站整齐化的设计，都进行精心安排，结合母爱主题进行练习。

教学方法二及推动方式：

课堂以师生为主，教师为鼓励，师生一起互相讨论学习的教学方法，教师在备课设计中分别把所学的网页设计方法与母爱网页设计一一对应，设计成任务，学生之间分组合作，互相学习，相互讨论，把所有任务分成四组，班上学生分成四组，每个组负责一个任务在全班进行展示，如果有任务本组不能解决的，让其它组同学上来协组完成，让人们自己当老师。

教学方法三及推动方式：

让学生在已学习的网站设计方法应用之上，用方式多样的技巧使学生体验母爱，同时进行教材以外网页设计知识的解读：

例如：给教师提供有关母爱的杂文与文学文章及背景音乐，让学员尝试如何把朗诵与文字同时展现在网页中，鼓励学生把自己偏爱的母爱文章进行课后自己录制放到网页中；向学生介绍有关录音的软件；

再比如：引导学生使用特效设计代码，老师提供一两个特效代码，让学生尝试，由此引导学生在之后的设计中至网上自主进行资料搜索并下载进行尝试利用。……

教学方法四及推动方式：

给学生提供提问与学习的系统，鼓励学员利用网络资源进行学习。给学员提出自己在网页设计中想谋求而自己既不知道如何操作实现的网页设计难题，这些疑问如果可以在课堂上缓解的，首先激励学生进行相互交流解决，教师可以当堂解决的，应予以鼓励，如果不能解决的，鼓励学生与自己一起到网上进行学习，并在课后再进行交流，探讨解决。

最后说有关教学设计中母爱亲情培养的三个引导点：

一：说学习兴趣：苏联近代教育家苏霍姆林斯基在给学生的建议中说到：“在每一个年轻的灵魂里，都存放着求知好学、渴望知识的火药，只有学生的观念才有也许点燃它”。所以为进一步促使学生的网站制作兴趣，进行如下教学程序：

1、教师进行引导：一张网页的设计，技巧是基础，在基础之上怎么设计出一张你较为满意的网页，还有许多其它的综合素质的彰显，赠言：一分耕耘，一分收获，以此鼓励。

2、激励方法：母爱主题的网页设计将邀请妈妈来欣赏，把好的作品放于学校网站上。

二、说有关母爱音乐：如何把创意与爱情教育相结合？我想在此我找到了很高的结合点，那就是结合现代青少年最喜欢的歌手周杰伦，他自创自听的新歌：听妈妈的话作为我的这节设计课的开场，当我的学生走进电学校，此时当我给我的学生播放这首歌，我的学生会不约而同的跟随节拍与我一起唱：听妈妈的话，我想在那一刻，有什么样的方式会使我的学生与我一起在深深地感受着母亲的爱呢？的确，伴着这首歌，也会使我的网页设计主题内容：母爱，自然传递给学生。

三、说阅读、朗读：阅读、朗读是很可使人的灵魂变得柔和且是培养丰富感情的重要手段，我在网上查找了这些有关母爱的文章，一首很简单而对亲情深刻描述的诗：MOTHER，课前与班主任、语文教师和数学教授认识状况，得到教师的同意，最后我设计班上的两位教师在教学上朗读。另外倾听也是感情培养的重要方法，我找到有关母亲的一个英文的小故事，让我的语文教师朗读并录音，在教学上播放给教师，进行倾听，从中让教师体会亲情。教育家孔子提倡诗乐，他说：“温柔敦厚，诗教也。”基于此，

总之，在整个教学过程中，如果说充分利用网络资源，及丰富手段多样的资料进行网站设计教学，让学员的网页设计方法巩固中深深体会亲情跟理解母爱，还不如说是我自己也是学生中的一员在深深的感受母爱吧。

我的这节说课就到此。

谢谢专家们，老师们的细心倾听，希望专家们，老师们给我指导，我相信有你们的参与，我的这一节教学设计将会好。

再次谢谢你们

篇二

【教学目标】：

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:\网站制作素材\练习素材中。对教师作品点评，小结。