网页设计之滚动字幕教案

vb课程设计滚动字幕一、教学目标本节课的教学目标是使学生掌握VB编程中的滚动字幕功能。

知识目标要求学生了解滚动字幕的原理和实现方法；技能目标要求学生能够独立编写滚动字幕的VB程序；情感态度价值观目标则是培养学生对编程的兴趣和主动性。

二、教学内容本节课的教学内容主要包括滚动字幕的原理、实现方法和VB编程的基本操作。

首先，讲解滚动字幕的原理，让学生明白滚动字幕是如何实现的；然后，通过实例展示如何使用VB编程实现滚动字幕，让学生掌握实现方法；最后，进行课堂实践，让学生亲自动手编写滚动字幕的VB程序，巩固所学内容。

三、教学方法为了激发学生的学习兴趣和主动性，本节课将采用多种教学方法。

首先，采用讲授法，讲解滚动字幕的原理和实现方法；其次，采用讨论法，让学生分组讨论如何编写滚动字幕的VB程序，并分享彼此的思路；接着，采用案例分析法，分析典型的滚动字幕实例，让学生理解并掌握实现方法；最后，采用实验法，让学生亲自动手编写滚动字幕的VB程序，提高实践能力。

四、教学资源为了支持教学内容和教学方法的实施，本节课将准备以下教学资源：教材《VB 编程基础》、参考书《VB编程实例解析》、多媒体资料（包括滚动字幕的原理动画演示、实例演示视频等）以及实验设备（计算机、网络等）。

这些教学资源将有助于丰富学生的学习体验，提高学习效果。

五、教学评估本节课的教学评估将采用多元化的评估方式，以全面、客观、公正地评价学生的学习成果。

评估方式包括平时表现、作业和考试等。

平时表现主要考察学生在课堂上的参与程度、提问和回答问题的积极性等；作业则是对学生掌握滚动字幕原理和实现方法的检验，要求学生独立完成相关编程练习；考试则是对学生综合运用VB编程知识的能力进行评估，包括理论知识和编程实践。

通过这些评估方式，能够全面反映学生的学习成果，为后续教学提供有力支持。

六、教学安排本节课的教学安排将遵循合理、紧凑的原则，确保在有限的时间内完成教学任务。

教学进度将按照教材《VB编程基础》的章节顺序进行，每个章节安排相应的教学时间。

一、教学目标1. 知识目标：（1）掌握滑动字幕的基本概念和原理；（2）了解滑动字幕在各类媒体中的应用；（3）学会使用常见的滑动字幕制作软件。

2. 能力目标：（1）具备独立制作滑动字幕的能力；（2）能够根据实际需求调整滑动字幕的样式和速度；（3）提高审美能力，学会将滑动字幕与视频内容有机结合。

3. 情感目标：（1）培养学生对滑动字幕制作的兴趣；（2）激发学生对多媒体创作的热情；（3）提高学生的团队协作能力。

二、教学内容1. 滑动字幕的基本概念和原理；2. 滑动字幕的类型及特点；3. 滑动字幕制作软件介绍；4. 滑动字幕制作技巧；5. 滑动字幕与视频内容的结合。

三、教学过程1. 导入新课（1）展示具有滑动字幕的精彩视频片段，激发学生的学习兴趣；（2）介绍滑动字幕的基本概念和原理。

2. 讲解与演示（1）讲解滑动字幕的类型及特点；（2）演示滑动字幕制作软件的基本操作；（3）展示滑动字幕制作技巧。

3. 学生实践（1）学生分组，每组选择一个主题进行滑动字幕制作；（2）教师巡视指导，解答学生在制作过程中遇到的问题；（3）各小组展示作品，互相评价，教师点评。

4. 总结与拓展（1）总结滑动字幕制作的关键要点；（2）引导学生思考如何将滑动字幕与视频内容有机结合；（3）布置课后拓展任务，鼓励学生尝试使用不同的软件制作滑动字幕。

四、教学评价1. 课堂表现：观察学生在课堂上的参与度、提问和回答问题的情况；2. 实践操作：评估学生在实践环节中制作的滑动字幕作品的质量；3. 课后拓展：检查学生在课后拓展任务中的完成情况。

五、教学资源1. 教学课件：包括滑动字幕的基本概念、类型、制作技巧等内容；2. 滑动字幕制作软件：如Adobe After Effects、Final Cut Pro等；3. 视频素材：用于演示滑动字幕的应用和效果；4. 课后拓展资料：提供相关书籍、网站等资源。

六、教学时间安排1. 课堂时间：2课时；2. 课后拓展：2课时。

版小学五年级下册信息技术第12课（让网页多姿多彩）样板教案第12课让网页多姿多彩
教学目标
1、掌握在网页中插入滚动字幕的方法。

2、学会在网页中插入悬停按钮。

