Zoho Docs-在网页中嵌入PPT的最佳方案(个人版5G免费)

Zoho WorkDrive – 全面的在线共享文档工具

125建站网上想嵌入PPT,分享给大家 ,并且可以播放。

我思考了三种方法:

  1. 是在Zoho Docs上操作;
  2. 是PPT以图片的形式保存(动画效果没有了),直接轮播;
  3. 是自己手写动画+轮播,达到PPT播放效果(用express.js来实现)比较复杂,并且对小白站长不适用。

很自信的要自己手写动画+Swiper轮播,可是,到中午吃饭的时候,才写了一点点、、 、/手动笑cry;我,,,,

于是果断改成了第一种方式Zoho Docs;

在网页中嵌入PPT的方法

1.访问https://workdrive.zoho.com.cn ,注册账号

2.下载软件,也可直接使用网页版本

3.上传你的PPT

Zoho Docs-在网页中嵌入PPT的最佳方案(个人版5G免费)

上图中1.ppt是我用来测试的文档。

4.点击你要嵌入的PPT文件,1.ppt,上方会出现共享按钮

5.点击共享,弹出如下窗口,一是永久链接,二是嵌入代码。

6.在嵌入代码右侧,点击复制代码

 

Zoho Docs-在网页中嵌入PPT的最佳方案(个人版5G免费)

7.将复制的代码放到页面中,就可以在网页中播放PPT了

Zoho Docs-在网页中嵌入PPT的最佳方案(个人版5G免费)

点击放映,可以像PPT一样,有动画全屏哦!

Zoho Docs-在网页中嵌入PPT的最佳方案(个人版5G免费)

125jz网原创文章。发布者:江山如画,转载请注明出处:http://www.125jz.com/11267.html

(0)
江山如画的头像江山如画管理团队
上一篇 2023年1月15日 下午4:40
下一篇 2023年1月16日 下午12:04

99%的人还看了以下文章

  • Less编写及使用快速入门

    前面我们学习了《4个案例入门,学会LESS使用》,今天一起来学习如何编写,编译并使用LESS LESS的编写 LESS的使用是很容易的,使用你最常使用的代码编辑器,按LESSCSS的语法规则写好.less文件,接下来,使用编译工具它编译成.css,最后再引入页面即可。 LESS的编译 GUI编译工具 为方便起见,建议初学者使用GUI编译工具来编译.less文…

    2019年7月17日
    5.8K0
  • js验证表单验证,包括用户名、密码、确认密码等,用户注册页面实例

      本文是js验证表单输入的入门级教程,要求你会基础的HTML,JS知识。 页面HTML 表单代码: <form action=”” method=”post” enctype=”multipart/form-data” name=”reg_form”> <div class=”info_input”> <div cl…

    2019年9月5日
    9.1K0
  • css布局基础:浮动和清除浮动练习2

    主要知识点: 1、浮动:让元素脱离标准流,从而实现灵活的布局效果。 2、浮动只能左右,不能上下。float:left/right/none。 3、子元素浮动会造成父元素高度塌陷,清除浮动的3种方法: 方法1:通过overflow属性 方法2:通过clear属性 方法3:通过伪元素选择器(推荐) 效果图: 参考: <header> <img …

    2020年4月4日
    3.3K0
  • 第8课:如何做各种超链接?

    在这一课,你将学习如何在网页之间做超链接。 如何做超链接? 做链接只需一个元素<a>和一个属性href就行了。下面是一个例子,它是一个指向www.125jz.com的链接: 例1: <a href=”http://www.125jz.com/”>指向www.125jz.com的链接</a> 该例在浏览器中将显示如下: 指向…

    2018年1月20日
    5.9K0
  • CSS常用类/ID命名规范

    书写规范请查看《CSS语法及命名规范(入门)》,本文介绍常用类/ID命名规范,CSS文件命名规范,如页面主体:main 内容:content 标签页:tab  章列表:list 信息:msg   标题:title   热点:hot 新闻:news注册:regsiter 合作伙伴:partner 友情链接:friendlink 页脚:footer 版权:cop…

    2019年3月14日
    7.1K0
  • CSS border-radius 深入学习(含可视化生成工具)

    没有学过CSS border-radius 的同学,请阅读《css实现圆角矩形、半圆、圆形效果—border-radius使用详解》一文。border-radius 写法: .box{ border-radius: 30%; /* 也可以用PX代替 */ } 矩形的四角会变为相应数值的圆角,如下图: 只输入一个数值,所有角都会被四舍五入,若要固定值可以使用 …

    2019年10月17日 网页制作
    7.7K0

发表回复

登录后才能评论