2024青岛版第4册第2单元第4课网站制作与发布（H5的使用）课件.pptxVIP

网站制作与发布

第2单元第4课

2024青岛版信息技术教案

学校交给我们班一个任务，做一个“我的航天梦”为主题的宣传，同学们能想到哪种途径？

上节课我们做的网页在手机端访问效果并不好，我们今天来学习一个新技能来完成这个任务？

任务

制作“我的航天梦”主题宣传作品，包括网页、海报、视频等多种形式。

要求

每个小组需要在规定的时间内完成作品，并保证作品的质量。

奖励

对于表现优秀的小组，将给予一定的奖励和表彰。

1

2

3

学生将通过学习H5技术，掌握网站设计的基本原理和制作流程，能够独立完成一个具有动态效果的网站。

目标

学生将学习H5技术的基础知识，并练习制作一个简单的网站。

内容

学生将在一个模拟的项目中运用所学的H5技术，完成一个具有动态效果的网站制作，并接受老师和技术专家的评价。

考核

什么是H5？

01

同学们阅读课本，了解什么是H5技术并完成导学案。

H5定义

H5技术从早期的HTML版本逐步发展而来，不断引入新的特性和功能，以适应互联网技术的快速发展。

发展历程

H5优势

H5具有跨平台、自适应、多媒体支持等优势，使得网页应用更加丰富和多样化。

H5即HTML5，是万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言（HTML）的第五次重大修改。

如何使用H5技术呢？

同学们搜索在线制作H5的网站并分享你找到的网站。

易企秀是一款基于智能内容创意设计的数字化营销软件，旨在帮助用户轻松创建、发布和分享各种形式的营销内容。

该软件提供了丰富的模板和素材库，用户可以通过简单的拖拽和编辑，快速制作出专业级的H5场景、海报图片、营销长页等各式内容。

易企秀支持多端使用，包括PC、APP、小程序、WAP等，用户可以根据自己的需要自由选择使用端进行创意制作。

使用易企秀制作网页

02

同学们自主学习并完成一下内容：

如何创建新项目？

如何添加页面元素？

如何设计交互效果？

同学们分别说一说：

你是如何编辑文字的？

你是如何插入图片的？

视频如何插入？

能添加背景音乐吗？

体验过程中，你有什么感受？

易企秀是一款强大的H5页面制作工具，它提供了丰富的组件，用户可以轻松创建出各种风格的H5页面。通过H5易企秀，用户可以实现动画效果、交互设计、表单收集等功能，使网页更加生动、有趣且实用。

航天精神的传承与发扬

03

自强不息

中国航天事业的成功离不开自强不息的精神。从神舟五号载人飞船的成功发射到后来的多次发射，中国航天人不断挑战自我，追求卓越，实现了从跟跑到领跑的跨越。

坚定意志

航天精神体现了坚定意志。在长征系列运载火箭的发射过程中，中国航天人克服了重重困难，坚持到底，最终获得了成功。

爱国主义精神

航天精神融入了爱国主义精神。在神舟五号载人飞船发射成功后，全国上下一片欢腾，人们纷纷以各种方式表达对祖国的热爱和祝福。

勇攀高峰

航天精神的核心是勇攀高峰。在面对技术难题和挑战时，中国航天人毫不退缩，积极应对，不断攀登科技高峰，为后续的空间探索奠定了基础。

制作主题宣传作品。需要选择一种或多种宣传形式，如海报、短视频、动画等，来表达对航天精神的理解和传承。

项目要求

如何将情感教育融入技术学习。在制作宣传作品的过程中，要引导学生们深入思考航天精神的核心价值，并鼓励他们将这种情感融入到技术学习中。

指导

项目规划、作品制作、项目分享。需要按照这些步骤来推进项目进程，同时注重团队协作和分工明确。

流程

以小组竞赛的方式，继续完成“我的航天梦”主题宣传。

1

2

3

每个小组应有明确的分工，包括项目计划书撰写、素材收集、网页制作、测试和发布等。

小组分工

项目计划书应明确项目的目标、内容、时间节点、责任人等信息，以便团队成员明确任务和要求。

方案制定

根据项目需求，团队成员应收集并整理相关的素材，包括文字、图片、视频等，以备制作网页时使用。

素材整理

学生们可以分享自己的航天梦想和航天精神理解，以及如何通过H5技术实现这些梦想。

我的航天梦想

学生们可以分享自己的科技理想和对科技发展的看法，以及如何通过H5技术实现这些理想。

我的科技理想

将学生分成小组进行讨论，互相交流彼此的梦想和理想，以及如何通过将个人理想与国家发展相结合来实现这些梦想和理想。

小组讨论

技术

运用H5技术实现创意。H5技术可以制作出高质量的动态网页，同时具有很好的兼容性和稳定性。可以使用H5的动画效果、交互特性等功能来实现创意。

创意

将爱国情感融入网页设计。可以使用各种航天图片、视频、音频等素材，展示中国的航天成就，同时传达出热爱祖国、追求梦想的情感。

流程

规划方案、整理素材、选择合适工具、合理布局、美化网站。需要按照这些步骤来制作网页，同时注重细节和美观程度。

网站制作

每个小组需要制作一个学校网站