百度360必应搜狗淘宝本站头条
HTML APICSS 语法HTML 游戏HTML5 支持CSS 谷歌字体
当前位置：网站首页 > 技术文章 > 正文

软网推荐:不装软件 在线制作HTML5作品

myzbx 2024-12-31 13:10 37 浏览

HTML5多媒体作品以其对各种平台的兼容而见长，目前已获得了广泛的应用。如果我们需要制作自己的HTML5多媒体作品，一个方便之选就是利用现成的在线制作工具“百度H5”。

首先访问“百度H5”网页（https://h5.baidu.com/），可以看到非常简单的页面，仅有“我的H5”和“我的模板”两个选项。其中“我的模板”是通过套用模板的方式来制作HTML5作品，而“我的H5”则可以完全靠自定义各种参数来自由创作，制作好的作品也会显示在这里（图1）。



1. 通过创意模板轻松制作

在首页中选择“我的模板”，随后会进入一个模板展示页面，这些都是设计者们分享的模板。根据你所要设计的作品的类别，可以按类选择一个类似的作品作为制作的模板，然后在此基础上进行修改，即可快速形成自己的多媒体作品（图2）。



比如要制作一个招生方面的媒体作品，选择如图所示的秋季班招生模板，然后点击右下角的“使用模板”按钮（图3）。



接下来先要为作品命名，例如“我们的幼儿园招生了”。输入完毕点击“确定”按钮（图4）。



随后进入实质性的模板修改编辑阶段。对于不合适的内容，可先删除页面元素再添加。点击“文本”菜单插入所需文本内容。同理，可使用右边的“媒体”按钮插入图片、音频、视频、嵌入视频、全景图等内容。如果是PSD图片，则直接用PSD菜单载入。若版面中需要插入一些图标或形状，则点击“图形”菜单选择添加（图5）。



此外，对于作品中所要用到的展示数据，可以通过插入图表、表单等方式，非常轻松地完成数据展示制作（图6）。如果要实现更多的效果，可通过“插件”菜单，选择添加页面加载套件和加载进度、添加计数器、添加帧动画、添加相册或地图等。



对于需要修改的属性，可通过窗口右侧的分类属性窗口选择设置。通过窗口下方的编辑区域，可控制动画、加载页、全局全景和背景、当前页等参数设置。例如，要定制个性化的加载页面效果，点击“加载页”选项卡，然后通过下方的滑块，对加载页中的图片和进度进行自定义编辑（图7）。



对页面上的各种元素进行修改和编辑完成之后，点击工具栏左上角的磁盘按钮将作品保存在网上。注意，编辑过程中产生的内容软件会自动保存，但为了防止丢失，还是要养成勤于手动保存的习惯。

最后，就可以发布作品了。点击工具栏上的“发布”按钮执行发布操作（图8）。



由于作品是保存在网络服务器中的，因此作品的共享是以网址的形式体现的。发布时要填写作品分享的标题，设置个人域名。我们只需在“个性化域名”中填写自己命名的作品个性域名地址，发布后其他人就可以用这个域名来访问HTML5作品了（图9）。



小提示：使用上述服务需要使用自己的百度账号登录。为维护网络安全，目前发布信息需先经过用户实名制认证方可进行。

2. DIY 完全自己设计制作

套用模板适合于初学者或设计能力不强的用户。其实，不用套用模板，完全可以从头全部由自己来设计作品。


制作时，在主页中选择“我的H5”，然后点击空白页上印有圆圈套加号图标的按钮，向导会询问创建什么样的布局。从“分页布局”或“整页布局”中选择一种布局方式。如果是分页布局，则依靠页面间的前后滑动实现简单跳转；如果是整页布局，则将整个页面分为不同区域，各部分还可创建链接，实现不同的功能（图10）。

随后其他步骤与第1部分的添加和设置操作方法相当，只是全要亲自设计，不能套用现成的组件而已。在创作过程中，只要善于使用系统提供的文本工具编排文字内容，用媒体和图形工具添加图片、图形、音视频，数据相关的内容使用图表、表单等工具，借助于“插件”扩展来补充完善，发挥自由想象的创作空间，一定能创作出更具个性化的作品。

相关推荐

别让水 “跑” 出卫生间!下沉设计打造滴水不漏的家

你是否遭遇过卫生间的水“偷偷溜”进客厅，导致木地板鼓起、墙角发霉的糟心事？又是否为卫生间门口反复渗漏，不得不一次次返工维修而头疼不已？在家庭装修中，卫生间防水堪称“兵家必争之地”，而卫生间门口下...

歼-10CE vs 阵风:谁才是空中霸主?全面性能对比解析