课时安排
1课时
教学重点和难点
掌握在网页中插入滚动字幕及悬停按钮的方法。

教学过程
一、导入
制作网页时，适当地应用一些组件，能使网页更加多姿多彩。

这节课我们一起来学习在网页上插入滚动字幕及悬停按钮。

二、插入滚动字幕
1、以给网页“品菊赏诗〞插入“欢迎来小榄做客！〞的滚动字幕为例，师作示范操作：
1〕将鼠标指针移到要插入字幕的位置单击
2〕单击“插入〞菜单中的“Web组件〞
3〕选择“动态效果〞中“字幕〞效果
4〕单击“完成〞
5〕在“字幕属性〞对话框中输入文本，如“欢迎来小榄做客！〞
6〕设置“字幕属性〞后单击“确定〞
2、学生试一试：在“字幕属性〞中美化滚动字幕。

三、制作动态的按钮
1、翻开“品菊赏诗〞网页
1〕删除原来文字“菊城小榄〞
2〕单击“插入〞菜单，选择“Web组件〞
3〕选择“动态效果〞,然后单击“交互式按钮〞
4〕在“交互式按钮〞对话框中选择一种按钮类型
5〕输入按钮名称，如“菊城小榄〞
6〕单击“扫瞄〞选择超链接的目标，如网页“菊城小榄〞
7〕单击“确定〞
四、练一练
1、依据以上例子，把全部的网页中按钮栏制作成动态的“交互式按钮〞。

2、把本课制作好的全部按钮及滚动字幕复制到各个网页中，全部网页的动态按钮及滚动字幕就制作好了。

五、总结
1、学了这节课，谈谈有什么收获？
2、完成“评一评〞。

vb课程设计滚动字幕板一、教学目标本课程旨在通过学习VB课程设计滚动字幕板，使学生掌握以下知识目标：1.理解VB编程语言的基本语法和概念。

2.掌握滚动字幕板的设计原理和实现方法。

同时，学生应具备以下技能目标：1.能够运用VB编程语言进行简单的程序设计。

2.能够独立设计和实现滚动字幕板。

在情感态度价值观方面，学生应达到以下目标：1.培养对计算机编程的兴趣和热情。

2.培养解决问题的能力和团队合作精神。

二、教学内容本课程的教学内容主要包括以下部分：1.VB编程语言基础：介绍VB编程语言的基本语法和概念，如变量、数据类型、运算符、控制结构等。

2.滚动字幕板设计：讲解滚动字幕板的设计原理和实现方法，包括字符串处理、定时器控件的使用等。

教学大纲安排如下：第1-2课时：VB编程语言基础。

第3-4课时：滚动字幕板设计。

三、教学方法为了激发学生的学习兴趣和主动性，本课程将采用以下教学方法：1.讲授法：讲解VB编程语言的基本语法和概念，以及滚动字幕板的设计原理。

2.案例分析法：通过分析实际案例，使学生更好地理解和掌握滚动字幕板的设计方法。

3.实验法：让学生动手编写代码，实现滚动字幕板，培养学生的实际操作能力。

四、教学资源为了支持教学内容和教学方法的实施，丰富学生的学习体验，我们将准备以下教学资源：1.教材：《VB编程基础》及相关辅助教材。

2.多媒体资料：教学PPT、案例代码、视频教程等。

3.实验设备：计算机、投影仪、编程软件等。

五、教学评估为了全面、客观、公正地评估学生的学习成果，本课程将采用以下评估方式：1.平时表现：包括课堂参与度、提问回答、小组讨论等，占总评的30%。

2.作业：布置相关编程作业，要求学生独立完成，占总评的30%。

3.考试：期末进行一次VB编程考试，测试学生对课程内容的掌握程度，占总评的40%。

4.平时表现：积极发言、主动参与、合作默契。

5.作业：代码规范、功能实现、注释清晰。

6.考试：答案正确、编程思路清晰、代码效率高。

课题26：游动字幕
一、提出任务
1．任务目标
制作滚动字幕时，首先使用水平区域字幕工具建立多行多段文字，然后在其基础上建立向上滚动的字幕。

在向上滚动字幕的设置中，可以设置其在屏幕内或屏幕外的位置以及滚动的停留时间。

另外向上滚动字幕在滚动进入屏幕或离开屏幕时，还可以设置其变速滚动效果。

掌握了向上滚动字幕的制作方法后，再制作游动字幕就会比较简单了。

2. 解决的问题
掌握向上滚动字幕的制作方法，制作游动字幕。

二、教学目标
1. 知识目标
⑴变速滚动字幕
⑵游动字幕
⑶“滚动/游动选项”窗口设置
2. 能力目标
能够使用“滚动/游动选项”窗口制作游动字幕。

