1.6 制作HTML5网页（教学课件）-信息科技第二册同步教学（河北大学版2023）

2024-10-21

| 26页

| 464人阅读

| 3人下载

精品

内容正文：

A designer can use default text to simulate what text would look like. .If it is not real text. A designer can use default text to simulate what text would look like. 制作HTML5网页学会新建空白网页 01 了解HTML 02 了解HTML5 03 体验H5网页制作 04 行业PPT模板http:///hangye/ 学习目标学习任务 Please add up your title here 通过探究所见即所得工具编辑网页背后的秘密—HTML语言，认识PC网站与移动端网站的关联。操作指南 Please add up your title here 新建一个空白网页，书写一段简单的文字文件—另存为—命名工具—F12开发人员工具认识 HTML Please add up your title here <html> <head> 此处是head区域的内容 </head> <body> 此处是head区域的内容 </body> </html> 认识 HTML Please add up your title here 2.认识HTML（超文本标记语言） Please add up your title here <html>和</html> <html>表示超文本文件的开始 </html>表示超文本文件的结束 <head>和</head> <head>表示超文本文件头信息的开始 </head>表示超文本文件头信息的结束 2.认识HTML（超文本标记语言） Please add up your title here <title>和</title> <title>和</title>之间是网页的标题 <body>和</body> <head>表示网页主体部分的开始 </head>表示网页主体部分的结束 2.认识HTML（超文本标记语言） Please add up your title here <p>和</p> <p>表示一段文本的开始 </p>表示一段文本的结束了解HTML5 Please add up your title here HTML5简称H5，HTML5的Web页面和传统的网页界面的差别就是HTML5页面能适配不同尺寸的移动设备以正常大小查看，适用于市场上不同的浏览器。了解HTML5 Please add up your title here H5会根据不同设备屏幕的比例自动调整网站页面的比例，很好地避免网站页面变形等问题的出现，给访问者良好的阅读体验。学习任务 Please add up your title here 请同学们以小组为单位，利用前面制作网页的素材，选择在线的HTML5网页制作工具，制作主题为“大美七彩河北”的HTML5网页。任务分析 Please add up your title here 注册账号并登录选择场景，编辑内容选择H5网页编辑器准备素材发布网页任务分析 Please add up your title here 本节课以MAKA平台为例，体验制作HTML 5网页的基本方法。操作指南 Please add up your title here 1.注册、登录MAKA网站打开MAKA网站，注册账号后完成登录操作指南 Please add up your title here 2.创建作品作品管理—创建作品操作指南 Please add up your title here 2.创建作品使用空白模板进行编辑制作操作指南 Please add up your title here （1）添加文字文本—选择字体样式操作指南 Please add up your title here （1）添加文字修改文字内容操作指南 Please add up your title here （2）添加素材库元素添加素材库的不同元素操作指南 Please add up your title here （3）添加图片并设置样式 ①导入图片素材 ②预览效果操作指南 Please add up your title here 3.保存、预览网页保存：保存网页预览/分享：预览网页效果课堂练习 Please add up your title here 请同学们以小组为单位，使用MAKA网站制作一个“大美河北”的网页，来介绍自己的家乡，并展示汇报新建空白网页 01 HTML 02 HTML5 03 H5网页制作 04 行业PPT模板http:///hangye/ 课堂小结课后练习 Please add up your title here （1）制作H5网页的流程是什么？（2）选择一个免费模板，制作宣传学校科技节的H5网页。 A designer can use default text to simulate what text would look like. .If it is not real text. A designer can use default text to simulate what text would look like. 下节课见！ $$

资源预览图

1.6 制作HTML5网页（教学课件）-信息科技第二册同步教学（河北大学版2023）

所属专辑

学科

信息科技第2册同步教学（河北大学版2023）

六年级信息科技普通专辑 24 份文档

1298人已阅读