使用背景图片和音乐美化网页》教学设计

一年级美术音乐网页教案设计一、教学目标：1. 让学生了解美术和音乐在网页设计中的作用和重要性。

2. 培养学生运用美术和音乐元素创作网页的能力。

3. 提高学生对网页设计的基本认识，激发学生对美术和音乐的热爱。

二、教学内容：1. 网页设计的基本概念和原则。

2. 美术元素在网页设计中的应用，如颜色、形状、排版等。

3. 音乐元素在网页设计中的应用，如背景音乐、声音效果等。

4. 网页设计工具的使用，如Photoshop、Illustrator等。

5. 网页设计案例分析与欣赏。

三、教学方法：1. 讲授法：讲解网页设计的基本概念、原则和工具。

2. 演示法：展示优秀的网页设计案例，分析其设计思路和技巧。

3. 实践法：让学生动手实践，创作属于自己的网页设计作品。

4. 互动法：鼓励学生提问、讨论，分享设计心得。

四、教学准备：1. 教室环境布置，准备电脑、投影仪等教学设备。

2. 准备相关的网页设计素材和案例。

3. 准备网页设计软件教程和操作指南。

五、教学评价：1. 学生课堂参与度：观察学生在课堂上的提问、讨论和创作情况，评估学生的参与度。

2. 学生作品完成情况：评估学生在实践环节创作的网页设计作品的创意、美观和实用性。

3. 学生学习反馈：收集学生的学习心得和建议，以改进后续教学。

六、教学步骤：1. 引入新课：通过展示有趣的网页设计案例，引发学生对网页设计的兴趣，导入新课。

2. 讲解网页设计的基本概念和原则，让学生了解网页设计的重要性。

3. 讲解美术元素在网页设计中的应用，如颜色、形状、排版等，并展示相关案例。

4. 讲解音乐元素在网页设计中的应用，如背景音乐、声音效果等，并展示相关案例。

5. 演示网页设计工具的使用方法，如Photoshop、Illustrator等，让学生初步了解并试用。

七、实践环节：1. 让学生根据所学的美术和音乐元素，使用网页设计工具创作属于自己的网页设计作品。

2. 鼓励学生发挥创意，尝试不同的设计风格和元素组合。

一年级美术音乐网页教案设计一、教学目标：1. 让学生了解美术和音乐在网页设计中的重要性。

2. 培养学生对网页设计的兴趣和创作能力。

3. 提高学生对美术和音乐知识的运用能力。

二、教学内容：1. 网页设计基本概念：介绍网页设计的定义、作用和基本元素。

2. 美术在网页设计中的应用：讲解色彩、构图、图案等方面的运用。

3. 音乐在网页设计中的应用：介绍音乐节奏、旋律与网页布局的关系。

4. 网页设计实例分析：分析优秀网页设计案例，引导学生发现美术和音乐元素。

5. 创作实践：学生分组设计网页，将美术和音乐知识运用到实际作品中。

三、教学方法：1. 讲授法：讲解网页设计基本概念、美术和音乐在网页设计中的应用。

2. 案例分析法：分析优秀网页设计案例，引导学生发现美术和音乐元素。

3. 实践法：学生分组设计网页，将所学知识运用到实际作品中。

4. 小组讨论法：学生在小组内交流讨论，共同完成网页设计作品。

四、教学准备：1. 准备相关网页设计案例，用于分析和讲解。

2. 准备美术和音乐素材，供学生创作实践使用。

3. 准备网页设计软件，如Photoshop、Flash等，供学生实践操作。

五、教学评价：1. 学生网页设计作品的创意和美观程度。

2. 学生对美术和音乐知识在网页设计中的运用能力。

3. 学生参与小组讨论的积极性和合作意识。

六、教学步骤：1. 引入新课：通过展示优秀的网页设计作品，引发学生对美术和音乐在网页设计中的兴趣。

2. 讲解网页设计基本概念：介绍网页设计的定义、作用和基本元素，让学生了解网页设计的基础知识。

3. 分析美术在网页设计中的应用：讲解色彩、构图、图案等方面的运用，引导学生掌握美术知识在网页设计中的运用方法。

4. 分析音乐在网页设计中的应用：介绍音乐节奏、旋律与网页布局的关系，让学生了解音乐知识在网页设计中的重要性。

5. 案例分析：分析优秀网页设计案例，引导学生发现其中的美术和音乐元素，帮助学生更好地理解和运用所学知识。

