H5单页如何制作发布

H5 单页如何制作发布单页如何制作发布 什么是什么是 H5 H5 是指第 5 代 HTML 也指用 H5 语言制作的一切数字产品 所谓 HTML 是 超文本标记语 言 的英文缩写 HTML 5 有两大特点 首先 强化了 Web 网页的表现性能 其次 追加 了本地数据库等 Web 应用的功能 HTML5 的设计目的是为了在移动设备上支持多媒体 新的语法特征被引进以支持这一点 如 video audio 和 canvas 标记 HTML5 还引进了新的功能 可以真正改变用户与文档的 交互方式 H5 单页就是把企业信息做成一个长页面 能够自动适应各种移动终端设备 通过二维码或者转发链接 可以让用户更直观的参与体验互动 单页可以包括 企业信息 企业活动 企业图片 视频 地图 企业宣传 活动传播 企业会议报名 企业产品链接 等多个模块 是一种新型的移动媒体广告模式 工具工具 原料原料 企业信息 图片 视频 内容方案等在制作 H5 单页时所需要用到的素材 制作方法步骤制作方法步骤 一 开始使用一 开始使用 1 选择选择 H5 模板模板 百度一下搜到网进入搜到网站后注册账号并登录后 在会员中心控制台 可以直 接选择模板使用 模板按行业和用途进行分类模板分为两种 旧模板和新模板 两种模板操作方式不同 这里以下的所有内容都是新模板的操作方式 2 更换模板更换模板 在页面进行编辑时 可以随时点击工具区的模板按钮选择更换模板 注意 更换模板会刷新页面 原有数据都会被替换 并且不会记录历史操作 不 能执行撤销操作 3 编辑内容编辑内容 A 修改文字修改文字 编辑区的文字的编辑方式很简单 直接点击要编辑的文字 直接就行添加修 改就可以 如果要改变文字格式 在编辑时选中要修改的文字 可以任意设置文 字大小和字体样式并且可以添加链接 注意 在编辑时如果对文字设置了大小或样式 有可能会影响展示效果 B 修改图片修改图片 图片的编辑和文字一样 鼠标经过图片会显示编辑按扭 会弹出 编辑图片编辑图片 调用美图秀秀的 API 进行图片编辑 效果很炫的哦 编辑完成 后记得点击 保存与分享 保存图片 如果不想编辑了 就点弹出层外的空白处就会关闭了 上传图片 上传图片 会进入图片库 图库中包括 上传图片 系统图库和我的图库 系统图库系统图库是网站提供的可以使用的图片 我的图库我的图库是用户自己上传过的图片 可以分组管理 编辑图片保存过的图片 也会在这里显示 C 列表类版块编辑列表类版块编辑 D 备用 4 版块操作 A 简介 在页面版块区 会显示所有已使用的组件 不包括头部和底部 拖动位置 可以对组件进行排序 点击可以对组件进行设置 B 添加 删除版块 点击添加版块按钮滑出 点击想要使用的版块 版块就会添加到编辑区的最底部 可以通过拖动排序 来更换位置 在版块列表区 可以通过点击设置按扭 进里边进行版块删除 C 版块设置 在版块设置中可进行修改版块名称 是否显示在导航条 复制和删除版块等 操作 D 公共版块 公共版块分为免费和付费的两种 现系统测试期 全部免费使用 E 我的版块 在编辑区 可以通过点击版块工具栏上的按钮保存到我的版块 我的版块 的组件可以方便重复使用 F 备用 5 头部和底部 6 主题 为了方便使用提供了几套常用的主题方便用户使用 可以一键更改每个版块的背 景色 字体和排版等设置 目前该功能还在试用中 设置导航的背景色或背景图片 设置是否