歼10CE与法国阵风战斗机性能深度对比分析一、总体定位与设计哲学歼10CE：单发中型多用途战斗机，侧重于空优（制空权争夺）和对地对海打击，具有较高的性价比和较强的多任务能力。法国阵风战斗机：双发中型多...

知名移植工作室肯定Switch2的图形性能，却被CPU拖了后腿

虽然Switch2发售多日，但没入手的玩家对其性能还是有顾虑。近日，知名移植工作室Virtuos的技术总监在接受采访时讨论了Switch2的性能，并给出了他们工作室的评价。简单来说，Switch2在D...

虹科实测 | CAN XL vs CAN FD传输性能深度对比:速率翻倍，抖动锐减!

导读在汽车电子与工业通信领域，CAN协议持续进化，推动着数据传输效率的提升。本次实测基于虹科PCAN-USBXL与虹科PCAN-USBProFD硬件，在同等严苛条件下对比CANXL与CANF...

1J117合金材料优异的耐腐蚀性、机械性能

1J117合金材料概述定义：1J117是一种不锈软磁精密合金，属于铁铬基合金，其圆棒产品具有特定的形状和尺寸，可满足各种工业应用中的特定需求。标准：技术条件标准为GB/T14986，品种规格标准...

据高管所称，Switch2能轻松移植XSS平台60帧游戏

任天堂，作为主机游戏界的御三家之一，一直注重游戏性而不注重更新升级硬件设备是其最大的特点。各位任豚们，忍受着任天堂早已落后硬件设备，真想感叹一句，天下苦任久矣！但Switch2的出现或许正在渐渐的改变...

FJK-110LED-HXJSN磁传感器有哪应用

作为一名从事电子技术相关工作的自媒体人，我经常会遇到各种传感器的应用问题。其中，FJK-110LED-HXJSN磁传感器是一款在工业自动化、智能设备等领域比较常见的磁场检测元件。今天我想和大家聊一聊这...

浅谈欧标方管200x200x5-12mm质S275JRH的优势与劣势

欧标方管200x200x5-12mm材质S275JRH是一种常见的结构用钢材，广泛应用于建筑、机械制造、桥梁、钢结构等领域。本文将对这种方管的优势与劣势进行浅谈，以帮助读者更好地了解其特性和适用场景。...

宽带拨号错误 651 全解析:故障定位与修复方案

在使用PPPoE拨号连接互联网时，错误651提示「调制解调器或其他连接设备报告错误」，通常表明从用户终端到运营商机房的链路中存在异常。以下从硬件、系统、网络三层维度展开排查：一、故障成因分类图...

模型微调:从理论到实践的深度解析

在人工智能领域，模型微调已成为提升模型性能、使其适应特定任务的关键技术。本文将全面系统地介绍模型微调的各个方面，帮助读者深入理解这一重要技术。一、什么是模型微调模型微调是指在已经训练好的预训练模型基础...

汉语拼音 z、c、s图文讲解（拼音字母表zcs教学视频）

以下是汉语拼音z、c、s的图文讲解，结合发音要领、书写规范及教学技巧：一、发音方法与口诀1.z的发音发音要领：舌尖轻抵上齿背，形成阻碍后稍放松，气流从窄缝中挤出，声带不振动（轻短音）。口诀：“写字写...

吴姗儒惹怒刘宇宁粉丝!吴宗宪护航「是综艺梗」叮咛女儿对话曝光

记者孟育民／台北报道Sandy吴姗儒在《小姐不熙娣》因为节目效果，将男星刘宇宁的头像踩在地上，引起粉丝怒火，节目发声明道歉后仍未平息，她也亲自发文郑重道歉：「我对刘宇宁本人完全没有任何恶意，却在综艺表...

苹果错误地发布了macOS Tahoe公开测试版 现已将其撤下

一些Beta测试人员下载了他们以为是macOSSequoia15.6RC的版本，但却错误地下载了macOSTahoe26公开测试版，后来苹果修复了该问题。苹果预计将于7月25...

make的多种用法!（make 的用法总结）

一、make的用法美make[meik]①V.制造；制定，拟定；使变得，使处于；造成，引起；整理(床铺)；做，作出；强迫；挑选，任命…②n.(机器、设备等的)品牌，型号；结构，构造；通电，接电⑤[...

北顿尖刀哗变?俄第20近卫集团军损失惨重，拒绝执行指挥官命令?

【军武次位面】作者：太白近日，外国社交媒体“电报”上传出了一些消息，称俄罗斯在北顿涅兹克战场上的“尖刀”部队之一，俄第20近卫集团军因为损失惨重，已经出现了部分部队拒绝执行指挥官命令，甚至哗变的情况。...

一周热门
最近发表
标签列表