美化网页教案教案标题：美化网页教案教案目标：1. 学生能够理解网页美化的重要性和意义。

2. 学生能够使用HTML和CSS技术来美化网页。

3. 学生能够应用各种设计原则和技巧来提升网页的美观度和用户体验。

教学步骤：引入活动：1. 向学生解释网页美化的概念和重要性。

强调一个美观的网页能够吸引用户并提升用户体验。

知识讲解：2. 介绍HTML和CSS的基础知识，包括标签、属性和样式规则等。

3. 解释如何使用CSS来美化网页，包括改变字体、颜色、背景、布局等方面。

4. 介绍常用的设计原则和技巧，如对比度、层次感、对齐等，以及如何应用它们来美化网页。

示范演示：5. 展示一个简单的网页，并演示如何使用HTML和CSS来美化它。

可以包括改变背景颜色、添加图片、调整字体样式等操作。

练习活动：6. 学生分组进行实践活动，要求他们使用HTML和CSS来美化一个给定的网页。

可以提供一些基础的代码和素材供学生使用。

7. 学生展示他们美化后的网页，并相互评价和提出改进意见。

总结和评估：8. 回顾课堂内容，强调学生在网页美化方面所学到的知识和技能。

9. 对学生的表现进行评估，可以通过观察他们的实践活动、展示和互评来评估他们的理解和应用能力。

拓展活动：10. 鼓励学生继续探索网页美化的技巧和方法，并鼓励他们尝试更复杂的设计和布局。

教学资源：- 计算机/笔记本电脑- 网络连接- HTML和CSS编辑器- 示例网页代码和素材教学评估：- 观察学生在实践活动中的表现，包括他们对HTML和CSS的运用和对设计原则的理解。

- 学生展示和互评的结果。

- 学生的书面作业，要求他们解释他们在网页美化方面所学到的知识和技能。

教学延伸：- 鼓励学生继续学习和探索网页美化的技巧和方法，可以提供一些在线教程和资源供学生进一步学习和实践。

- 引导学生思考如何应用网页美化的技巧和原则来提升用户体验和网页的功能性。

网页的美化教案简介:在现代社会中，网页已经成为了人们获取信息和交流的重要工具。

然而，大多数网页都缺乏吸引力和个性化，这使得用户对其产生疲劳感。

为了提高用户体验和吸引用户眼球，我们需要对网页进行美化。

本文将提供一份网页的美化教案，帮助您打造一个独特、吸引人的网页。

一、颜色搭配1. 选择主题颜色：首先，确定一个适合您网页主题的颜色。

可以通过色彩搭配工具或者网上搜索获取灵感。

例如，对于时尚类网页，可以选择明亮、鲜艳的颜色；对于企业类网页，可以选择稳重、专业的颜色。

2. 搭配配色方案：选择一组配色方案，包括主色调和辅助色调。

一般建议主色与辅助色相互补充，创造出富有层次感的页面效果。

3. 使用色彩的注意事项：- 避免过多鲜艳的颜色，以免给用户眼睛带来不适；- 注意色彩的对比度，确保文字和背景之间的视觉清晰度；- 添添加容易与主要内容混淆的颜色，以保持页面整洁。

二、排版设计1. 字体选择：选择适合您网页主题的字体，例如对于时尚类网页，可选择一种流行、有个性的字体；对于企业类网页，可选择一种专业、易读的字体。

2. 提升阅读体验：- 适当调整行距，以提高文字的可读性；- 使用段落和标题的区分，让用户更容易找到所需信息；- 设置合理的段落长度和行宽，避免用户阅读时出现不适。

三、视觉效果1. 背景图片或颜色：根据网页主题和风格，选择适合的背景图片或配色方案。

注意图片不要过大，以免影响页面加载速度。

2. 图标和按钮设计：- 使用合适的图标，增加页面的可视化效果；- 设计独特的按钮样式，增加用户互动性；- 保持图标和按钮的一致性，提高用户的操作便捷性。

四、布局设计1. 确定网页布局：根据页面内容和功能，决定合适的布局方式，如常见的单列、双列或多列布局。

2. 确保页面整洁：- 留白的使用：合理利用留白，使页面看起来清爽、整洁；- 图片和文本的平衡：确保图片与文本之间的平衡，使页面视觉效果更佳；- 模块的排列：根据内容的重要性和相关性，合理安排模块的位置。

一年级美术音乐网页教案设计一、教学目标1. 让学生了解和认识美术和音乐网页的设计原理和技巧。

