网页动态效果教学设计（精选14篇）由网友“Foryou”投稿提供，下面是小编帮大家整理后的网页动态效果教学设计，希望对大家有所帮助。
篇1：网页动态效果教学设计
【教材分析】
本节课内容为北京版初中第五册教材第七章第六节《在网页中使用动态效果》。在此之前，学生已经学习了网页中静态内容的制作，如添加文字和图片、建立超链接、使用主体和表格等等。本节课的主要内容是在学生初步认识并掌握了网页简单制作的基础上，指导学生给网页添加动态图片、滚动字幕、悬停按钮、横幅广告等动态效果，使网页变得丰富多彩。从而完成对网页的修饰和美化，培养学生审美意识和学习兴趣。在以后的课程中还要学习制作交互网页、管理与发布站点等内容。
【学情分析】
1、本课程的主要教学对象是初二年级学生。
2、在学习本课内容前，学生已经学会上网、Word和PowerPoint等软件，还会制作简单的网页，动手能较强，但审美意识较弱。
3、初二学生具有一定的逻辑思维能力，处于这个年龄段的学生思维活跃，对许多事物充满了好奇心，富有探索精神。
【教学重点】
通过学习添加滚动字幕等动态效果，使学生掌握Web组件的使用方法。
【教学难点】
使学生能够合理的使用动态效果，提高其审美意识。
【教学目标】
知识技能目标：
1、了解FrontPage中常用的几种动态效果的作用；
2、学会在网页中插入Flash动画、滚动字幕和悬停按钮，掌握在网页中使用动态效果的方法。
过程与方法目标：
1、体验在网页中使用Web组件的操作过程；
2、能够熟练灵活的美化自己制作的网页，学生初步形成探究学习和小组学习。 情感、态度与价值观目标：
1、形成对网页制作的学习兴趣；
2、提高自身的艺术修养和审美意识。
【教学方法】
教师综合演示（首先教师展示网页和PPT课件，介绍滚动字幕的插入方法） 自主探究（在学习插入悬停按钮和Flash动画的时候，学生自主探究，教师做简
单提示）
合作交流学习（在学生尝试插入Flash动画的时候，可能会遇到困难，可以通过
合作交流解决问题）
【教学资源】
1、有多媒体的计算机教室，电脑装有FrontPage、Flash等相关软件。
2、老师制作好的PPT课件，以及网页成品和教学过程中会用到的相关素材。
3、学生添加动态效果需要使用的网页框架。
【教学活动设计】
一、 组织教学（3分钟）
教师通过常规方式组织教学，学生参与。
二、 兴趣导入（5分钟）
教师首先做简单的自我介绍，带领学生回忆之前所学的知识。
展示教师做好的网页成品，让学生发现其特别之处，学生会发现网页中的文字图片等都是会移动的，从而引出本节课的学习内容。
设计意图：让学生自己发现问题，激发其求知欲和学习兴趣。
三、 教师演示（10分钟）
教师讲解滚动字幕的插入方式，然后学生做练习，并展示学生的练习成果，老师点评。
设计意图：让学生初步接触Web组件，对其有一定了解
四、 自主探究（14分钟）
插入悬停按钮和Flash动画，教师不再讲解，只进行简单提示，学生之间进行讨论，并在自己的网页中尝试加入动态效果。由做出来的同学介绍自己的做法，教师进行总结。
设计意图：让学生合作交流，培养学生的语言沟通能力和协作能力，通过自主探
究，把学习的主动权教给学生，让学生学会自己把握学习进度，并培
养其创新精神。
五、 总结巩固（5分钟）
在学生基本掌握动态效果的添加方法后，教师总结本节课所讲的内容，帮学生巩固重点、难点。
设计意图：再次加深学生对Web组件的印象，巩固所学知识。
六、 作业布置（2分钟）
课下尝试添加动态图片和横幅广告，并给出简单提示。
设计意图：让学生在课下独立完成，可检验其对新知识的掌握程度。
1.《院子》教学设计
2.《狼》教学设计
3.《山行》教学设计
4.教学设计答疑
5.《猫》教学设计
6.《老王》教学设计
7.《Christmas》教学设计
8.《海水》教学设计
9.黄帝教学设计
10.太阳教学设计
篇2：《网页动态效果》说课稿
【教材分析】
本节课内容为北京版初中第五册教材第七章第六节《在网页中使用动态效果》。在此之前，学生已经学习了网页中静态内容的制作，如添加文字和图片、建立超链接、使用主体和表格等等。本节课的主要内容是在学生初步认识并掌握了网页简单制作的基础上，指导学生给网页添加动态图片、滚动字幕、悬停按钮、横幅广告等动态效果，使网页变得丰富多彩。从而完成对网页的修饰和美化，培养学生审美意识和学习兴趣。在以后的课程中还要学习制作交互网页、管理与发布站点等内容。
【学情分析】
1、本课程的主要教学对象是初二年级学生。
2、在学习本课内容前，学生已经学会上网、Word和PowerPoint等软件，还会制作简单的网页，动手能较强，但审美意识较弱。
3、初二学生具有一定的逻辑思维能力，处于这个年龄段的学生思维活跃，对许多事物充满了好奇心，富有探索精神。
【教学重点】
通过学习添加滚动字幕等动态效果，使学生掌握Web组件的使用方法。
【教学难点】
使学生能够合理的使用动态效果，提高其审美意识。
【教学目标】
知识技能目标：
1、了解FrontPage中常用的几种动态效果的作用；
2、学会在网页中插入Flash动画、滚动字幕和悬停按钮，掌握在网页中使用动态效果的方法。
过程与方法目标：
1、体验在网页中使用Web组件的操作过程；
2、能够熟练灵活的美化自己制作的网页，学生初步形成探究学习和小组学习。 情感、态度与价值观目标：
1、形成对网页制作的学习兴趣；
2、提高自身的艺术修养和审美意识。
【教学方法】
教师综合演示（首先教师展示网页和PPT课件，介绍滚动字幕的插入方法） 自主探究（在学习插入悬停按钮和Flash动画的时候，学生自主探究，教师做简
单提示）
合作交流学习（在学生尝试插入Flash动画的时候，可能会遇到困难，可以通过
合作交流解决问题）
【教学资源】
1、有多媒体的计算机教室，电脑装有FrontPage2003、Flash等相关软件。
2、老师制作好的PPT课件，以及网页成品和教学过程中会用到的相关素材。
3、学生添加动态效果需要使用的网页框架。
【教学活动设计】
一、 组织教学（3分钟）
教师通过常规方式组织教学，学生参与。
二、 兴趣导入（5分钟）
教师首先做简单的自我介绍，带领学生回忆之前所学的知识。
展示教师做好的网页成品，让学生发现其特别之处，学生会发现网页中的文字图片等都是会移动的，从而引出本节课的学习内容。
设计意图：让学生自己发现问题，激发其求知欲和学习兴趣。
三、 教师演示（10分钟）
教师讲解滚动字幕的插入方式，然后学生做练习，并展示学生的练习成果，老师点评。
设计意图：让学生初步接触Web组件，对其有一定了解
四、 自主探究（14分钟）
插入悬停按钮和Flash动画，教师不再讲解，只进行简单提示，学生之间进行讨论，并在自己的网页中尝试加入动态效果。由做出来的同学介绍自己的做法，教师进行总结。
设计意图：让学生合作交流，培养学生的语言沟通能力和协作能力，通过自主探
究，把学习的主动权教给学生，让学生学会自己把握学习进度，并培
养其创新精神。
五、 总结巩固（5分钟）
在学生基本掌握动态效果的添加方法后，教师总结本节课所讲的内容，帮学生巩固重点、难点。
设计意图：再次加深学生对Web组件的印象，巩固所学知识。
六、 作业布置（2分钟）
课下尝试添加动态图片和横幅广告，并给出简单提示。
设计意图：让学生在课下独立完成，可检验其对新知识的掌握程度。
篇3：《网页动态效果》说课稿
《网页动态效果》说课稿
【教学内容分析】
『说教材』
这节课是重庆大学出版社出版的《初中信息技术》九年级第一章网页制作中的重要组成部分，是在学生初步认识并掌握了网页简单制作的基础上，指导学生给网页添加字幕、交互式按钮、插入FLASH动画、插入背景音乐等动态效果，使网页变得有声有色。从而完成对三峡网页的装扮、修饰、美化任务，提高自身艺术修养。
『说学生』
随着互联网的普及，制作网页也成为一个附带的产物流行起来。在学习本课内容前，学生已经学会上网、WORD和POWERPOINT软件，还会制作简单的网页，动手能较强。初三学生有较强的逻辑思维能力，处于这个年龄段的学生思维活跃，对许多事物充满了好奇心，富有探索精神。因此在上这节课的时候，教师应充分考虑到学生的这些特点。
【教学目标分析】
根据本章教学要求和本课特点，我制定了以下教学目标：
『知识目标』：使学生掌握网页制作中添加动态效果的方法。
『能力目标』：让学生能够熟练、灵活地美化自己的网页作品。
『情感目标』：通过网页制作，培养学生对美的感受及创造美的能力，提高自身的艺术修养。
【重难点分析】
本节课应突出的重点是：在网页中添加字幕、交互式按钮，插入FLASH动画，插入背景音乐，综合运用素材，使自己的网页更美观。
本节课教学难点是：对素材的更精细设置，对各个对话框的具体设置及其功能运用。
【教法分析】
信息技术课是以培养学生的信息素养为宗旨。以培养学生的获取信息、处理信息、运用信息的能力。强调学生的自主学习和探究学习。而皮亚杰的建构主义理论指出学生获取知识不是通过教师教育，而是学习者在一定情境中，借助他人的帮助，利用必要学习资料，能通过自我建构重组的方式获得知识。因此，为实现教学目标我设计的教学方法以学生“任务驱动”为主线，通过自主探究、教师综合演示、效果对比、合作交流完成教学任务，培养学生的信息素养。
【学法分析】
本节课教学内容抽象，根据九年级学生心理特征，有较强的抽象逻辑思维能力，因此以形象直观思维为主，使用多媒体作为辅助教学手段，变抽象为形象，为学生提供丰富的感性材料，促进学生对知识的感知、理解，激发学习的兴趣。
为引导学生自主探究学习，培养学生良好的学习方法与学习习惯，进行小组竞赛学习，让学生看一看、想一想、练一练，以练为主，亲自实践、积极动脑动手学习新的知识。
【教学资源准备】
课前需要做好以下教学准备：
『硬件准备』：
一间拥有多媒体平台的计算机网络教室。(远程教育模式三的网络教室)
『软件准备』：
电脑装有Windows XP操作系统、FrontPage、PowerPoint2003、多媒体电子教室、教师制作好的`PPT。
『素材准备』：
1、准备两张不同效果的新房图片；
2、两张内容及布局一样，但效果却不同的网页；
3、有关长江三峡的图片、声音、动画等素材库。(为了提高效率,需在课前将素材发送至每台计算机中。)
【教学时间】
本节教材安排内容较多，我计划用两个课时完成。本节课将学习前三个知识点：制作动态效果(字幕、交互式按钮)、插入FLASH动画、背景音乐，第四个知识点插入视频以及动态网页的概念，内容较多，让学生自主探究，并在下节课详细介绍。
【课堂教学程序】
一、创设情景，引入课题（3分钟）
按照心理学常识，学生对学习内容产生兴趣，就能自觉地排除内外主客观因素的干扰，集中注意力积极主动地投入学习，把学习当成愉快的事。因此，在学习新知识前，创设情景，引入课题。
首先创设情景1：展示PPT1（两套不同效果的新房，A套刚修好还未进行任何装璜，而B套是已装璜得非常漂亮的新房）。
教师提问：你喜欢在哪套房间里生活呢？为什么？
然后创设情景2：出示PPT2（两张三峡网页内容及布局一样，但网页A为纯静态的网页，未进行任何动态效果的设置，而网页B是经过精细装饰的动态网页）。
教师提问：网页A是小明制作的，网页B是小刚制作的，哪张网页更漂亮？为什么？
最后教师引入课题：美，是道德上的善的象征，是从灵魂深处发出的，美的事物是永恒的喜悦，而充满活力则是美最好的表达方式。因此我们不仅要从生活中寻找活力美，还可以从我们的网页制作中找到真正的美，今天我们一起来设置网页动态效果，制作有声有色的三峡网页。
板书课题：1.3 网页动态效果
然后将全班学生分成四个小组，宣布今天的小组学习竞赛正式开始，看哪些同学能为自己的小组增添活力。
二、任务驱动，掌握新知 (24分钟)
（一）制作动态的三峡网页
出示PPT3：网页A。
导入第一个新知识点：小明制作的网页，所有的文档内容已经输入，但缺乏动感，效果不好，你们能帮他让网页（三峡艺苑）“动起来”吗？
任务一：让网页动起来。
教师打开网页A，引导学生回忆在word或Powerpoint中学习过“插入”菜单中对象的设置，过渡到网页的插入”WEB组件(C)”中“动态效果”的设置。然后和学生一起，共同探讨设置动态效果的好方法。
同时请学生注意FrontPage 2003插入菜单中哪些对象与Powerpoint中不同。
（提醒学生掌握技巧：○1在文本框中输入要滚动的文字，设置文字的方向、速度、表现方式等就可以实现滚动字幕的制作；○2在交互式按钮属性中可以对按钮、字体、图像3个属性进行设置,其中按钮属性框可以设置按钮的类型以及按钮上的文字和链接对象；○3字体、字号、颜色的恰当搭配，可以给人留下深刻的印象.。）
然后学生亲自实践操作练习，完成任务一，灵活熟练地对网页动态效果的设置。
[过程评价]：强调技巧的掌握，将网页动态设置前后的效果进行对比，让学生体会哪个更美,更具活力。
（二） 插入FLASH动画
问题导入下一新知识点：我们刚才已经给网页“三峡艺苑”增添了活力，那么大家能否再给它的戴上一件“头饰”，让它看起来更漂亮些呢？
任务二：给网页“戴上头饰”。
让学生打开子网页三峡风光，自主探究练习，尝试发现新知，深入感知综合实践，完成任务二。
[过程评价]：展示各小组优秀作品，并请小组代表介绍探究心得。比如：FLASH动画插入的方法、属性设置、以及各小组的新发现：动画插入后，并不能够直接看到动画的效果，必须切换到预览视图才能够看到。老师进行点评。
（三） 插入背景音乐
第三个新知识衔接：刚才大家给网站“三峡艺苑”添加动态效果、插入了FLASH动画，已经够漂亮、拥有活力了，但大家能否给它再加上悦耳的音乐，让我们的网页“有声有色”呢？
任务三：让网页“有声有色”。
打开主页，以小组为单位合作学习，探索新方法，实践操作，完成任务三，感受其“有声有色”的良好听觉效果。
[过程评价]：请优秀作品的小组代表前台展示。并由各小组介绍任务体会和新方法。指导学生学习教材“友情提醒”部分的知识，然后对插入背景音乐的前后效果进行对比。老师进行综合点评。
三、反馈练习，熟练掌握 （15分钟）
三个知识点已学完，最后让学生综合反馈练习，进行小组综合才艺大比拼。
教师提出要求：熟练掌握对素材的更精细设置，对属性对话框的具体设置及其功能运用，完成教学难点任务。
课堂作业：由老师提供部分生活片断或有关铜梁龙舞、火龙表演、龙乡放歌等图、文、声、动画等素材，结合P29《思考与练习》，为“我爱家乡”主题网站或“学生个人网站”添加动态效果、动画以及背景音乐等。
教师对各小组进行个别辅导，并对各小组学生练习情况进行综合评价，展示其优秀的网页作品，鼓励同学在课外制作更精美的网页作品。
四、归纳总结，灵活运用 （3分钟）
本节课主要学习了网页动态效果的设置，通过插入菜单、设置“网页属性”等操作，让网页活力十足，增加了观赏性。还给网页添加背景音乐，使网页“有声有色”。同学们在制作网页过程中要注意积累方法，通过装扮、修饰、美化网页，让学生从视觉听觉上感受美的愉悦，提高了学生的艺术修养。
五、精当板书，条理清楚
在教学过程中还配上精当的板书，揭示教材精华，让学生明确学习任务，启发学生思维，强化记忆效果，提高教学效率。
1.3 网页动态效果
一、 添加动态效果 任务一：让网页动起来
二、 插入FLASH 任务二：给网页“戴上头饰”
三、 插入背景音乐 任务三：让网页“有声有色”
【教学评价】
一次完整的课堂教学离不开教学评价的实施。在这节课的任务驱动下，通过创设情境激发学生兴趣，提出问题，学生自主探究，让学生在学习中感受到了美，任务中创造了美，掌握了重点知识，完成了难点任务。
在整个教学过程中我穿插了学习任务、课堂作业，并设定了以下评价内容：
1、学生能否积极主动地完成学习任务；
2、小组间学生相互评价，探讨学习方法；
3、学生能否独立思考，提出与他人不同的见解；
4、对于学生的其他特殊表现和行为习惯的重要转变给予相应评价。
整个教学设计中，我感觉比较有特色的是：改变学生学习方式。学习由被动接受变为愉快的学习。体现在：
1、自主学习，教师没有把教学任务一一讲解，而是让学生自主完成任务。
2、协作学习，交流的方式体现在教师，学生之间相互学习。
3、创造学习，即巩固所学的知识，用到的素材贴近生活，有利于问题的解决。
篇4：初中信息技术网页动态效果说课稿
各位领导、专家及同仁：
大家上午好，很高兴和大家共同参与本次信息技术教育研讨活动。我说课的题目是：《网页动态效果》——制作有声有色的三峡网页。
【教学内容分析】
『说教材』
这节课是重庆大学出版社出版的《初中信息技术》九年级第一章网页制作中的重要组成部分，是在学生初步认识并掌握了网页简单制作的基础上，指导学生给网页添加字幕、交互式按钮、插入FLASH动画、插入背景音乐等动态效果，使网页变得有声有色。从而完成对三峡网页的装扮、修饰、美化任务，提高自身艺术修养。
『说学生』
随着互联网的普及，制作网页也成为一个附带的产物流行起来。在学习本课内容前，学生已经学会上网、WORD和POWERPOINT软件，还会制作简单的网页，动手能较强。初三学生有较强的逻辑思维能力，处于这个年龄段的学生思维活跃，对许多事物充满了好奇心，富有探索精神。因此在上这节课的时候，教师应充分考虑到学生的这些特点。
【教学目标分析】
根据本章教学要求和本课特点，我制定了以下教学目标：
『知识目标』：使学生掌握网页制作中添加动态效果的方法。
『能力目标』：让学生能够熟练、灵活地美化自己的网页作品。
『情感目标』：通过网页制作，培养学生对美的感受及创造美的能力，提高自身的艺术修养。
【重难点分析】
本节课应突出的重点是：在网页中添加字幕、交互式按钮，插入FLASH动画，插入背景音乐，综合运用素材，使自己的网页更美观。
本节课教学难点是：对素材的更精细设置，对各个对话框的具体设置及其功能运用。
【教法分析】
信息技术课是以培养学生的信息素养为宗旨。以培养学生的获取信息、处理信息、运用信息的能力。强调学生的自主学习和探究学习。而皮亚杰的建构主义理论指出学生获取知识不是通过教师教育，而是学习者在一定情境中，借助他人的帮助，利用必要学习资料，能通过自我建构重组的方式获得知识。因此，为实现教学目标我设计的教学方法以学生“任务驱动”为主线，通过自主探究、教师综合演示、效果对比、合作交流完成教学任务，培养学生的信息素养。
【学法分析】
本节课教学内容抽象，根据九年级学生心理特征，有较强的抽象逻辑思维能力，因此以形象直观思维为主，使用多媒体作为辅助教学手段，变抽象为形象，为学生提供丰富的感性材料，促进学生对知识的感知、理解，激发学习的兴趣。
为引导学生自主探究学习，培养学生良好的学习方法与学习习惯，进行小组竞赛学习，让学生看一看、想一想、练一练，以练为主，亲自实践、积极动脑动手学习新的知识。
【教学资源准备】
课前需要做好以下教学准备：
『硬件准备』：一间拥有多媒体平台的计算机网络教室。（远程教育模式三的网络教室）
『软件准备』：电脑装有Windows XP操作系统、FrontPage2003、PowerPoint2003、多媒体电子教室、教师制作好的PPT。
『素材准备』：1、准备两张不同效果的新房图片；
2、两张内容及布局一样，但效果却不同的网页；
3、有关长江三峡的图片、声音、动画等素材库。（为了提高效率，需在课前将素材发送至每台计算机中。）
【教学时间】
本节教材安排内容较多，我计划用两个课时完成。本节课将学习前三个知识点：制作动态效果（字幕、交互式按钮）、插入FLASH动画、背景音乐，第四个知识点插入视频以及动态网页的概念，内容较多，让学生自主探究，并在下节课详细介绍。
【课堂教学程序】
一、创设情景，引入课题（3分钟）
按照心理学常识，学生对学习内容产生兴趣，就能自觉地排除内外主客观因素的干扰，集中注意力积极主动地投入学习，把学习当成愉快的事。因此，在学习新知识前，创设情景，引入课题。
首先创设情景1：展示PPT1（两套不同效果的新房，A套刚修好还未进行任何装璜，而B套是已装璜得非常漂亮的新房）。
教师提问：你喜欢在哪套房间里生活呢？为什么？
然后创设情景2：出示PPT2（两张三峡网页内容及布局一样，但网页A为纯静态的网页，未进行任何动态效果的设置，而网页B是经过精细装饰的动态网页）。
教师提问：网页A是小明制作的，网页B是小刚制作的，哪张网页更漂亮？为什么？
最后教师引入课题：美，是道德上的善的象征，是从灵魂深处发出的，美的事物是永恒的喜悦，而充满活力则是美最好的表达方式。因此我们不仅要从生活中寻找活力美，还可以从我们的网页制作中找到真正的美，今天我们一起来设置网页动态效果，制作有声有色的三峡网页。
板书课题：1.3网页动态效果
然后将全班学生分成四个小组，宣布今天的.小组学习竞赛正式开始，看哪些同学能为自己的小组增添活力。
二、任务驱动，掌握新知 （24分钟）
（一）制作动态的三峡网页
出示PPT3：网页A。
导入第一个新知识点：小明制作的网页，所有的文档内容已经输入，但缺乏动感，效果不好，你们能帮他让网页（三峡艺苑）“动起来”吗？
任务一：让网页动起来。
教师打开网页A，引导学生回忆在word或Powerpoint中学习过“插入”菜单中对象的设置，过渡到网页的插入”WEB组件（C）”中“动态效果”的设置。然后和学生一起，共同探讨设置动态效果的好方法。
同时请学生注意FrontPage 2003插入菜单中哪些对象与Powerpoint中不同。
（提醒学生掌握技巧：○1在文本框中输入要滚动的文字，设置文字的方向、速度、表现方式等就可以实现滚动字幕的制作；○2在交互式按钮属性中可以对按钮、字体、图像3个属性进行设置，其中按钮属性框可以设置按钮的类型以及按钮上的文字和链接对象；○3字体、字号、颜色的恰当搭配，可以给人留下深刻的印象.。）
然后学生亲自实践操作练习，完成任务一，灵活熟练地对网页动态效果的设置。
[过程评价]：强调技巧的掌握，将网页动态设置前后的效果进行对比，让学生体会哪个更美，更具活力。
（二）插入FLASH动画
问题导入下一新知识点：我们刚才已经给网页“三峡艺苑”增添了活力，那么大家能否再给它的戴上一件“头饰”，让它看起来更漂亮些呢？
任务二：给网页“戴上头饰”。
让学生打开子网页三峡风光，自主探究练习，尝试发现新知，深入感知综合实践，完成任务二。
[过程评价]：展示各小组优秀作品，并请小组代表介绍探究心得。比如：FLASH动画插入的方法、属性设置、以及各小组的新发现：动画插入后，并不能够直接看到动画的效果，必须切换到预览视图才能够看到。老师进行点评。
（三）插入背景音乐
第三个新知识衔接：刚才大家给网站“三峡艺苑”添加动态效果、插入了FLASH动画，已经够漂亮、拥有活力了，但大家能否给它再加上悦耳的音乐，让我们的网页“有声有色”呢？
任务三：让网页“有声有色”。
打开主页，以小组为单位合作学习，探索新方法，实践操作，完成任务三，感受其“有声有色”的良好听觉效果。
[过程评价]：请优秀作品的小组代表前台展示。并由各小组介绍任务体会和新方法。指导学生学习教材“友情提醒”部分的知识，然后对插入背景音乐的前后效果进行对比。老师进行综合点评。
三、反馈练习，熟练掌握（15分钟）
三个知识点已学完，最后让学生综合反馈练习，进行小组综合才艺大比拼。
教师提出要求：熟练掌握对素材的更精细设置，对属性对话框的具体设置及其功能运用，完成教学难点任务。
课堂作业：由老师提供部分生活片断或有关铜梁龙舞、火龙表演、龙乡放歌等图、文、声、动画等素材，结合P29《思考与练习》，为“我爱家乡”主题网站或“学生个人网站”添加动态效果、动画以及背景音乐等。
教师对各小组进行个别辅导，并对各小组学生练习情况进行综合评价，展示其优秀的网页作品，鼓励同学在课外制作更精美的网页作品。
四、归纳总结，灵活运用（3分钟）
本节课主要学习了网页动态效果的设置，通过插入菜单、设置“网页属性”等操作，让网页活力十足，增加了观赏性。还给网页添加背景音乐，使网页“有声有色”。同学们在制作网页过程中要注意积累方法，通过装扮、修饰、美化网页，让学生从视觉听觉上感受美的愉悦，提高了学生的艺术修养。
五、精当板书，条理清楚
在教学过程中还配上精当的板书，揭示教材精华，让学生明确学习任务，启发学生思维，强化记忆效果，提高教学效率。
1.3 网页动态效果
一、 添加动态效果 任务一：让网页动起来
二、 插入FLASH 任务二：给网页“戴上头饰”
三、 插入背景音乐 任务三：让网页“有声有色”
【教学评价】
一次完整的课堂教学离不开教学评价的实施。在这节课的任务驱动下，通过创设情境激发学生兴趣，提出问题，学生自主探究，让学生在学习中感受到了美，任务中创造了美，掌握了重点知识，完成了难点任务。在整个教学过程中我穿插了学习任务、课堂作业，并设定了以下评价内容：
1、学生能否积极主动地完成学习任务；
2、小组间学生相互评价，探讨学习方法；
3、学生能否独立思考，提出与他人不同的见解；
4、对于学生的其他特殊表现和行为习惯的重要转变给予相应评价。
整个教学设计中，我感觉比较有特色的是：改变学生学习方式。学习由被动接受变为愉快的学习。体现在1、自主学习，教师没有把教学任务一一讲解，而是让学生自主完成任务。2、协作学习，交流的方式体现在教师，学生之间相互学习。3、创造学习，即巩固所学的知识，用到的素材贴近生活，有利于问题的解决。
（部分学生作品欣赏）
本节课已圆满完成了教学任务。不足之处敬请各位领导、专家及同仁批评指正！谢谢！
篇5：初中信息技术网页动态效果说课稿
初中信息技术网页动态效果说课稿
各位领导、专家及同仁：
大家上午好，很高兴和大家共同参与本次信息技术教育研讨活动。我说课的题目是：《网页动态效果》――制作有声有色的三峡网页。
【教学内容分析】
『说教材』
这节课是重庆大学出版社出版的《初中信息技术》九年级第一章网页制作中的重要组成部分，是在学生初步认识并掌握了网页简单制作的基础上，指导学生给网页添加字幕、交互式按钮、插入FLASH动画、插入背景音乐等动态效果，使网页变得有声有色。从而完成对三峡网页的装扮、修饰、美化任务，提高自身艺术修养。
『说学生』
随着互联网的普及，制作网页也成为一个附带的产物流行起来。在学习本课内容前，学生已经学会上网、WORD和POWERPOINT软件，还会制作简单的网页，动手能较强。初三学生有较强的逻辑思维能力，处于这个年龄段的学生思维活跃，对许多事物充满了好奇心，富有探索精神。因此在上这节课的时候，教师应充分考虑到学生的这些特点。
【教学目标分析】
根据本章教学要求和本课特点，我制定了以下教学目标：
『知识目标』：使学生掌握网页制作中添加动态效果的方法。
『能力目标』：让学生能够熟练、灵活地美化自己的网页作品。
『情感目标』：通过网页制作，培养学生对美的感受及创造美的能力，提高自身的艺术修养。
【重难点分析】
本节课应突出的重点是：在网页中添加字幕、交互式按钮，插入FLASH动画，插入背景音乐，综合运用素材，使自己的网页更美观。
本节课教学难点是：对素材的更精细设置，对各个对话框的具体设置及其功能运用。
【教法分析】
信息技术课是以培养学生的信息素养为宗旨。以培养学生的获取信息、处理信息、运用信息的能力。强调学生的自主学习和探究学习。而皮亚杰的建构主义理论指出学生获取知识不是通过教师教育，而是学习者在一定情境中，借助他人的帮助，利用必要学习资料，能通过自我建构重组的方式获得知识。因此，为实现教学目标我设计的教学方法以学生“任务驱动”为主线，通过自主探究、教师综合演示、效果对比、合作交流完成教学任务，培养学生的信息素养。
【学法分析】
本节课教学内容抽象，根据九年级学生心理特征，有较强的抽象逻辑思维能力，因此以形象直观思维为主，使用多媒体作为辅助教学手段，变抽象为形象，为学生提供丰富的感性材料，促进学生对知识的感知、理解，激发学习的兴趣。
为引导学生自主探究学习，培养学生良好的学习方法与学习习惯，进行小组竞赛学习，让学生看一看、想一想、练一练，以练为主，亲自实践、积极动脑动手学习新的知识。
【教学资源准备】
课前需要做好以下教学准备：
『硬件准备』：一间拥有多媒体平台的计算机网络教室。(远程教育模式三的网络教室)
『软件准备』：电脑装有Windows XP操作系统、FrontPage、PowerPoint2003、多媒体电子教室、教师制作好的PPT。
『素材准备』：1、准备两张不同效果的新房图片；
2、两张内容及布局一样，但效果却不同的网页；
3、有关长江三峡的图片、声音、动画等素材库。(为了提高效率,需在课前将素材发送至每台计算机中。)
【教学时间】
本节教材安排内容较多，我计划用两个课时完成。本节课将学习前三个知识点：制作动态效果(字幕、交互式按钮)、插入FLASH动画、背景音乐，第四个知识点插入视频以及动态网页的概念，内容较多，让学生自主探究，并在下节课详细介绍。
【课堂教学程序】
一、创设情景，引入课题（3分钟）
按照心理学常识，学生对学习内容产生兴趣，就能自觉地排除内外主客观因素的干扰，集中注意力积极主动地投入学习，把学习当成愉快的事。因此，在学习新知识前，创设情景，引入课题。
首先创设情景1：展示PPT1（两套不同效果的新房，A套刚修好还未进行任何装璜，而B套是已装璜得非常漂亮的新房）。
教师提问：你喜欢在哪套房间里生活呢？为什么？
然后创设情景2：出示PPT2（两张三峡网页内容及布局一样，但网页A为纯静态的网页，未进行任何动态效果的设置，而网页B是经过精细装饰的动态网页）。
教师提问：网页A是小明制作的，网页B是小刚制作的，哪张网页更漂亮？为什么？
最后教师引入课题：美，是道德上的善的象征，是从灵魂深处发出的，美的事物是永恒的喜悦，而充满活力则是美最好的表达方式。因此我们不仅要从生活中寻找活力美，还可以从我们的网页制作中找到真正的美，今天我们一起来设置网页动态效果，制作有声有色的三峡网页。
板书课题：1.3网页动态效果
然后将全班学生分成四个小组，宣布今天的小组学习竞赛正式开始，看哪些同学能为自己的小组增添活力。
二、任务驱动，掌握新知(24分钟)
（一）制作动态的三峡网页
出示PPT3：网页A。
导入第一个新知识点：小明制作的网页，所有的文档内容已经输入，但缺乏动感，效果不好，你们能帮他让网页（三峡艺苑）“动起来”吗？
任务一：让网页动起来。
教师打开网页A，引导学生回忆在word或Powerpoint中学习过“插入”菜单中对象的设置，过渡到网页的插入”WEB组件(C)”中“动态效果”的设置。然后和学生一起，共同探讨设置动态效果的好方法。
同时请学生注意FrontPage 2003插入菜单中哪些对象与Powerpoint中不同。
（提醒学生掌握技巧：○1在文本框中输入要滚动的文字，设置文字的方向、速度、表现方式等就可以实现滚动字幕的制作；○2在交互式按钮属性中可以对按钮、字体、图像3个属性进行设置,其中按钮属性框可以设置按钮的类型以及按钮上的文字和链接对象；○3字体、字号、颜色的恰当搭配，可以给人留下深刻的印象.。）
然后学生亲自实践操作练习，完成任务一，灵活熟练地对网页动态效果的设置。
[过程评价]：强调技巧的掌握，将网页动态设置前后的效果进行对比，让学生体会哪个更美,更具活力。
（二）插入FLASH动画
问题导入下一新知识点：我们刚才已经给网页“三峡艺苑”增添了活力，那么大家能否再给它的'戴上一件“头饰”，让它看起来更漂亮些呢？
任务二：给网页“戴上头饰”。
让学生打开子网页三峡风光，自主探究练习，尝试发现新知，深入感知综合实践，完成任务二。
[过程评价]：展示各小组优秀作品，并请小组代表介绍探究心得。比如：FLASH动画插入的方法、属性设置、以及各小组的新发现：动画插入后，并不能够直接看到动画的效果，必须切换到预览视图才能够看到。老师进行点评。
（三）插入背景音乐
第三个新知识衔接：刚才大家给网站“三峡艺苑”添加动态效果、插入了FLASH动画，已经够漂亮、拥有活力了，但大家能否给它再加上悦耳的音乐，让我们的网页“有声有色”呢？
任务三：让网页“有声有色”。
打开主页，以小组为单位合作学习，探索新方法，实践操作，完成任务三，感受其“有声有色”的良好听觉效果。
[过程评价]：请优秀作品的小组代表前台展示。并由各小组介绍任务体会和新方法。指导学生学习教材“友情提醒”部分的知识，然后对插入背景音乐的前后效果进行对比。老师进行综合点评。
三、反馈练习，熟练掌握（15分钟）
三个知识点已学完，最后让学生综合反馈练习，进行小组综合才艺大比拼。
教师提出要求：熟练掌握对素材的更精细设置，对属性对话框的具体设置及其功能运用，完成教学难点任务。
课堂作业：由老师提供部分生活片断或有关铜梁龙舞、火龙表演、龙乡放歌等图、文、声、动画等素材，结合P29《思考与练习》，为“我爱家乡”主题网站或“学生个人网站”添加动态效果、动画以及背景音乐等。
教师对各小组进行个别辅导，并对各小组学生练习情况进行综合评价，展示其优秀的网页作品，鼓励同学在课外制作更精美的网页作品。
四、归纳总结，灵活运用（3分钟）
本节课主要学习了网页动态效果的设置，通过插入菜单、设置“网页属性”等操作，让网页活力十足，增加了观赏性。还给网页添加背景音乐，使网页“有声有色”。同学们在制作网页过程中要注意积累方法，通过装扮、修饰、美化网页，让学生从视觉听觉上感受美的愉悦，提高了学生的艺术修养。
五、精当板书，条理清楚
在教学过程中还配上精当的板书，揭示教材精华，让学生明确学习任务，启发学生思维，强化记忆效果，提高教学效率。
1.3 网页动态效果
一、添加动态效果任务一：让网页动起来
二、插入FLASH任务二：给网页“戴上头饰”
三、插入背景音乐任务三：让网页“有声有色”
【教学评价】
一次完整的课堂教学离不开教学评价的实施。在这节课的任务驱动下，通过创设情境激发学生兴趣，提出问题，学生自主探究，让学生在学习中感受到了美，任务中创造了美，掌握了重点知识，完成了难点任务。在整个教学过程中我穿插了学习任务、课堂作业，并设定了以下评价内容：
1、学生能否积极主动地完成学习任务；
2、小组间学生相互评价，探讨学习方法；
3、学生能否独立思考，提出与他人不同的见解；
4、对于学生的其他特殊表现和行为习惯的重要转变给予相应评价。
整个教学设计中，我感觉比较有特色的是：改变学生学习方式。学习由被动接受变为愉快的学习。体现在1、自主学习，教师没有把教学任务一一讲解，而是让学生自主完成任务。2、协作学习，交流的方式体现在教师，学生之间相互学习。3、创造学习，即巩固所学的知识，用到的素材贴近生活，有利于问题的解决。
（部分学生作品欣赏）
本节课已圆满完成了教学任务。不足之处敬请各位领导、专家及同仁批评指正！谢谢！
篇6：初中信息技术《网页动态效果》说课稿
初中信息技术《网页动态效果》说课稿
【教学内容分析】
『说教材』
这节课是重庆大学出版社出版的《初中信息技术》九年级第一章网页制作中的重要组成部分，是在学生初步认识并掌握了网页简单制作的基础上，指导学生给网页添加字幕、交互式按钮、插入FLASH动画、插入背景音乐等动态效果，使网页变得有声有色。从而完成对三峡网页的装扮、修饰、美化任务，提高自身艺术修养。
『说学生』
随着互联网的普及，制作网页也成为一个附带的产物流行起来。在学习本课内容前，学生已经学会上网、WORD和POWERPOINT软件，还会制作简单的网页，动手能较强。初三学生有较强的逻辑思维能力，处于这个年龄段的学生思维活跃，对许多事物充满了好奇心，富有探索精神。因此在上这节课的时候，教师应充分考虑到学生的这些特点。
【教学目标分析】
根据本章教学要求和本课特点，我制定了以下教学目标：
『知识目标』：使学生掌握网页制作中添加动态效果的方法。
『能力目标』：让学生能够熟练、灵活地美化自己的.网页作品。
『情感目标』：通过网页制作，培养学生对美的感受及创造美的能力，提高自身的艺术修养。
【重难点分析】
本节课应突出的重点是：在网页中添加字幕、交互式按钮，插入FLASH动画，插入背景音乐，综合运用素材，使自己的网页更美观。
本节课教学难点是：对素材的更精细设置，对各个对话框的具体设置及其功能运用。
【教法分析】
信息技术课是以培养学生的信息素养为宗旨。以培养学生的获取信息、处理信息、运用信息的能力。强调学生的自主学习和探究学习。而皮亚杰的建构主义理论指出学生获取知识不是通过教师教育，而是学习者在一定情境中，借助他人的帮助，利用必要学习资料，能通过自我建构重组的方式获得知识。因此，为实现教学目标我设计的教学方法以学生任务驱动为主线，通过自主探究、教师综合演示、效果对比、合作交流完成教学任务，培养学生的信息素养。
【学法分析】
本节课教学内容抽象，根据九年级学生心理特征，有较强的抽象逻辑思维能力，因此以形象直观思维为主，使用多媒体作为辅助教学手段，变抽象为形象，为学生提供丰富的感性材料，促进学生对知识的感知、理解，激发学习的兴趣。
为引导学生自主探究学习，培养学生良好的学习方法与学习习惯，进行小组竞赛学习，让学生看一看、想一想、练一练，以练为主，亲自实践、积极动脑动手学习新的知识。
篇7：网页设计教学毕业论文
【摘要】
本文以就业信息管理平台为例，研究网页设计中表格与层的应用，提出表格与层可以让网页的布局整齐美观，将网页中的文字、图片、动画等众多元素有条理地统一组织起来。虽然表格的使用整体上是好的，但在一些细节的美化上表格的设计就难以做到，这就要采用层来搭配表格的设计解决相应的排版美化问题。
【关键词】网页设计；表格；层；就业信息管理平台
随着信息技术的日新月异，网页设计的重要性也逐渐凸显，如何快速、方便地设计出相关的网页、网站就显得非常重要。在网页设计与制作的教学过程中，如何让学生快速地掌握网页设计的一些排版技巧是非常有必要的。因此，笔者结合网页设计与制作教学中的一些体会，并通过就业信息管理平台的设计案例，探索网页设计中表格与ApDiv（层）的排版设计技巧。
一、Dreamweavercs简介
Dreamweavercs是由Adobe公司推出的一套拥有可视化编辑界面，用于制作并编辑网站和移动应用程序的网页设计软件。目前，最新的版本为DreamweaverCC，网页设计软件的功能强大。对网页的浏览已经是我们生活中的不可分割的一部分，网页作为网络信息传播的主要载体，其设计也为大家所关注。网页设计软件的种类有很多，但最出名、最专业的网页设计工具，非Dreamweaver莫属。它是著名的“所见即所得”的可视化网站开发工具，目前的网页设计几乎都采用Dreamweaver来设计。Dreamweaver不仅提供了强大的网页编辑功能，而且还提供了网页的上传工具。利用FTP进行大文件的传输，节省了文件的传输时间，它是一个集网页创作和文件传输管理等多功能的设计工具。
二、表格与层在网页设计中的使用
在就业信息管理平台的设计中，采用程序设计，可以很好地提高网页的下载与浏览速度，但对于初学者来说，程序设计是一件头痛的事。因此，如何利用表格与层来进行设计，就非常重要。网页设计中的排版有很多种方法，其中表格结合层的使用排版是最基本也是最有效的方法。表格与层，对职业院校的学生来说，非常容易学，而且使用也非常方便，做出来的网页也非常的漂亮，因此，在网页设计中表格与层是非常重要的。
（一）网页设计中表格的使用。在网页设计中，利用表格的排版，它的整体效果好是毋庸置疑的，表格在网页中的位置可以通过表格属性来进行设置。在Dreamweaver中，页面内容的设计、排版主要是通过表格来完成。通过表格的相互嵌套、合并与拆分，可以将自己构思好的页面完整地表现出来。表格在网页中的重要作用，主要是它在不同的显示上，可以根据网页的大小、显示器的大小进行相应的变化。并始终都处于浏览的相对位置，完整地把内容显示出来，具有很好的兼容性。因此，使用表格排版比较规范，整体性强，可以让网页的设计显得非常的整齐，达到想要的效果。但由于表格的整体性，在一些细微的地方以及操作上还不够细化，在内容的设计表现上还不够丰富。
（二）网页设计中层的使用。层的使用在网页设计中也是非常的普遍，由于它的定位比较精确，又是一种可视化操作元素，它的使用让网页增加了丰富的表现。层与表格的使用基本差不多，但在位置的定位上要比表格方便很多，这也是层的主要优点。在网页设计中，文本、图像、表格等元素只能固定其位置，不能相互叠加。如果要想使多个元素进行叠加或者定位要精确，在这种情况下，就需要使用层来进行设置。层具有很多表格所不具备的特点，如层的重叠、移动、隐藏等一些功能，层还可以添加一些动作行为，让层的内容表现更加丰富，也正是基于这一点，层成了网页设计中一个重要的元素。层的这些特点有助于设计思维不受局限，从而在设计上有很大的空间。由于它是一种流元素，层在具有上述优点的同时，也存在着一些不可避免的缺陷，例如层在网页中的定位不会随着浏览器大小的变化而变化，层的位置是固定不动的，在这样的情况下就失去了层在网页设计布局中的意义。
（三）就业信息管理平台中表格与层的结合使用。表格与层的结合使用才能更好地体现出它们的优势，层也才能更好地体现出它在网页设计中的强大功能。在网页设计中，如何做到表格跟层的统一、层与表格融为一个整体，这就要用到层在表格中的插入操作，以及层的嵌套使用，下面以就业信息管理平台中制作下拉菜单为例来设计。首先，在网页中插入一个三行一列的表格，在表格的第一行插入一张图片，作为网页设计的Logo，而在第二行中插入一个嵌套的一行五列的表格作为网页的导航条，表格的第三行作为主要内容的设计与排版。
三、表格与层的正确应用表格与层
在网页设计中虽然有强大的功能，但在使用的过程中也不能太随意，如果随意地使用就会增加浏览器的负担，浏览下载的速度就会变慢，影响网页的浏览。
（一）表格布局出现的问题。在网页设计中，利用表格排版的时候，不能使用一个大大的表格铺满整个页面，这样不利于浏览器的打开。浏览器打开一个表格，是要等一个表格全部下载完成，这样就需要很长的时间来打开这个网页。在表格的嵌套中，也不能无限制地嵌套下去，一般表格的嵌套，应该控制在最多三层表格，如果嵌套的表格太多，打开时也会消耗大量的资源，不利于网页的打开。有数据统计，一般浏览者打开网页的等待时间为7秒以内。如何解决这个问题，主要采用拆分表格的方法，将一个大的表格拆分成几个小的表格，并要尽可能地避免表格的层层嵌套。
（二）层布局出现的偏差。在网页的设计中，层的单独使用没有多大的意义，因为层是流元素，不会随着网页浏览器的变化而变化，它的位置是固定的，不会产生移动。虽然有时候，我们在利用表格与层排版的时候，看起来很整齐，但一预览就完全错位了，根本不是想要的效果。如何才能使层与页面中的表格一样，能够随浏览器的变化而产生相对位置上的变化，这就需要先使用表格对整个网页的整体进行规划，然后添加一个层到表格中的一个单元格中，作为一个父层。操作的方法为：菜单栏中的插入―布局对象―ApDiv，插入后，这个层的位置左、上必须为空，没有任何内容。然后，其他的子层就通过这个父层进行嵌套，在这里必须强调的是，父层必须通过菜单栏的插入，不能通过用鼠标画出来的方式操作。采用这种方法设置层后，无论浏览器的窗口大小如何变化，它都会跟着变化，体现了与表格成为一个整体，在浏览时就不会产生位置上的移动，因此，层只有结合表格的使用才能更好地丰富网页内容。
总之，在网页设计中，表格与层是非常重要的元素，但在布局设计中，只有把表格与层结合使用，才能让网页的布局精美与丰富。网页中的内容虽然很重要，但网页中的设计与布局才是最重要的。因此，通过合理的布局设置，特别是主页设计要整齐美观，才可能更好地吸引读者。因此，在平时的网页设计中，要多看一些优秀网站的排版设计，只有这样，才能更好地提高自己的网页设计能力。
【参考文献】
［1］俞燕丹．项目教学法在《网页设计与制作》课程中的实践研究［J］．新课程研究（中旬刊），（10）
［2］韩媛媛．浅谈Dreamweaver在网页设计中的应用［J］．信息与电脑，（7）
［3］周金容．网页制作过程与技巧［J］．软件导刊，2016（15）
[网页设计教学毕业论文]
篇8：网页设计教学反思
本课的教学目标是掌握使用FrontPage制作网页的基本方法；重点是掌握在网页中插入文字和图片的方法；难点在于插入表格规划网页的结构。
课堂以自主探究的模式展开，同学们在以往的学习中已掌握了在Word中插入表格、图片等方法，在FrontPage中他们很顺利地完成了教材呈现的目标。基本掌握了单张网页的制作方法。
接下来就是突破难点的训练。问题集中到如何插入一个布局表格来实现规划好的结构。而教材上完全没有提示学生探究FrontPage “表格”与Word “表格” 功能的异同。少数同学开始试着插入适合自己网页结构的框架表格，而大部分的同学则完全没有考虑结构问题，做起直接的搬移，将FrontPage当成Word来用。直到出现无法将图片，文字放置到设想位置时，才意识到教材P20中“FrontPage通常用表格来安排网页中各种内容（文章、图形等）的版面位置。”这问话的含义是否明确。急着寻求解决的办法。我便让哪些意识到要先插入适当结构框架表的学生来说说他们的想法。并及时出示与学生思维一致的演示片，将探究FrontPage “表格”功能的提示呈现给他们。同时利用极域教室的功能，向全体同学展示同伴的探究结果，让学生不同的思绪方式及智慧产生碰撞，相互启示，顺利突破教学难点。
看到同学们找到解决问题的方法后，抑制不住的兴奋与喜悦，也让我产生了如下的思考：这节课，反映出大多数学生的自主学习能力较弱，而这与学生的学习体验是分不开的。自我从事教育工作，观摩学习的课，几乎整节课直到最后练习才会有要求学生打开课本的时候。有的甚至根本一节课不需要学生打开课本。所有知识都在老师的板书或演示文稿中。这或许是大班教学为确保进度和质量的无奈吧。多年来，我一直在思考课本对于学生的作用何在。书籍是人类智慧的结晶，如果学生没能学会自己从书籍中获取知识的方法，训练出举一反三的能力，对于他们的终身学习应该不能不说是缺失吧。
教师的指导是灌输或诱导，也应该成为教师备课设计时需仔细考量的要点。稍有欠缺，就会陷入灌输的泥沼。一定要对学生情况进行充分的分析，预计到课堂将会出现的情景，找准切入点，呈现适当的提示和点拨，让他们体验到只有积极自主探究和吸纳同伴智慧才能成就自己智力开发和知识积累。成为一名会学习的学生。
篇9：网页设计教学反思
今天上午，我在高二（1）班上了一节公开课，上课的内容是《体验网站规划与设计》。整个教学过程以师生访问分析网站为主线，采取分组讨论、小组活动进行。教学中以任务驱动、自主学习，交流学习以及引领展示的模式，将规划过程分解为几个任务，根据所学知识，完成对网站规划选题、域名、栏目及艺术风格的规划与设计进行学习，并将各小组任务完成的情况以学案—《网站规划与设计方案》的形式呈现出来。通过展示学生设计方案，对学生成果给予评价与肯定，激发学生进一步学习的兴趣，培养学生主动思考、积极参加团结协作。
成功之处，本节课教学环节完整，对三维目标把握较好，同时认真的对学情进行了分析。本节课，对学高二火箭班的学生，我注重了学生发散性思维、语言表达能力、逻辑推理思维的培养，同时引导学生学会鉴赏、学生聆听、学会尊重，学生在较短的时间内能够很好的完成教学各环节的实践，最终形成了完成的方案，且能很好的陈述。
不足之处，本节课，整个教学过程都是需要网络支撑，由于网络突然出现问题，而心中又想达到理想的课堂，希望给学生一个完整的教学过程，导致课堂的暂时中断，而此后压缩了学生讨论和展示成果的一些时间，后面的教学时间和节奏略显苍促，课堂小节也不是很到位。
经验总结：在教学过程中，我也考虑到网络和电的问题，但是心向往对课堂存理想化状态，实际上不然，不想发现的事终究发生了，以此，不管是哪种级别的公开课，都要着两种备案才可，以免出现课堂教学事故而让自己陷入囧境。
篇10：网页设计教学反思
本课主要是让学生在Frontpage中使用页面框架来制作一个网页。利用Frontpage制作网页，这部分内容关于操作技能方面对于七年级的学生来说难度并不算大，在学习过word的基础上，大部分学生能够利用知识迁移比较快的掌握制作网页的一般方法。
课一开始，我就让学生了解使用页面框架制作网页的优点，从而激发学生学习的兴趣。在前面经过Frontpage几节课的学习后，大部分学生已经掌握了用表格制作网站的一般步骤，但是对于框架网页学生了解的不多，如果单纯的讲解框架网页概念的话，学生难以理解，因此通过对学生经常浏览的网站的介绍，让学生对框架网页产生一个比较感性的认识，有通过我的操作，让学生感受到框架网页较普通网页的优势。于是我引导学生根据内容选择合适的框架页面，由于所选的内容是“中国四大名著”和“欧洲四大名著”，选择“垂直拆分”的框架网页来得更合适。
由于时间关系，我在课前已经帮学生准备好了关于“中国四大名著”和“欧洲四大名著”的相关图片和资料。学生在选择好合适的框架页面后就可以开始制作了。制作一个完整的网页，内容是比较多的，因此学生在进行网页制作时，可以按老师提供的WORD提示来进行制作。当然学生也可以自行选择制作的方法，让学生可以发挥自己的想象，制作出个性化的网页。因为本节课内容的知识点比较多，制作网页的过程中要用到插入滚动字幕，制作超链接等内容，所以根据这一实际情况，我提供了一些小提示来供学生参考，这种形式的帮助达到了很好的教学效果。同时采取小组合作的方式来完成任务，能显著提高课堂的效率。
保存网页是最重要的一个步骤，一部分学生保存后发现，有的内容都是无法显示。因为框架网页的保存和其他普通网页的保存是不同的，所以我在一开始就让学生感受这一不同点，起到了很好的预防作用，只有很少的学生保存时发生错误。在这个任务中，除了让学生充分了解框架网页保存的特殊性，也要让学生知道，在新建框架网页时的一般方法。
通过本课的学习，班上的学生基本上掌握了使用页面框架制作网页的一般方法。
篇11：网页设计教学反思
“怎样才能调动学生的积极性与兴趣？”，“如何才能在轻松和有趣的教学环境中到达所设定的教学目标？”……，在每次上课前，我都在问自己。在信息技术教学中，我觉得最重要的一点，就是培养学生怎样学“信息技术”的“习惯”！
“操作”是信息技术教学的核心，“创新”是信息技术教学的目标，“协作”是信息技术教学的要求，“探究”是信息技术教学的方法。我紧紧围绕这四个方面去组织教学内容，培养学生各种良好的学习习惯，达到教学目的。
通过认真学习上课的内容，找出重点，难点以及学生难记，易忘，易错的步骤和操作，然后，以上面所提到的`“四点”来设计一系列的教学任务，把本节课所要传授的知识点，能力，思想，素质融入到这一个个小任务中去，争取让学生在完成这些有趣的任务的同时，学到了该学的东西。教学内容可以设计成下面五个小任务：
1：欣赏一些优秀的班级主页。（师生一起评析，讲解其中的一些技巧）
2：查找自己喜欢的网页素材。（教师已在学生机准备好各种素材，让学生自己寻找自己喜欢的素材，培养其“定位感”。）
3：班级主页设计。（允许学生之间交流）
4：小组评价。（每小组推荐一名最好的作品，然后，全班一起评价。强调协作，团结，包容，肯定他人成绩的精神）每个任务都强调培养学生学习信息技术的良好习惯，同时层层深入，直至达到目的。
首先，让学生欣赏一些优秀的班级主页，当那些精美，富有创意，图、文、声并茂的网页呈现在学生面前时，他们都“哇”的一声，学习兴趣马上激发出来，课堂氛围也活跃起来了。这时，老师再顺势引导学生如何欣赏，他们各自有什么特点，如果是你自己来设计，该怎样做等等。接下来，就安排学生自己去查找喜欢的网页素材，为下一任务做准备，同时培养学生的“探究”精神和“定位素材”的能力。而在“网页设计”任务时，允许学生交流，相互帮助，老师对有困难的学生进行个别技术上的辅导，尽量让学生发挥自己的想象力去创造出富有个人特色，与众不同的网页来。最后一个任务也非常重要，老师事先给每位学生发一张“网页评价表”，让他们对小组推荐出来的作品进行评价。引导他们形成正确的审美观，以及肯定他人劳动成果的精神，提高他们的综合素质。
篇12：网页设计教学心得体会
网页设计教学心得体会
通过一个学期的学习和课堂讲授，要我体会到要做好一个网页不容易，当然要把这门课程讲好更不容易。首先，需要足够的耐心去了解学生的学习情况；其次，老师要有深厚的功力，即在网页制作领域要能深入市场需求把握市场动向以此来决定教学方向；最后，切合实际的讲学，深入浅出的教学模式能让学生更能把握知识，并能熟练运用。总而言之，要掌握网页设计的基础知识并且成为一名网页设计师也是一个重大挑战！
分析现在的网页制作流程，基本上可以分为两大模块：前台美工和编写网站后台。针对前台美工来说，更注重的是学生的设计理念，颜色的搭配，整体的规划，以及增色的动画效果，因此要求学生有一定的艺术欣赏能力和艺术创作意识，但是针对计算机操作来说，工具的运用相对简单。因此我们在教学过程中，学生愿意钻研，也愿意学习，但是在短短的一个多月的时间内学习软件的运用况且不易，更如何谈及艺术情操的陶冶！在学生的学习过程中也出现意犹未尽的现象，像是没有学够，学的不够尽兴，特备是对于动画爱好者来说，仅仅入门对于他们来说还远远不够。而针对另外一个模块，更适合计算机专业的学生，也就是编
写网站后台，但是相对来说知识稍微枯燥，且要求学生动脑思考，有一定的逻辑思维能力和进取精神。当然也有很多学生对这个很感兴趣，热爱编程，热爱程序的学习，所以学习起来也得心应手，屡试不爽！
因此我个人认为，对于我们学生来说关键是要精于一门，精于一项，现实社会中也很缺乏所谓的专业精英。网站的制作通常都是细化分工，团队合作，共同努力实现网站的创建，所以我也鼓励学生能通于某项，深入学习，正所谓“深挖井，少挖坑”。
老师给与学生合理的引导，更要加强自身的素质修养，提高自己的知识水准。
在整个教学过程中，我自己也要检讨自己，针对网页设计来说，我仅仅是带领学生入门，没有能够让学生的学习兴趣和自身的潜力完全释放出来。我从来都是相信我的学生是最聪明的学生，我也再三强调他们是我碰到的很聪明的一批学生，只要努力，劳动总是会有收获的！但是在教学过程中，个人还缺少更高的艺术修养和艺术创造能力，但是我一直在追求艺术的完美，所以还要不断的学习，不但实现个人的理想和爱好还要完成教学的需求；另外就是技术上还需要完善，也需要和有经验的老师多交流，多沟通。我相信只有站在一定的高度去看整个项目的实现，会更通俗易懂也更有说服力，所以也不能说都是学生的原因，归结起来还是要提高自己的知识水平和业务素质！
正所谓“巧妇难为无米之炊”，所以，提高个人知识水平和业务素质也迫在眉睫。教学过程中不满足，不浮躁，努力进取，积极上进，多向有经验的老师请教。
总而言之，在我们这门课中一共涉及的知识面也宽泛，就软件来说大概就有四个，所以也加大了学生学习的难度。但这个学期结束后，访问学生的体会，基本上一致说：知识太多，难以学习精通，虽然提起很大兴趣，但是知识还有待深入。其实不仅仅是学生，对于老师来说何尝又不是呢，所有要接触的知识中，每一个软件基本上都够学习一个学期的，而我们要在短短的一个学期中接触到这么多知识也难怪学生反应知识多。整个学期像是在不断学习新的软件，一个软件刚刚入门就又要再开始另外一个软件的学习。学习强度大，虽然知识不是很难把握，但是知识零碎，需要反复学习，反复巩固，一个学期下来，基础知识基本上完，但根本没有复习时间，也没有时间要学生通过以前的知识来开发自己的网站。所以，我个人认为：这门课的学习还需要进一步加强并巩固，能有一个综合的运用，或者是通过一个网站的建设让学生能够体会到核心的东西。
针对全体学生来说，聪明程度相当，但学习兴趣层次不同，大部分学生只愿意听后选择性的接受，而没有知识的创新利用，或者是没有下去自学，巩固知识，单一的只是听和做。部分学习根据自己的作品提出一两点问题，但是程度差的同学，上完课后根本就直接把书丢在一边置之不理。综合学生的学习态度问题，个人认为还需要加强考核制度，从严制学，宽进严出，严肃考风！
另外，针对这个学期的网页制作课程，在学生的学习制作过程中我也有自己的一点意见和看法：
1.网页制作要简洁大方。网站在设计过程中以简洁大方为主，配合合理的颜色搭配和主题内容的诠释，给访问者赏心悦目的感觉；而避免过多的动画和帧的过多运用，以及不明确的导航，杂乱的颜色，没有主题的胡编乱造。
2.网站风格要统一。所有的图像、文字，包括像背景颜色、区分线、字体、标题、注脚什么的，要统一风格，贯穿全站。这样子读者看起来舒服、顺畅，也会对你的网站留下一个“很专业”的印象。知识运用中要大量配合合理的模板、CSS样式的运用而避免在网页中反复的字体样式重定义、颜色的胡乱运用，参差不齐给人杂乱的感觉。
3.网站布局合理。避免一些“拿来主义”，一些学生为了设计方便，拿网上流行的模版做网页，做出的网页几乎是千篇 一律，没有特色，虽然完成了网页的制作，但是毕竟不是出自个人之手，知识缺乏进一步巩固，且让浏览者产生厌倦。另外导航清晰化，能引领浏览者阅读网页，思路一定要清晰，避免交叉链接。
4.网站容量要小。虽然网页更加美观可以吸引浏览者，但是图片，动画容量大会影响浏览速度，所以一定要注意网络容量问题。图片尽量压缩，多采用单一色，或者简单的颜色；动画要尽量简洁实用，用最少的帧做出最漂亮实用的'动画，给网页增色。
5.网站实现严谨。动态网页的制作在这里主要是通过ASP来完成，首先数据库的设计要合理，避免反复修改，影响调用。代码的写入要严谨，比如考虑密码的安全性，以及注册用户写入一些非法字符，或者是洪水般的多用户的点击是否对服务器造成威胁等问题，尽量多方位全面的考虑问题，写出更实用的网站。
以上是在教学过程中遇到的一些知识点或是具体运用中遇到的一些问题，当然也是学生的上机过程中经常存在的问题。
但是总体来说，通过整个学期网页制作的学习，学生已经了解了网页制作所需要的基本技术，也掌握了网页制作的基本技能。但由于时间紧迫，知识点多，一些重点难点问题还需要勤加练习，比如：静态网页中的布局和CSS的定义；动态网页中对象的综合运用等等。当然也存在着遗憾，不少学生反映，他们的学习爱好更多的是动画的制作即Flash的学习，而我们只是笼统的讲解，不能完全满足学生的求知欲！当然针对网页制作来说，还需要加强学生的配色观念以及审美观的培养，以及动态网页的实现技术的把握，在很多方面还需要老师和学生们进一步配合，共同学习和实战，以达到知识运用的一定高度！
篇13： 《网页制作》教学设计
一、教材或教学内容分析
本章内容在本教材中的位置处于第五章,是在文字处理(Word)和网络基础及因特网应用两章之后。学生所学的文字处理软件Word和将要学习的网页制作软件Frontpage同是Microsoft公司的产品,在软件的使用上有很多的共通之处,所以在学习frontpage的时候,很多内容可以让学生自学,而不必面面俱到地在课上讲授。而第四章网络基础及因特网的应用又为学生对网页的理解奠定了基础,学生对网页中的基本元素――文字、图片、动画、声音等都有所了解,而网页的制作就是将这些元素重新组合到网页上,学生要学的就是这种组合的方法。所以说,虽然大多数学生以前都未接触过网页的制作,但有了以上这些基础,学起来就轻松多了。
本章内容按照学生已有的基础,我对教学内容分了一下类,也为教学的组织工作打下一点基础。本章内容主要由网页基础知识、网站的建立和管理、网页的制作、创建超链接、图片的处理、网页框架。
重点是网页的制作和创建超链接,学会了这些就可以开始简单的网页制作了。
难点是网页框架,这部分相互之间关系比较复杂,必要时,老师在对各组个别辅导时,可以给予分别讲解。 这个分类可以为组长安排各个组员的任务提供参考,使分工更加合理。
二、教学对象的分析
信息技术课虽然已经成为初中的必修科目,但是城乡学生之间掌握情况的差异却相当大,条件好一点的初中学生不仅已经熟练掌握了课本上的内容,还对一些常用软件有所了解;而差一点的可以说是从高中开始才正式接触到信息技术知识的学习,他们需要多锻炼、多指导,所以协作学习对学生的学习帮助很大。
三、教学策略的选择及媒体的使用
在教学策略的选择上,我使用的是任务驱动和协作学习相结合的方法。
任务驱动就是要求本章内容学习完之后,每个小组都要完成自己班级网站的制作,并在全班进行评比,选择最好的作为班级主页挂到学校主页上去,这有助于激发学生参与学习的积极性。
协作学习则是让学生在学习过程中互帮互助,用较短的时间、教少的精力学到更多的东西,完成一个集体项目,让他们在学习之后获得成就感。因此在媒体的选择上,我们使用的是TOP2000系统。TOP2000系统有利于教师进行分组教学和学生作品的点评及成果的展示。教学过程开始之前,教师把学生按座位分成四组,每个组都按学生对计算机的掌握程度平均分配,保证每个组都有计算机操作方面比较突出的,也有相对比较差的,使其形成能够互帮互助的学习小组。并由他们自己选出组长各一名,然后由组长根据组员的情况,确定在班级主页制作过程中主要完成什么任务,也就是说起到一个组织者的作用。做过网页的人都知道,做网页是一项比较费时的工作,而要学生在较短的时间内制作出像样的网页是比较困难的,而在这个过程中,网页的设计占去了相当多的一部分时间,组长把任务分到各组员头上以后,组员就可根据自己要完成的任务相对集中的做某方面的工作,做完以后,组员之间进行经验交流,告诉组员自己的网页是如何制作出来的,在完成自己的网页后,再重复一遍制作过程花费的时间的不多的。这样,其他组员就可在较短的时间之内掌握比较先进的网页制作方法,而不必再花那么多时间去探索。因为每位组员都必须自己完成一个任务,所以在这个过程中,也同样有自己探索学习的机会和介绍自己经验的机会,使组内的每个学生都在学习中获得成就感。
四、教学过程
教学进程
教师活动
学生活动
1、课前准备
课前将本章内容的基本结构、内容的归类、网页基础知识、网页素材做成一个网站,供学生参考,网站上的内容可根据学生以后在学习中的要求添加。根据学生对已有的网页制作的情况进行分组。
学生根据自己的分组情况选出组织能力较强、计算机水平较高的人做组长,协作小组形成。
2、教师布置任务,作必要讲解
第一节课,教师简单介绍网页基础知识,并给各小组布置任务――用下面的时间完成班级网页的制作,并对组长进行本章基本内容及本章内容的分类的介绍,让他们对本章内容有总体上的'把握。
在教师对网页基础知识讲解的基础上,浏览教师制作的网站,继续学习;
课后各组设计自己的班级主页,组长根据网站上教师对本章内容的分类给学生布置任务。
3、教师指导分工情况,学生开始自主学习
第二节课教师对组长对全组的分工情况给予检查,提出意见和建议。
学生根据分工制作网页,学习可以跟着课本上自学,也可根据以前学习Word的经验自己摸索制作过程,不懂之处可向会的同学请教,还可以相互之间讨论,在网页的设计方面也可以相互之间多商量,发扬互帮互助的精神。
4、学生自主学习,教师指导、监督
下面三节课,老师在每组各用10分钟时间检查他们上节课的网页制作情况,并对他们碰到的问题给予提示或解决,起指导和监督作用。
学生继续学习、制作网页。
五、阶段总结
四节课的制作以后,各组员所制作的网页都初见雏形,所以教师组织一堂课,由各组展示自己的作品。教师在学生评讲完后,给予总结。
各组分别展示自己的作品,其他组对他们可以提出意见或建议,也可从其他组的学到好的创意。由组长在课后写一份阶段总结,从而指导以后的工作。
六、学生自主学习,教师指导、监督
下面四节课,老师仍然对每组各花10分钟时间轮流检查他们上节课的网页制作情况,并对他们碰到的问题给予提示或解决,起指导和监督作用。
学生继续学习、制作网页。
七、各组将内容汇总,形成班级主页
教师对各组出现的问题提出建议或意见。
组长或组长安排人将各组的主页进行汇总,形成一个完整的班级主页,对欠缺的地方进行修补。
八、班级网站制作完成,展示与总结
老师请其他信息技术教师来做评委,对各组做的网站提出意见或建议,评出最佳网站、最佳创意等奖,让大家的付出都有所收获。
各组分别展示自己组所制作的班级主页。
课后:
大家集中各组的优势,将班级主页完成,挂到学校主页上。
篇14： 《网页制作》教学设计
一、教学目标：
1、知识与技能：
（1）了解框架结构网页的概念及在网页中的作用，了解它与表格网页的区别。
（2）掌握框架结构网页的建立、框架结构的拆分、框架的删除等。
（3）掌握框架中页面设置及保存的方法，如设置初始网页按钮、新建网页按钮等。
2、过程与方法：
（1）能够区分框架结构属性设置与网页属性设置的不同点。
（2）通过框架结构网页设计，使学生对网页的整体结构有更进一步的认识。
3、情感态度与价值观：
（1）能够将表格与框架结构网页结合使用，在创作中体验乐趣。
（2）培养学生网页设计的审美意识、创新意识。
二、教学重点难点：
1、教学重点：
（1）框架网页的作用和功能，框架的建立与属性设置。
（2）框架中各个页面之间的关联，每个框中页面的设置方法。
（3）框架网页的保存方法。
2、教学难点：
（1）框架结构网页中框架属性与页面属性的设置方法。
（2）理解框架结构的多页面存储方法及各页面之间的关联。
三、教学过程：
1、创设情境、导入新课
（1）教师展示一组表格制作的网页，引导学生找出它们的共同特点。并提问如何快捷地制作这种网页（学生回答：使用复制、粘贴快捷地制作）。
（2）教师又提问：有没有更好的方法呢？相同的区域我们能否只做一遍呢？从而导入新课――框架网页的制作。
设计意图：通过对比、比较，引导学生思考，激发学生学习的乐趣。
2、任务驱动、自主学习
（1）教师展示一个框架网页，引导学生理解框架网页的概念。
（2）出示任务一：框架网页的新建与保存。教师要求学生先阅读教材中的操作步骤，再尝试完成书本第227页的实践学习。
（3）教师讲解框架结构中的每个框都是一个独立的选项文件，即网页文件，因此当框架确定之后，需要为每个框分别指定其网页文件的来源，可以通过每个框中的“新建网页”按钮和“设置初始网页”按钮进行选择。
（4）学生理解框架网页的概念，通过阅读教材中的内容，自学新建框架网页的操作，初步了解“新建网页”和“设置初始网页”两个按钮的不同，并认真聆听教师的讲解，注意观察，按要求模仿操作。
（5）出示任务二：相关页面的制作与设置。教师要求学生先阅读教材中的操作步骤，再尝试完成书本第228、229页的实践学习。
（6）学生制作相关页面，同时也是对前面所学内容的复习和回顾。教师反馈学生的操作情况，开展评比活动，对表现好的学生给与表扬。
（7）出示任务三：框架网页属性的设置。学生自主探究学习，有问题可向教师寻求帮助。教师基础扎实的同学完成任务后可进行拓展学习。
（8）教师请学生示范操作，并说明自己设置的方法和原因。同时鼓励做的比较好的学生。
设计意图：培养学生的自主学习能力，对于课堂教学难点，学生在教师的讲解后模仿操作，有效突破难点。
3、展示作品、课堂小结
（1）教师给出一些常见的框架结构应用界面，如Web邮箱页面等，引导学生总结本课内容，并让学生分组，推进一些优秀作品在全班展示。
（2）教师点评，并鼓励完成作品比较好的学生。
设计意图：拓展学生的视野，使学生了解框架的应用方法。展示优秀作品鼓励学生，激发学生的创作欲望。
四、教学反思：
1、本节课是在学习完简单网页、表格布局网页、交互式网页的基础上，进一步页的设计方法。由于学生已经具备了一定的网页设计基础知识与技能，所以教师可以根据学生的实际情况，采用更灵活
的教学方法。教师可以简单介绍框架结构网页的功能及框架的建立与编辑方法，以及框架属性设置与网页属性设置的方法与区别。然后由学生根据教师提供的学案及演示动画，完成框架网页设计任务。
★ 网页设计教学
★ 网页制作教学论文
★ 企业网站建设方案
【网页动态效果教学设计（精选14篇）】相关文章：
网站建设实训心得体会2023-08-09
个人网站策划书2022-05-08
《网页设计与制作入门与实战》心得读后感2023-02-24
《长城》语文教学设计方案2022-07-22
小学信息化教学设计方案第一次作业2022-05-06
美工面试自我介绍2023-04-03
班级网站策划书2023-09-15
学习网页设计课程心得体会2024-01-21
小学语文信息化教学论文题目2022-08-25
网站建设实验心得体会1000字2022-05-06