三、教学分析与准备
1. 教学重点
⑴变速滚动字幕
⑵游动字幕
⑶“滚动/游动选项”窗口设置
2．教学难点
⑴变速滚动字幕
⑵游动字幕
⑶“滚动/游动选项”窗口设置
3. 教学方法
任务驱动学习和协作学习、探究学习相结合
4. 课时安排
2课时
5. 教学环境
多媒体网络教室
四、教学后记
为了更清楚地演示字幕的向上滚动速度，新制作一个行数多些的字幕，以便有更长距离的滚动过程。

选择菜单命令【文件】/【新建】/【序列】（快捷键是Ctrl +N ，新建一个时间线序列02，在素材窗口中将“唐
”拖至时间线中。

单击
四、课堂小结
本节课的学习，在向上滚动字幕的设置中，滚动进。

一、教学目标1. 让学生了解滑动字幕的概念和作用；2. 掌握滑动字幕的制作方法；3. 培养学生的创意思维和团队协作能力；4. 提高学生的多媒体制作技能。

二、教学内容1. 滑动字幕的概念及作用；2. 滑动字幕的制作工具；3. 滑动字幕的制作步骤；4. 滑动字幕的应用实例。

三、教学过程1. 导入新课教师通过展示一些具有滑动字幕的短视频，引导学生思考滑动字幕的作用，从而引出本节课的主题。

2. 讲解滑动字幕的概念及作用教师详细讲解滑动字幕的定义、分类、特点等，让学生对滑动字幕有一个全面的了解。

3. 演示滑动字幕的制作方法教师以PPT或实际操作演示滑动字幕的制作过程，包括以下步骤：（1）选择合适的制作工具，如Adobe Premiere Pro、Final Cut Pro等；（2）导入视频素材；（3）添加字幕轨道；（4）设置字幕样式、动画效果等；（5）调整字幕时间、位置等；（6）预览并导出视频。

4. 学生实践教师组织学生分组进行滑动字幕的制作实践，要求学生在规定时间内完成一个具有创意的滑动字幕作品。

5. 作品展示与评价各小组展示自己的作品，教师和学生共同评价作品，指出优点和不足，并进行总结。

6. 总结与拓展教师总结本节课所学内容，强调滑动字幕在多媒体制作中的重要性，鼓励学生在今后的学习中继续探索滑动字幕的应用。

四、教学评价1. 课堂参与度：观察学生在课堂上的参与程度，包括提问、回答问题、互动交流等；2. 实践操作能力：评估学生在制作滑动字幕过程中的操作熟练程度和创意；3. 作品质量：评价学生制作的滑动字幕作品在创意、美观、实用性等方面的表现；4. 团队协作能力：观察学生在小组合作过程中的沟通、协作情况。

五、教学反思1. 教师应关注学生的个体差异，针对不同学生的学习需求进行针对性指导；2. 教师在讲解过程中，应注重理论与实践相结合，提高学生的实际操作能力；3. 教师应鼓励学生发挥创意，培养他们的创新思维；4. 教师应关注学生的团队协作能力，培养他们良好的沟通和协作习惯。

制作网页文字滚动效果一、教学内容分析“制作网页文字滚动效果”是中等职业教育规划新教材《Dreamweaver网页制作》第二章的内容，该知识是学生掌握了在Dreamweaver网页中文本的插入与编辑后的内容。

学习《制作网页文字滚动效果》这一课，目的在于掌握插入滚动文字的方法，设置滚动文字的属性。

二、教学目标设计【知识目标】1、认识设置“滚动文字”代码。

2、掌握插入滚动文字的方法并设置滚动文字属。

【技能目标】通过引导、欣赏、学习、操作使学生掌握插入滚动文字的方法，设置文字滚动属性，从而激发学生的学习兴趣。

并将所学的知识灵活运用，获得制作网页的愉悦。

【教学重点】掌握滚动文字的插入方法、认识插入滚动文字代码及设置滚动文字属性。

【教学难点】滚动文字属性的理解与设置方法。

三、教学对象分析：本节课的教学对象是的中职二年级的学生，他们已具备计算机基本操作能力和office办公软件操作知识，并且掌握了在《Dreamweaver》网页中插入文本的相关知识。

对于“插入滚动文字”这一知识，对于基础好的学生，他能够通过老师讲解和演示后完成具体的操作，理解代码属性；但是一些基础差的学生，还要在老师的引导、讲解、示范、自己动手操作并书写笔记等过程的帮助下才能够理解掌握这部分内容。

四、教学方法设计：为了落实重难点，我选择了“效果展示、提问、对比、讲解、演示”为主的教学方法，通过观看欣赏、思考、动手操作等方式完成本课学习任务。

为了完成目标，解决教学的重难点，我在教学中设计了以下几个教学环节：欣赏网页、引出任务→演示操作、学习新知识、学生操作、学生思考→巩固新知识→知识拓展、布置作业。