2. 培养学生对美术和音乐的兴趣爱好，提高学生的审美能力。

3. 培养学生运用计算机技术进行创意设计的能力，提高学生的信息技术素养。

二、教学内容1. 美术网页设计基本原理：色彩搭配、构图技巧、图案设计等。

2. 音乐网页设计基本原理：音乐节奏、旋律、和声等。

3. 利用计算机软件进行美术和音乐网页设计实践。

三、教学重点与难点1. 教学重点：让学生掌握美术和音乐网页设计的基本原理和方法。

2. 教学难点：如何将美术和音乐元素有效地融合到网页设计中。

四、教学准备1. 计算机设备和相关软件。

2. 美术和音乐素材库。

3. 网络环境。

五、教学过程1. 导入：教师展示一些优秀的美术和音乐网页案例，引导学生思考如何设计和制作网页。

2. 美术网页设计：讲解色彩搭配、构图技巧、图案设计等基本原理，并进行实践操作。

3. 音乐网页设计：讲解音乐节奏、旋律、和声等基本原理，并进行实践操作。

4. 综合实践：让学生结合美术和音乐元素，利用计算机软件进行网页设计实践。

5. 展示与评价：学生展示自己的设计作品，互相评价，教师进行总结性评价。

6. 拓展延伸：引导学生思考如何将美术和音乐网页设计应用于实际生活和学习中。

7. 课堂小结：总结本节课所学的知识和技能，强调重点和难点。

8. 作业布置：让学生课后继续练习美术和音乐网页设计，提高设计水平。

10. 课程评价：对学生的学习过程和成果进行综合评价，促进学生的全面发展。

六、教学策略1. 采用任务驱动法，让学生在完成具体任务的过程中学习和掌握美术和音乐网页设计的相关知识和技能。

2. 运用案例教学法，分析优秀美术和音乐网页案例，引导学生从中汲取设计灵感。

3. 采用分组合作学习法，让学生分组进行网页设计实践，培养学生的团队协作能力。

4. 利用信息技术手段，如计算机软件和网络资源，辅助教学，提高教学效果。

七、教学评价1. 过程性评价：关注学生在课堂上的学习过程，及时发现和解决问题。

课题：第19课让网页有声有色
王晓丽
一、教材分析：本课是第三单元的网页制作部分的最后一课，此前，学生已经学习了如何建
立一个初具雏形的网站，通过本课的学习，学生能够对网页进行润色，让网站更加精美活泼。

学生通过掌握添加背景图片、背景音乐的方法，理解网页特效的概念，掌握添加和修改网页特效代码的方法，对网页进行修饰美化，对层次较高的学生要求能根据实际需要选择适当的
特效代码，修改并添加到网页中，并为网页添加flash动画。

二、学情分析：武原中学是一个乡镇中学，据了解，学生学习能力、学习态度、学习习惯、
信息技术基础普遍较好。

三、教学目标：
知识与技能
1. 了解加入网页背景图片和背景音乐的方法。

2. 理解网页特效的概念
3. 掌握添加特效代码，基础好的同学掌握修改特效代码的方法
过程与方法
能够根据网页的具体需要对网页进行润色。

四、情感态度与价值观：
认识网络黑客的危害，培养遵守网络公德、维护网络秩序的观念。

五、重点与难点
重点：添加网页背景图片及背景音乐，添加网页特效
难点：运用、修改特效代码
课前准备：对比网站、自主学习帮助网站、资源包
六、教学过程
环节教师活动学生活动设计意图
课前播放《成龙历险记》片段观看吸引学生注意力
导入老师编写了一段成龙历险
记的故事，让学生进入故事
情境“做反黑高手”，情境
中的问题正好需要用上本
课所学内容来解决。

学生边听老师讲
故事，边分析故
事中提出的问
题，得出本堂课
需要完成的基本
任务。

激发学生的学习兴趣
为新课要讲的三个知识点
做铺垫。

一年级美术音乐网页教案设计一、教学目标：1. 让学生了解和认识美术和音乐网页的设计方法和技巧。

2. 培养学生对美术和音乐的兴趣和爱好，提高学生的审美能力。

3. 培养学生运用信息技术进行创作的能力，提高学生的创新能力。

二、教学内容：1. 美术网页设计：介绍美术网页的基本构成元素，如色彩、图形、文字等，以及如何运用这些元素进行设计。

