2.4 网站制作与发布 课件 青岛版初中 信息技术 第四册 课件.pptxVIP

山东省2024青岛版初中同步教学设计第4课网站制作与发布第二单元互联网创新应用与网页制作

山东省2024青岛版初中Python同步教学设计第4课网站制作与发布第二单元互联网创新应用与网页制作

学习目标01学会设计并制作简单的H5页面，能够有效搜索制作H5页面的相关资源，能用H5页面共享信息。02通过制作航天梦想的网页，培养网页编辑能力、信息处理能力、数字化实践与创新能力。03感受网络信息共享的魅力，树立航天梦想，增强对祖国的归属感和荣誉感。

H5HTML5页面的简称，使用HTML技术制作的页面HTML5第五代超文本标记语言，用于描述网页内容和结构的标准语言。H5技术从早期的HTML版本逐步发展而来，不断引入新的特性和功能，以适应互联网技术的快速发展。发展历程探究一：认识H5H5是指第5代超文本标记语言（hypertextmarkuplanguage5，HTML5），它既是当代万维网（worldwideweb，WWW）的核心语言，也可以指代与之相关的技术、协议和标准规范。

交互性强H5页面几乎支持所有的交互方式，如触屏、陀螺仪、定位、拍照、录音、相册、VR、AR等跨平台性H5页面无须安装，也不需要第三方插件支持，使用浏览器即可打开，因此它可以轻易地移植到不同的操作系统与开放应用平台上。表现形式丰富H5页面可将信息以非常生动的形式展现出来，给受众带来出色的视听体验，使受众对H5页面所表现的信息留下深刻的印象。易维护H5页面无须安装，对其中元素的添加、删除、修改等操作都可以实时进行，维护非常方便。探究一：认识H5

移动端应用网页游戏宣传展示H5页面常用于制作移动端应用的前端页面，具有较好的用户体验和跨平台性H5页面支持多媒体和交互功能，常用于制作网页游戏的前端页面H5页面可以用于制作企业宣传、产品展示等页面，具有丰富的展示效果和交互体验H5探究一：认识H5

网站的规划网站的设立站点规划布局添加内容设置效果探究二：制作我的班级H5网页

探究二：制作我的班级H5网页易企秀支持免费制作，用户可以通过简单的操作快速完成创意设计，包括H5、海报、长页、表单、互动、视频等创意设计工具。易企秀可以制作二维码，这为用户提供了便捷的分享和传播方式。

网站的规划网站的设计任务一：登录易企秀。打开浏览器并访问易企秀官网（//），单击右上角的“免费注册”按钮，按照提示注册并登录易企秀账号，自动进入“免费模板”页面。1、以小组为单位，制作班级网页。2、根据网站名称，设置栏目（至少三个）探究二：制作我的班级H5网页

易企秀的编辑界面各组向全班展示代表作品，并简介主题网站的思想及操作要点。

网站的规划网站的设计任务二：利用表格进行页面布局1、要求布局合理，主题突出。2、组内成员每人做一份创意草案，组内讨论确立本组的主题网站的版面布局框架的制作。探究二：制作我的班级H5网页

任务三：小组合作,完成首页制作基本任务：完善表格，添加文字及图片内容，保存网页。探究任务：1.为“我的梦想”图片添加动画效果。2.设置背景。拓展任务：给页面添加组件“跳转连接”。探究二：制作我的班级H5网页

探究三：分享我的班级11、保存22、发布33、生成作品链接或二维码

探究三：分享我的班级各组向全班展示代表作品，并简介主题网站的思想及操作要点。

PPT模板http:///moban/网页制作要领灵活运用基本操作版面设计清晰、条理，或者有独特之处配色和谐，给人美感课堂小结

课堂小结申请账号登录平台在线编辑创建编辑网页保存并发布作品

谢谢观看