幻灯片html（ppt制作html5新标签的简要介绍）

本文目录

• ppt制作html5新标签的简要介绍
• 怎样在PowerPoint中打开HTML演示文稿
• 如何将HTML还原为PPT
• html格式的网页怎么转换成ppt格式转换

ppt制作html5新标签的简要介绍

html5可以使用代码实现的简单幻灯片，并且能用鼠标滚轮滚动进行换页。
具体代码如下：
《!doctype html》
《html》 
《head》 
《title》《/title》
《style》
#slides{
position:absolute;
left:0px;
top:0px;
height:100%;
width:100%;
overflow:hidden; 
}
.slide{
position:absolute;
height:600px;
width:800px;
opacity:0.7;
background-color:rgba(0, 128, 196, 0.5) !important;
background-color:#ccc; 
border-radius:10px;
left:50%;
top:50%;
margin-top:-300px;
box-shadow:5px 5px 5px rgba(0, 0, 0, 0.5); 
transition:all 0.25s ease-in-out 0s;
}
.current{
opacity:1; 
margin-left:-400px; 
}
.future{
margin-left:450px;
transform: skew(-3deg) scale(0.8);
-webkit-transform: skew(-3deg) scale(0.8); 
}
.post{
margin-left:-1250px;
transform: skew(3deg) scale(0.8);
-webkit-transform: skew(3deg) scale(0.8);
}
.far-future{
margin-left:1200px;
transition:none; 
}
《/style》
《/head》
《body》
《div id="slides"》
《div class="slide current"》1《/div》
《div class="slide future"》2《/div》
《div class="slide far-future"》3《/div》
《div class="slide far-future"》4《/div》
《div class="slide far-future"》5《/div》
《div class="slide far-future"》6《/div》
《div class="slide far-future"》7《/div》
《/div》
《script》 !function(){ var slides = document.getElementById("slides").childNodes;
var l = slides.length; function fslide(e){ var event = e || window.event;
//console.log(event.wheelDelta +" "+ event.detail); for(var i=0;i《l;i++)
{ if(slides.className=="slide current")
{ var current_slide = slides; break;
}
}
//var current_slide = document.getElementsByClassName("current");
// getElementsByClassName只有火狐，谷歌等浏览器的较新版本支持
if
((event.wheelDelta 《 0 /*ie,谷歌等浏览器*/ || event.detail 》 0 /*firefox*/) && nextel(current_slide)){
if(prevel(current_slide)){ prevel(current_slide).className="slide far-future"; }
current_slide.className="slide post"; nextel(current_slide).className="slide current";
if(nextel(nextel(current_slide)))
{ 
nextel(nextel(current_slide)).className="slide future"; } 
}
else if((event.wheelDelta 》 0 || event.detail 《 0) && prevel(current_slide)){
if(nextel(current_slide)){ nextel(current_slide).className="slide far-future"; } 
current_slide.className="slide future"; prevel(current_slide).className="slide current";
if(prevel(prevel(current_slide))){ prevel(prevel(current_slide)).className="slide post" 
}
}
}
document.onmousewheel = fslide; 
// ie,谷歌等浏览器 if(document.addEventListener)
{ document.addEventListener("DOMMouseScroll",fslide,false);
// firefox } }(); function prevel(el){ if(el.previousSibling == null)
return null; return el.previousSibling.nodeType == 1 ? el.previousSibling : prevel(el.previousSibling);
}
function nextel(el){ if(el.nextSibling == null)
return null; return el.nextSibling.nodeType == 1 ? el.nextSibling : nextel(el.nextSibling); 
} 《/script》
《/body》
《/html》

怎样在PowerPoint中打开HTML演示文稿

1单击“工具”菜单栏中的“自定义”命令，选择“Web"选项
2单击”前往”右边的下拉按钮，选择“打开超链接”命令，单击“浏览”按钮查询。
3输入地址后，单击“确定”按钮，将启动Microsoft Internet Explorer,打开HTML文档，

如何将HTML还原为PPT

首先，打开Word文档，全部选中，执行“复制”命令。然后，启动PowerPoint，
如果是Word 2002版，选择“普通”视图，单击“大纲”标签（如图1）；如果没有“大纲”和“幻灯片”选项卡，显示的方法是在“视图”菜单上，单击“普通（恢复窗格）”或在窗口的左下角，单击〔普通视图（恢复窗格）〕按钮；
如果是Word 97/2000版，可直接选择“大纲”视图，将光标定位到第一张幻灯片处，执行“粘贴”命令，则将Word文档中的全部内容插入到了第一幻灯片中。
接着，可根据需要进行文本格式的设置，包括字体、字号、字型、字的颜色和对齐方式等；然后将光标定位到需要划分为下一张幻灯片处，直接按回车键，即可创建出一张新的幻灯片；如果需要插入空行，按〔Shift+Enter〕。
经过调整，很快就可以完成多张幻灯片的制作（如图2）。最后，还可以使用“大纲”工具栏，利用“升级”、“降级”、“上移”、“下移”等按钮进一步进行调整。
这样是不是很容易

html格式的网页怎么转换成ppt格式转换

格式之间转化是我们办公经常遇到事儿，特别是职业每天都需要转化各种各样的文件。那么我们如何把html格式网页内容转化ppt，接下来我就介绍几种方法。

1、这个方法很累。主要就是把html内容，截成图片然后插入幻灯片演示工具里面。打开html内容，截取成图片.如下图所示：

2、打开ppt工具，新建一个页面。点击「插入」——「图片」选择刚才截取的图片，然后就是排版一下。就能够变成ptt文件了。这种方法虽然笨，但是可以随心所欲的设计。

3、要直接把html格式转化成ppt格式，我没有找到现在市面上有什么快捷工具。但是可以先把html转化成pdf格式，一些在线的网站就直接提供这些功能。打开这些在线转化功能网站，载入你的html格式

4、添加文件,选中你要的html，载入成功后「开始转换」,转化成功以后点击下载转化后的pdf文件。

5、接着把刚才转化好的pdf文件，继续以上述相似的方开始转化成ppt文件。载入你选择pdf文件，然后转化成功后提示下载。

6、我们开刚才转化好的ppt软件，如下图所示：这样我们就可以把html内容间接的转化ppt文件了。