2. 音乐网页设计：介绍音乐网页的基本构成元素，如音频文件、歌词、音乐家介绍等，以及如何运用这些元素进行设计。

三、教学方法：1. 讲授法：讲解美术和音乐网页的设计方法和技巧。

2. 示范法：展示优秀的美术和音乐网页案例，让学生了解和认识网页设计的要求。

3. 实践法：让学生运用信息技术进行美术和音乐网页的设计和创作。

四、教学准备：1. 电脑、投影仪等教学设备。

2. 美术和音乐网页的设计素材。

3. 网页设计软件。

五、教学过程：1. 导入：引导学生了解美术和音乐网页的设计方法和技巧。

2. 讲解：讲解美术网页的设计方法和技巧，如色彩搭配、图形设计等。

3. 示范：展示优秀的美术网页案例，让学生了解和认识网页设计的要求。

4. 实践：让学生运用信息技术进行美术网页的设计和创作。

5. 讲评：对学生的设计作品进行讲评，提出改进意见。

六、教学内容（续）：4. 音乐网页的排版与布局：介绍如何合理安排音乐网页的版面，包括音频播放器的放置、歌词的排版、音乐家介绍的布局等，以及如何保持页面整体的美观和实用性。

5. 互动元素设计：介绍如何在音乐网页中添加互动元素，如用户评论、音乐推荐、在线音乐试听等，以及如何使用JavaScript等编程语言实现这些互动功能。

七、教学过程（续）：6. 实践：让学生运用信息技术进行音乐网页的设计和创作，包括排版布局和互动元素的设计。

7. 讲评：对学生的设计作品进行讲评，提出改进意见，特别是针对互动功能的实现给予指导。

八、教学评估：1. 学生自评：要求学生在完成网页设计后，对自己的作品进行自我评价，反思设计过程中的优点和不足。

网页的美化与特效制作教案一、教学目标1. 让学生了解网页美化的基本原则和方法。

2. 培养学生掌握HTML和CSS的基本语法和用法。

3. 使学生能够使用JavaScript实现网页的基本特效。

二、教学内容1. 网页美化的基本原则和方法：页面布局、色彩搭配、字体与排版、图片处理等。

2. HTML基本语法和用法：标签、属性、注释、文档结构等。

3. CSS基本语法和用法：选择器、属性、注释、样式规则等。

4. JavaScript基本语法和用法：变量、数据类型、条件语句、循环语句、函数等。

5. 网页特效的实现：鼠标悬停效果、下拉菜单、滚动动画等。

三、教学过程1. 讲解网页美化的基本原则和方法，通过实例演示和分析，让学生理解和掌握。

2. 讲解HTML的基本语法和用法，通过实例演示和练习，让学生掌握HTML 的基本标签和属性。

3. 讲解CSS的基本语法和用法，通过实例演示和练习，让学生掌握CSS的选择器和样式规则。

4. 讲解JavaScript的基本语法和用法，通过实例演示和练习，让学生掌握JavaScript的基本语法和函数。

5. 讲解网页特效的实现方法，通过实例演示和练习，让学生掌握如何实现简单的网页特效。

四、教学方法1. 采用“讲解+演示+练习”的教学模式，让学生在听讲的跟随老师一起操作和实践。

2. 使用多媒体教学工具，如PPT、网页演示等，直观地展示和讲解知识点。

3. 鼓励学生提问和参与讨论，解答学生在学习过程中遇到的问题。

4. 布置课后作业，巩固所学知识，提高学生的实际操作能力。

五、教学评价1. 课堂表现：观察学生在课堂上的参与程度、提问和回答问题的情况。

2. 课后作业：检查学生完成作业的质量，评估学生对所学知识的掌握程度。

3. 项目实践：让学生独立完成一个网页美化与特效制作的项目，评估学生的综合运用能力。

教学资源：教材、多媒体教学课件、网络资源、编程工具。

六、教学环境1. 硬件环境：计算机教室，每台计算机配备浏览器、文本编辑器和网页制作相关软件。

教材简析《页盛装》⼀课是建⽴在学⽣已掌握了FrontPage 2000基本知识之后的⼀课。

本课主要指导学⽣如何设置页背景图⽚和声⾳、插⼊⽔平线、插⼊滚动字幕及对页进⾏美化修饰等，操作技能⽐较强。

从教材内容上来看，内容较多，这节课的教学主要采⽤“任务驱动教学法”与“协作学习”相结合，尽可能发挥学⽣想象⼒，充分将信息技术知识的学习与美术进⾏整合，创作出更美更漂亮的页，为下节课的教学打下良好基础。