教学过程【引入】欣赏网页，分析网页。

（效果展示法）【新课学习】一、插入滚动文字学生看学案，预习插入滚动文字的方法。

明确完成该任务需要用到代码，代码的作用。

教师演示操作在网页中插入滚动文字“大家好”，抽学生表述步骤归纳方法：Ⅰ、定位插入点Ⅱ、执行“插入对象”→“标签”（提示：将自动切换到“折分”视图）Ⅲ、选择“HTML标签”→选取“marquee”指令代码→插入强调：“marquee”为滚动文字代码Ⅳ、关闭对话框，在Dreamweaver窗口代码视图中“<marquee></marquee>”代码插入点处输入文字提示：1、输入文字后，不按回车键结束，鼠标在设计视图中任意位置单击2、在网页编辑窗口中无法显示滚动效果，需要按F12键在浏览器中查看。

《滚动字幕的使用》教学设计《滚动字幕与层的使用》教学设计方案XXXXXX课题名称左右逢源——滚动字幕与层的使用科目信息技术年级八年级（下册）教学时间1课时（45分钟）一、知识与技能1.进一步掌握超级链接的制作方法。

2.学会使用marquee标签制作滚动字幕。

3.初步掌握使用层来进行布局。

二、过程与方法教学目标1.展示上节课学生反馈的问题内容，复超链接制作。

2.展示动态字幕效果网页、层应用，继而演示并讲解字幕标签的制作及使用层进行布局的方法和技巧。

3.布置练任务，巩固所学知识与技能。

三、情感、态度与价值观1.感受得到解惑后的快乐，培养好问敢问的研究态度。

2.合理设计，培养正确的审美观。

1.掌握滚动字幕制作的方法。

讲授重2.掌握层的布局应用方法。

点、难点3.灵活应用多层叠加。

1.学生的问题。

教学资源2.“安全自护”网站源代码。

3.本课讲授课件。

4.上课环境为微机室。

1活动环节《滚动字幕与层的使用》教学活动描述（一）旧知反馈1.展示上节课后学生反馈的问题，引导学生解疑。

2.学生进一步完善网页中超链接的设计制作，教师巡回指导。

（二）导入新课1.展示“校园内外”网页，学生观察特点，引出课题。

2.展现其他有滚动字幕特效的网页，简单点评。

（三）新课讲解研究一1.教师演示并讲解“滚动字幕”的制作方法。

设计企图展示学生的问题。

巩固旧知识的学。

展现实际使用，引起学生的留意和兴趣。

通过模仿，掌握滚动字幕的制作方法；同时根据自己的设计，制作有各自不同创意的字幕。

通过观看研究、模仿练，掌握APDiv元素的使用方法。

讲授举动12.布置课堂练任务：讲授举动2学生根据自己网站计划需求，给网页添加合适的滚动字幕效果。

教师巡回指导学生研究并掌握滚动字幕的制作。

（四）新课讲解研究二1.教师演示并讲解“AP Div元素”的创建及布局应用。

第5讲：网页中滚动字幕的制作方法使用标签选择器插入marquee标签并设置参数来实现，具体方法如下：1．在网页表格main的第1行单元格中输入要滚动显示的文本“欢迎光临我的网站！”。

2．选中文本“欢迎光临我的网站！”，在“插入”面板的“常用”选项卡中单击【标签选择器】按钮或按下【Ctrl+T】键，此时Dreamweaver 8将打开标签编辑器对话框，选择【HTML标签】→【页元素】→【marquee】项，然后点击【插入】按钮，再点击【关闭】。

如图1所示。

图1 标签选择器当点击“插入”按钮后，将会自动弹出代码窗口（即打开“拆分”选项卡），在代码窗口会看到被选择的文本添加了标签：“<marquee>欢迎光临我的网站！</marquee>”。

3．设置marquee标签在代码窗口中用鼠标指针选择标签：“ <marquee>”，然后在Dreamweaver 8工作界面的右侧点击标签检查器面板，打开标签<marquee>属性面板，如图3-41所示。

在标签<marquee>属性面板中进行如下设置：（1）点击behavior设置项右边的下拉箭头，选择滚动字幕内容的运动方式，我们在此选择alternate项。

behavior属性各项含义如下：alternate：内容在相反两个方向滚来滚去。

scroll：内容向同一个方向滚动。

slide：内容接触到字幕边框就停止滚动。

（2）direction属性设置字幕内容的滚动方向，我们在此选择left项。

direction属性各项含义如下：down:：向下运动。

left:：向左运动。

right:：向右运动。

up:：向上运动。

图2 标签<marquee>属性面板（3）scrollamount属性设置字幕滚动的速度，实例中其值设为1。

scrollamount属性值越大，字幕滚动的速度越快。

（4）scrolldelay属性设置字幕内容滚动时停顿的时间，单位为毫秒。