2.4 网站制作与发布 课件 - 青岛版（2024）初中 信息技术 第四册 课件

山东省2024青岛版初中同步教学设计 第4课 网站制作与发布 第二单元 互联网创新应用与网页制作 山东省2024青岛版初中Python同步教学设计 第4课 网站制作与发布 第二单元 互联网创新应用与网页制作 学习目标 01 学会设计并制作简单的H5页面，能够有效搜索制作H5页面的相关资源，能用H5页面共享信息。 02 通过制作航天梦想的网页，培养网页编辑能力、信息处理能力、数字化实践与创新能力。 03 感受网络信息共享的魅力，树立航天梦想，增强对祖国的归属感和荣誉感。 H5 HTML5页面的简称，使用HTML技术制作的页面 HTML5 第五代超文本标记语言，用于描述网页内容和结构的标准语言。 H5技术从早期的HTML版本逐步发展而来，不断引入新的特性和功能，以适应互联网技术的快速发展。 发展历程 探究一：认识H5 H5是指第5代超文本标记语言（hyper text markup language 5，HTML5），它既是当代万维网（world wide web，WWW）的核心语言，也可以指代与之相关的技术、协议和标准规范。 交互性强 H5页面几乎支持所有的交互方式，如触屏、陀螺仪、定位、拍照、录音、相册、VR、AR等 跨平台性 H5页面无须安装，也不需要第三方插件支持，使用浏览器即可打开，因此它可以轻易地移植到不同的操作系统与开放应用平台上。 表现形式丰富 H5页面可将信息以非常生动的形式展现出来，给受众带来出色的视听体验，使受众对H5页面所表现的信息留下深刻的印象。 易维护 H5页面无须安装，对其中元素的添加、删除、修改等操作都可以实时进行，维护非常方便。 探究一：认识H5 移动端应用 网页游戏 宣传展示 H5页面常用于制作移动端应用的前端页面，具有较好的用户体验和跨平台性 H5页面支持多媒体和交互功能，常用于制作网页游戏的前端页面 H5页面可以用于制作企业宣传、产品展示等页面，具有丰富的展示效果和交互体验 H5 探究一：认识H5 网站的规划 网站的设计 02 01 04 03 建立站点 规划布局 添加内容 设置效果 探究二：制作我的班级H5网页 探究二：制作我的班级H5网页 易企秀支持免费制作，用户可以通过简单的操作快速完成创意设计，包括H5、海报、长页、表单、互动、视频等创意设计工具。 易企秀可以制作二维码，这为用户提供了便捷的分享和传播方式。 网站的规划 网站的设计 任务一：登录易企秀。 打开浏览器并访问易企秀官网（https://store.eqxiu.com），单击右上角的“免费注册”按钮，按照提示注册并登录易企秀账号，自动进入“免费模板”页面。 1、以小组为单位，制作班级网页。 2、根据网站名称，设置栏目（至少三个） 探究二：制作我的班级H5网页 易企秀的编辑界面 各组向全班展示代表作品，并简介主题网站的思想及操作要点。 网站的规划 网站的设计 任务二：利用表格进行页面布局 1、要求布局合理，主题突出。 2、组内成员每人做一份创意草案，组内讨论确立 本组的主题网站的版面布局框架的制作。 探究二：制作我的班级H5网页 任务三：小组合作,完成首页制作 基本任务：完善表格，添加文字及图片内容，保存网页。 探究任务：1.为“我的梦想”图片添加动画效果。 2.设置背景。 拓展任务：给页面添加组件“跳转连接”。 探究二：制作我的班级H5网页 探究三：分享我的班级 1 1、保存 2 2、发布 3 3、生成作品链接或二维码 探究三：分享我的班级 各组向全班展示代表作品，并简介主题网站的思想及操作要点。 PPT模板 http:///moban/ 网页制作要领 灵活运用基本操作 版面设计清晰、条理，或者有独特之处 配色和谐，给人美感 课堂小结 课堂小结 申请 账号 登录平台 在线编辑 创建编辑 网页 保存并发布作品 谢谢观看 $$