教学⽬标1．知识⽬标掌握设置页背景图⽚和声⾳的⽅法；学会插⼊⽔平线、修改⽔平线的属性；学会在浏览器中浏览页；学会插⼊滚动图⽚字幕。

2．能⼒⽬标让学⽣掌握设置页的背景图⽚和声⾳、插⼊⽔平线、插⼊滚动字幕等⽅法，通过学⽣的操作和协作探讨，培养学⽣的⾃主学习、协作学习的能⼒；通过知识的再现培养学⽣的创新能⼒和创新意识。

3．情感⽬标通过作品展⽰和评价，让学⽣体验成功的喜悦，激发学⽣的创造热情；通过⼩组的协作，培养学⽣的合作精神和集体主义精神。

教学重点掌握设置页背景图⽚和声⾳的⽅法；学会插⼊⽔平线、修改⽔平线的属性；学会插⼊滚动图⽚字幕。

教学难点掌握设置页背景图⽚和声⾳的⽅法；学会插⼊⽔平线、修改⽔平线的属性；学会插⼊滚动图⽚字幕。

学情分析本课⾯向六年级学⽣，对Word很熟悉，并且对FrontPage 2000也有⼀定的基础，对因特有⼀定的认识。

但由于学⽣美术功底的差异，造成学⽣在美化页时有⼀定的差异。

教师在教学时应尊重这些差异，多展⽰⼀些模板，弥补学⽣美术上的差异，积极引导学⽣，提⾼学⽣学习兴趣。

培养学⽣获取信息、处理信息、整合信息应⽤的能⼒，培养学⽣的信息素养和独⽴分析问题、解决问题的能⼒，提⾼学⽣创新能⼒、⾃学能⼒、理论联系实践能⼒，增强学⽣独⽴意识和团体协作精神。

教学⽅法情景导⼊法、任务驱动法。

所⽤课时2课时。

教学环境多媒体机房。

4⼈为⼀个⼩组，每个⼩组选出⼀名学⽣出任组长。

教师针对学⽣的能⼒⽔平进⾏适当调整，以达到各个⼩组的⼒量均衡。

一、教学目标1. 让学生了解网页美化的基本概念和重要性。

2. 掌握网页美化的基本方法和技巧。

3. 学会使用常用的网页美化工具和软件。

4. 培养学生的审美能力和创新能力。

二、教学内容1. 网页美化的基本概念和重要性2. 网页美化的基本方法和技巧3. 常用网页美化工具和软件的使用4. 实战案例分析与学习三、教学过程1. 导入新课通过展示一些优秀网页案例，激发学生的学习兴趣，引出网页美化的概念和重要性。

2. 讲解网页美化的基本概念和重要性（1）讲解网页美化的定义，让学生了解网页美化的基本概念。

（2）分析网页美化的重要性，让学生认识到网页美化对用户体验和网站效果的影响。

3. 讲解网页美化的基本方法和技巧（1）色彩搭配：讲解色彩理论，让学生掌握色彩搭配的基本原则。

（2）字体选择：讲解字体选择的原则，让学生了解如何选择合适的字体。

（3）布局设计：讲解网页布局的基本原则，让学生掌握网页布局的方法。

（4）图片处理：讲解图片处理的基本技巧，让学生学会如何处理图片。

4. 常用网页美化工具和软件的使用（1）Photoshop：讲解Photoshop的基本操作，让学生掌握网页图片处理技巧。

（2）Dreamweaver：讲解Dreamweaver的基本操作，让学生学会网页布局和设计。

（3）CSS：讲解CSS的基本语法，让学生了解如何使用CSS美化网页。

5. 实战案例分析与学习（1）展示优秀网页案例，分析其美化方法和技巧。

（2）分组讨论，让学生针对某一案例，提出自己的美化建议。

（3）让学生独立完成一个网页美化的任务，锻炼学生的实际操作能力。

6. 总结与拓展（1）总结本次课程的主要内容，让学生回顾所学知识。

（2）拓展学习资源，推荐一些优秀的网页美化教程和工具。

四、教学评价1. 课堂表现：观察学生在课堂上的学习态度和参与程度。

2. 作业完成情况：检查学生完成网页美化任务的进度和质量。

3. 实战案例分析：评估学生对案例分析的理解和应用能力。

