已经有很多可视化html+css+js的工具了，如：DW，H5Builder，百度网站框架，VUE等...
但从效果上始终达不到ppt那样，这个里面涉及到一个基本的问题：开发语言。
PPT属于微软封闭的office套件，其格式独家专用，也没有提供给开发者的自定义开发脚本（excel有VBA宏），word有基本的函数，ppt只提供了封闭的效果引用，如：动画，图片效果渲染等。
而html则是超文本标记语言，在js脚本和css样式表描述下，提供给浏览器（开放的软件）临时编译成在浏览器框架下运行的对象，所以，才会出现一些网页在一个浏览器中显示正常，而在另外一个浏览器中则显示异常的情况，因此，很难提供一个类似ppt的可视化框架用于web页面的拖拽编辑。
最近几年，前后端分离开发后，前段都往框架和模版方向发展，没有后端的数据支撑，在开发阶段，很多页面甚至就是一片空白，就更加不可能用ppt的方式来开发了！
学完了HTML、CSS和JS的开发技术后能做些什么？
可以做一个简单的安卓应用了，先用HTML、CSS和JS做好页面，然后用HBuilder的云端打包功能打包成一个apk文件，安装到自己的手机上，下面我简单介绍一下实现过程：
1.下载HBuilder，这个直接到官网上下载就行，如下，选择“APP开发版”：
2.下载完成后，解压这个压缩文件到一个任意一个文件夹，如下：
3.接着，我们打开HBuilder，依次点击“文件”->“新建”->“项目”，选择“5+APP(A)”，同时勾选“Hello H5+”，输入项目名称，最后，点击创建，如下：
这里我们新建一个app.html文件，主要内容如下，就是一个简单登录界面：
用浏览器打开效果如下：
4.然后，我们就可以进行打包了，双击打开mainfest.json文件，这里点击“云端获取”，获得“应用标识(AppID)”，同时选择一下“应用入口页面”，即上面的app.html，如下：
配置完成后，我们右击App应用，依次选择“发行”->“原生App-云端打包(P)”,这里我们打包成安卓应用，故选“Android”，最后，点击打包就行，如下：
云端打包成功后，会生成下载链接，我们直接点击下载就行，如下：
到此，app已经打包完成，我们直接可以在手机端进行安装，效果如下：
至此，我们就完成了将HTML，CSS和JS写的网页打包成了安卓App。总的来说，整个过程不难，就是有些繁琐，需要配置一些参数，我这里的示例比较简单，你可以把界面写的更好、更丰富一些，然后打包成一个手机app，使用一下，当然，你也可以打包成桌面应用，方法也很多，网上也有相关资料和教程，感兴趣的可以搜一下，希望以上分享的内容能对你有所帮助吧，也欢迎大家评论、留言。
大学做项目，负责人禁止我用Vue，React，让我用基础HTML，CSS，JS开发前端怎么办？
基础不牢，地动山摇。好好先熟练Javascript这个基础吧。就像什么语言都觉得自己牛，可归根还是回到c、汇编、最后到机器语言。
相关推荐
-
视频播放器哪个软件最好用，4k视频播放器哪个软件最好
pot player 哪款视频播放软件最好用？ 如果是看本地的视频，Windows Media Player视频播放器软件好（如启动速度、CPU使用率、占有内存、高清播放效果、没有广告等），至于支持格式少方面，可以下载个个 Windows Code...
-
ceb文件怎么打开手机，手机可以打开ceb文件吗
需要使用方正Apabi Reader。方正Apabi Reader(阿帕比)是CEB格式的指定阅读软件，到软件商店下一个手机版的吧。cebCEB是Chinese E-paper Basic的缩写，是北大方正电子公司拥有自主知识产权的一种版式文件格式，目前在...
-
win7安装ubuntu双系统安装教程,谁有WIN7和Ubuntu16.04双系统的安装教程？
Win7 下U盘安装Ubuntu16.04 双系统详细图文教程windows和Ubantu双系统安装主要分为五大步骤，下面通过图文并茂的形式给大家介绍Win7 下U盘安装Ubuntu16.04 双系统详细图文教程，需要的的朋友参考下吧安装主要分为以...
-
seo和sem的联系是什么?,SEO和SEM之间有什么联系？
很高兴可以回答这个问题我们先来简单的认识一下这两个对很多人来说非常陌生的词语吧释义一、SEOSEO大家可能会经常看到，它是搜索引擎优化的缩写，SEO是对搜索引擎自然排名分析后，然后进行网站内部调整优化，提高网...
-
哪个软件可以看实时地图，有没有实时地图的软件
卫星地图当前依然是以谷歌高清卫星地图的数据作为主要来源，由于国内直接使用谷歌高清卫星地图的效果并不理想，断断续续使用感极差。从而出现了一些国产高清地图软件，地图数据源一般是从谷歌高清卫星地图来调用。由...