网页背景音乐教案教案标题：网页背景音乐教案一、教学目标：1. 了解网页背景音乐的作用和使用场景；2. 学会如何选择合适的背景音乐，使网页更具吸引力；3. 掌握将背景音乐添加到网页的方法。

二、教学内容：1. 什么是网页背景音乐a. 介绍网页背景音乐的定义和作用；b. 分析网页背景音乐的使用场景，如网站首页、产品推广页面等。

2. 如何选择合适的背景音乐a. 引导学生了解音乐与网页整体风格的匹配性；b. 分析不同类型音乐在网页中的应用效果；c. 强调音乐的轻松、愉悦、和谐等特点，与网页内容相辅相成。

3. 将背景音乐添加到网页a. 提供学生学习添加背景音乐的相关代码和工具；b. 指导学生熟悉背景音乐文件的格式要求；c. 示范如何嵌入背景音乐代码到网页中。

三、教学过程：1. 导入环节：与学生一起观看几个示例网页，让学生体会背景音乐对网页氛围的影响。

2. 知识讲解：简要介绍网页背景音乐的定义和使用场景，并分析选择合适背景音乐的要点。

3. 活动设计：a. 分组讨论：让学生自由组成小组，针对不同网页场景，设计并选择适合的背景音乐。

b. 分享和展示：每个小组展示他们选择的背景音乐以及理由。

c. 定制网页：学生选取一张网页模板，在老师指导下，尝试将背景音乐添加到该网页中。

4. 实践操作：学生在计算机实验室或自己的电脑上跟随老师的指导，实际操作将背景音乐添加到自己的网页中。

5. 总结反思：学生将展示他们的网页，并对整个添加背景音乐的过程进行反思和总结。

四、教学资料和资源：1. 示例网页（包含不同场景的背景音乐应用）；2. 网页模板；3. 添加背景音乐的相关代码和工具。

五、教学评估：1. 分组讨论和展示评估：评估学生对选择合适背景音乐的理解和能力；2. 实践操作评估：评估学生的实际操作能力以及将背景音乐添加到网页的准确性；3. 总结反思评估：评估学生对整个添加背景音乐过程的反思和总结能力。

六、拓展延伸：1. 给学生更多机会设计和创建自己的网页，通过不同的背景音乐呈现不同的氛围；2. 鼓励学生分析和比较不同网页中使用的背景音乐效果，进一步提升自己的设计能力；3. 引导学生学习其他音频技术，如音频剪辑和合成等，以进一步丰富网页音频设计。

使用背景图片和音乐美化网页》教学设计DIV.yFav_1249633762080P.soNoral{TEXT-jUSTIFy:inter-ideograph;FoNT-SIZE:10.5pt;ARGIN:0c0c0pt;FoNT-FAILy :TiesNeRoan;TEXT-ALIGN:justify}DIV.yFav_12496337620 80LI.soNoral{TEXT-jUSTIFy:inter-ideograph;FoNT-SIZE :10.5pt;ARGIN:0c0c0pt;FoNT-FAILy:TiesNeRoan;TEXT-AL IGN:justify}DIV.yFav_1249633762080DIV.soNoral{TEXT-jUSTIFy:inter-ideograph;FoNT-SIZE:10.5pt;ARGIN:0c0c 0pt;FoNT-FAILy:TiesNeRoan;TEXT-ALIGN:justify}DIV.yF av_1249633762080DIV.Section1{page:Section1}DIV.yFav _1249633762080oL{ARGIN-BoTTo:0c}DIV.yFav_1249633762 080UL{ARGIN-BoTTo:0c}【教材使用】宁教厅审定山东教育出版社出版软件FrontPageXX【适用年级】8年级【适用单元】网页制作第3大节【教材分析】教材中本节的内容分为三部分：一是使用导航栏和共享边框；二是添加网页背景与上节的背景音乐一块学习；三是添加网页水平线和滚动字幕。

我将知识重新规划：先引导学．生从已知入手，学习第二、三部分的知识，在学习部分知识时，由于学生对相关知识了解不多，是本节的难点，放在后面讲解。

本节是第二部分为网页添加背景图片和音乐。

背景图片在上节插入图片的知识上过渡到背景图片，其中可以引导学生使用颜色、图片和主题三种不同方式改变网页的背景，可以扩展背景设置时的不同方法。

使用背景图片和音乐美化网页》教学设计#TRS_AUToADD_1250564593313{mARGIN-ToP:0px;mARGIN-Bo TTom:0px}#TRS_AUToADD_1250564593313P{mARGIN-ToP:0px ;mARGIN-BoTTom:0px}#TRS_AUToADD_1250564593313TD{mAR GIN-ToP:0px;mARGIN-BoTTom:0px}#TRS_AUToADD_12505645 93313DIV{mARGIN-ToP:0px;mARGIN-BoTTom:0px}#TRS_AUTo ADD_1250564593313LI{mARGIN-ToP:0px;mARGIN-BoTTom:0p x}/**---jSoN--{"":{"margin-top":"0","margin-bottom" :"0"},"p":{"margin-top":"0","margin-bottom":"0"},"t d":{"margin-top":"0","margin-bottom":"0"},"div":{"m argin-top":"0","margin-bottom":"0"},"li":{"margin-t op":"0","margin-bottom":"0"}}--**/DIV.myFav_1249633 762080P.msoNormal{TEXT-jUSTIFy:inter-ideograph;FoNT -SIZE:10.5pt;mARGIN:0cm0cm0pt;FoNT-FAmILy:"TimesNew Roman";TEXT-ALIGN:justify}DIV.myFav_1249633762080LI .msoNormal{TEXT-jUSTIFy:inter-ideograph;FoNT-SIZE:1 0.5pt;mARGIN:0cm0cm0pt;FoNT-FAmILy:"TimesNewRoman"; TEXT-ALIGN:justify}DIV.myFav_1249633762080DIV.msoNo rmal{TEXT-jUSTIFy:inter-ideograph;FoNT-SIZE:10.5pt;mARGIN:0cm0cm0pt;FoNT-FAmILy:"TimesNewRoman";TEXT-A LIGN:justify}DIV.myFav_1249633762080DIV.Section1{pa ge:Section1}DIV.myFav_1249633762080oL{mARGIN-BoTTom :0cm}DIV.myFav_1249633762080UL{mARGIN-BoTTom:0cm} 【教材使用】宁教厅审定山东教育出版社出版软件FrontPageXX【适用年级】8年级【适用单元】网页制作第3大节【教材分析】教材中本节的内容分为三部分：一是使用导航栏和共享边框；二是添加网页背景与上节的背景音乐一块学习；三是添加网页水平线和滚动字幕。

《使用背景图片和音乐美化网页》教学设计宁夏银川市第二十中学尚丰艳【教材使用】宁教厅审定山东教育出版社出版软件FrontPage2000【适用年级】8年级【适用单元】网页制作第3大节【教材分析】教材中本节的内容分为三部分：一是使用导航栏和共享边框；二是添加网页背景与上节的背景音乐一块学习；三是添加网页水平线和滚动字幕。

我将知识重新规划：先引导学生从已知入手，学习第二、三部分的知识，在学习第一部分知识时，由于学生对相关知识了解不多，是本节的难点，放在后面讲解。

本节是第二部分为网页添加背景图片和音乐。

背景图片在上节插入图片的知识上过渡到背景图片，其中可以引导学生使用颜色、图片和主题三种不同方式改变网页的背景，可以扩展背景设置时的不同方法。

有了背景图片还可以加入背景音乐，这都属于同一类的知识，可以放在一起让学生鉴别学习。

【学情分析】学生在上节课已经学会了插入图片的方法，在学习文字处理软件时也学习到了相关知识，借助这个已知来学习本节课的内容应该比较容易些，因此本节课知识学生可以自主学习。

【教学目标】1．知识目标（1）掌握为网页中添加背景的不同方法。

（2）掌握为网页中添加背景音乐的方法。

2．技能目标通过学生自主学习过程中，掌握为网页中添加背景音乐和不同背景的方法。

3．情感目标通过为网页添加背景及音乐的学习，培养学生综合运用知识的能力和审美能力。

【教学重点与难点】为网页中添加背景图片。

【课时安排】1课时【教学方法】任务驱动法【课前准备】软件FrontPage2000 多媒体广播系统【教学设计】第一课时为网页添加文字信息【教学反思】调整知识：将第2节课的“背景音乐”和第3节中的“背景图片”调整在一起形成一节“网页背景”课。

本节课的知识是将两节课的内容归类总结形成一节关于“网页背景”的内容。

学生通过这节课的内容学会比较和归纳知识方法以及总结归纳知识的能力，同时培养学生审美意识和知识综合运用能力。

《设置网页背景》教学设计银川唐徕回民中学宝湖校区马伏华一、教学设计部分本课的主要内容与地位教材：电子工业出版社义务教育教科书《信息技术》九年级（上）主要教学内容：设置网页的背景（1.为网页设置颜色背景 2.为网页设置图片背景）。

拓展内容：设置表格（单元格）的背景（颜色背景，图片背景）网页是否美观大方，除了要规划好版面结构外，还要综合考虑页面中各元素的合理搭配和美化，尤其在很大程度上取决于各元素的色彩搭配是否和谐得当、色调是否与网站主题相吻合，以及网站中元素是否能满足网站要表达的感情等。

对网页进行美化是每一个网站建设者的不懈追求。

本课与前后内容的关系在第5课时，学生已经学习了给主页添加内容，包括文字和图片，但整体网页色彩还是显得很单一。

本节网页美化是对前期所做的网页的修饰，是提升网站可观赏性的一个非常重知识目标/技能目标知识目标了解对网页进行美化的常用方法。

理解美化网页对网站质量的提高作用。

技能目标掌握设置网页及表格的背景的一般方法。

情感态度与价值观目标1.提高审美意识，发现美、认识美，美化生活从自身做起。

2. 体会与老师、同学之间沟通和交流，虚心听取别人的意见，取人之长，补己之短。

本课的重难点重点：设置网页背景、设置表格（单元格）背景难点：网页的色彩调配及图片背景的设置本课的课时分配建议教法建议教学过程中，教师应引导学生参考借鉴优秀网站在色彩、布局上的做法，自主地学习有关版面设计和色彩搭配方面的知识，并应用到自己的网站设计中。

本节涉及多个任务，教师应布置合理的分组，由学生通过实践操作，完成任务体会背景设置。

教学方法：任务驱动自主学习小组交流学法建议：美化效果在很大程度上取决于对美的鉴赏能力，学生在平时应多注意电视广告、杂志封面、街头广告牌等的设计的方法，并将它们应用到自己的网页设计中。

教学评价建议：自评、互评、师评要注意的问题，侧重对学生探究新知识的态度是否积极向上进行评价。

本课教学资源索引1．设置网页背景站点下的的半成品网页：Index.html、001.html 002.html 003.html，网页模板mb.dwt\mb1.dwt.2.学生完成任务所需背景图片。

美化网页丰富视听教案教案标题：美化网页丰富视听教案教学目标：1. 学生能够理解网页美化的概念和重要性。

2. 学生能够使用适当的视觉和听觉元素来美化网页。

3. 学生能够运用所学知识，设计和创建具有吸引力的网页。

教学重点：1. 网页美化的概念和重要性。

2. 视觉元素的运用：颜色、布局、图像等。

3. 听觉元素的运用：音频、视频等。

4. 网页设计和创建的基本原则。

教学准备：1. 计算机和互联网连接设备。

2. 网页设计软件或在线网页编辑工具。

3. 美化网页的示例和案例。

4. 视觉和听觉元素的素材资源。

教学过程：引入：1. 通过展示一些美观的网页示例，引起学生对网页美化的兴趣。

2. 引导学生讨论网页美化的重要性和影响。

探究：1. 介绍视觉元素的运用：a. 颜色：讲解颜色的心理效应和如何选择适合的颜色搭配。

b. 布局：讲解网页布局的基本原则和常见的布局方式。

c. 图像：讲解如何选择和使用高质量的图像，以及图像在网页中的作用。

2. 介绍听觉元素的运用：a. 音频：讲解如何选择和使用适当的音频效果，使网页更具吸引力。

b. 视频：讲解如何嵌入和播放视频，以及视频在网页中的应用。

实践：1. 分组或个人任务：要求学生选择一个网页主题，并使用所学知识进行网页美化。

2. 学生根据自己的选择，运用适当的视觉和听觉元素，设计和创建一个具有吸引力的网页。

3. 学生可以使用网页设计软件或在线网页编辑工具进行实践。

分享和评价：1. 学生展示自己设计和创建的网页，让其他同学进行评价和提供反馈。

2. 教师对学生的网页进行评价，提供指导和建议。

拓展：1. 鼓励学生进一步探索更高级的网页美化技术，如动画效果、交互性设计等。

2. 提供相关资源和链接，让学生自主学习和进一步实践。

总结：1. 回顾本节课所学的内容，强调网页美化的重要性和应用。

2. 鼓励学生在日常生活中注意观察和分析优秀的网页设计，不断提升自己的设计能力。

教学延伸：1. 将学生设计和创建的网页展示在学校网站或班级网页上，与其他人分享和交流。