在线html生成-如何在移动端上,也就是在手机上开发HTML?
HTML5页面制作工具,大体分为两类:基于HTML5的网站工具和手机APP工具(当然还有一些其他的,例如基于微信公众号的等,下面也会介绍)。
先总的说一下个人感受
1.基于HTML5的工具网站:功能较强大,单页面的操作性较强,可完成各种页面交互效果;但是某些时候会有操作“失灵”的现象,如上传图片失败,点击保存失败,生成失败等。原因你懂得~
2.手机工具APP:相比起工具网站来讲,显得比较顺手,有大量模板套用,制作简单快捷;但是拘泥于现有的模板,使得单页面不会有较大的可操作空间,从而无法实现DIY交互效果。
下面展开说下每个使用过的工具吧
基于HTML5的工具网站:
【兔展】
优点:页面DIY程度较高,动效实现起来也简易方便,可制作比较任性的H5页面。
缺点:屏幕界面大小不可调节,上传的图会比例失调;生成后到各尺寸屏上页面会存在拉伸现象。
(此图意在说明上传的图片的尺寸都是网站自己默认的一个尺寸,不是图片本身的尺寸,不利于使用者调整)
【】可以具体编辑,单页操作性较高,有新手(有模板)和高阶(无模板)两种编辑模式;翻页效果比兔展多,模板也更强大一些。
【居高互动刊】
优点:最简单易上手的工具之一,根据提示一步一步的添加,共4步,最后生成微杂志。相比其他在线工具,较稳定。
缺点:目前没试通制作单页上的交互效果,没找到开启pro功能的入口。
【ANIMATRON】
优点:像flash的在线版,功能强大,可以创建HTML5动画。适合有动画基础的人做演示制作。
缺点:需要动画制作基础;工作界面响应时间长;貌似只能分享到twitter、Facebook、google+、tumblr?
【iSpring7】
噱头是PPT转HTML5工具,完美与PPT兼容,可制作Html5移动课件。
不过,目前我只能连着VPN再用Safari才能打开网站链接。
【秀制作】
优点:版式轻松,制作快捷,宽带稳定。
缺点:对图片和文字在各种屏幕上的显示没有做很好的适配;不能对模板中文字的编辑调整位置。
手机工具APP:
【初页】
优点:模板质量高,套用模板编辑时效率高,操作简单快捷,效果和体验在制作H5页面的APP工具里面算是出类拔萃。
缺点:单页面可操作性较低,仅支持套用模板。
【快邀约】快速制作邀请函
优点:易上手,省时高效,便于统计。
缺点:页面简陋,只能选择固有模板创建文字和添加图片。
【易企秀】中小微企业的移动场景营销管家
优点:套用模板,创建快捷,用来做企业介绍、产品推荐。拥有强大的推广统计、客户管理功能。嗯,这里应该赞一个。
缺点:只能用模板,DIY程度低;统计数据是否准确需要进一步确认,目前看来可能有遗漏数据的现象(在小范围测试中,统计到的数量小于应有的数量)。
【微贴】:通过微信公众号创建H5页面
优点:手机公众号内直接创建简单页面,根据提示创建即可,无脑方便快捷。
缺点:只是单页面展示,承载不了交互效果等特效和更多内容。
总结
工具网站做的H5页面,多注重单独页面的自定义交互方案,DIY程度高,相对来说用时较长,又受制于带宽因素,故影响操作;
工具APP做的H5页面,多注重效率,目前都是套用模板,因而对单页面的DIY程度较低,交互效果受限。
作为我个人而言,移动互联的新任PM,我平时常用到的是【MAKA】和【兔展】,这两个相对来说更适合半天时间来完成;如想快速制作展示页面就用【初页】,这个在功能效率与设计感方面更突出一些;组织活动、制作邀请函、分发活动通知等用【快邀约】;平时推广新产品、联络客户和招聘新人用【易企秀】。
如何在移动端上,也就是在手机上开发HTML?您说的是html5开发,针对移动端网页设计必学的知识体系。
一、HTML5支持测试列表
在开始之前,你需要了解现代的浏览器以及移动平台对于HTML5的支持情况。
主流浏览器HTML5功能支持一览
移动平台HTML5支持一览
HTML5支持测试
HTML5演示
二、让HTML5元素可用
老版本的IE浏览器不能识别新的HTML元素。但是,可以使用一些JavaScript或CSS解决方案来弥补这个缺陷。
HTML5Shiv:此脚本可以使IE浏览器识别HTML5元素。
HTML5Enabler:功能与HTML5Shiv类似。
Modernizr:它使得开发者可以在支持HTML5和CSS3的浏览器中充分利用HTML5和CSS3的特性进行开发,同时又不会牺牲其他不支持这些新技术的浏览器的控制。
HTML5Reset:它提供了一组HTML、CSS文件,让你能够以最少的时间来启动一个新的项目。它使用modernizr来支持HTML5和CSS3。
三、浏览器插件
下面是一些JavaScript插件,可以弥补一些浏览器对HTML5的支持问题。
1.VideoJS
VideoJS是一个HTML5的视频播放器,可以在所有浏览器中使用,包括IE6和移动设备。对于不支持HTML5的浏览器则自动使用Flash播放器来播放。
2.AudioJS
HTML音频播放器。用来让HTML5的
标签可以在各种浏览器上使用,包括移动设备。
3.HTML5Widget
HTML5的表单模块,包括日历,调色板,滑动部件,客户端验证等。
4.Webforms2
HTML5表单属性的支持,例如pattern、required和autofocus。
5.LimeJS
LimeJS是HTML5的游戏框架,用于为现代触摸设备和桌面浏览器创建快速、本地化的游戏。
6.FlexieJS
支持CSS3弹性盒子模型(FlexibleBoxModel)。
四、在线工具
此外,还有一些在线工具,可以帮助开发者加快HTML5项目的开发。
1.HTML5Boilerplate
是一个HTML/CSS/JS模板,是实现跨浏览器正常化、性能优化、稳定的可选功能如跨域Ajax和Flash的最佳实践。开发者称之为技巧集合,目的是满足你开发一个跨浏览器,并且面向未来的网站的需求。
2.SwitchtoHTML5
非常有用的在线工具,可以根据你的喜好生成HTML5文档结构。
pdf文件如何在线生成html呢？用的是php的网站系统？如果简单点,直接<a></a>链接那个pdf文件就可以把。这样做要用户机子装了adobeflash,用户也可以直接下载你的pdf文件。
还可以将pdf转成swf格式,用户不好直接下载,但是要在网站后台先转换好。如果是外文pdf,用pdf2swf和flexpaper,中文pdf会麻烦些。
~
移动端HTML5如何开发?跟PC端有什么区别
答：2、在部分事件的处理上，移动端自然是偏向于触屏的，另外包括移动端弹出的手机键盘该如何处理，这样的问题在PC上肯定不会遇到，但在移动端，如果你没有经验，处理起来是相当麻烦的；3、布局上，移动端开发是要做到页面布局自适应的，而PC端页面布局的比例会相对固定；4、在动画效果处理上，PC端要考虑IE...
怎样把一个ssh架构的网站用html5适配到移动端(手机、pad)
答：移动端网站跟你的SSH无关，只要记住以下几点就OK了 js前端框架： zepto, jqMobi, jquerymobile 三者可以选择其一 个人推荐jqMobi DOM读取是最快的 css部分，只需要兼容webkit内核的就可以了 也就是用谷歌浏览器做测试。要考虑windows phone的话 就在加写一种兼容写法咯。html标签这部分其实就按pc端的...
移动端HTML5如何开发?跟PC端有什么区别
答：PC和mobile上是有区别的。网页主要体现在倍率上，还有HTML5兼容问题。iphone4s倍率是2x，即2倍；iphone6倍率是2x；iphone 6 plus 倍率是3x；安桌上 hdpi倍率是1.5x；xhdpi倍率是2x；xxhdpi倍率是3x；要想图片在mobile上得到图片的原始清晰度，和大小，那么他和PC上1x倍率的图片对应关系是；PC：像素 ...
如何在HTML中画一条线
答：需要准备的材料分别有：电脑、chrome浏览器、html编辑器。1、首先打开html编辑器，新建一个html文件，例如：index.html。2、其次，在index.html的<body>标签中，添加代码：<hr/>。3、浏览器运行index.html页面，此时成功在html中画了一条线。
在线html页面设计-如何制作一个html的网页
答：Weebly和Wix也是一款HTML5拖放式智能创建器,支持中文,拥有多种优秀网页模板和交互效果,并且有IOS和Android客户端可以管理自己的网页、随时随地跟踪。 Wix Wix基于H5技术,向用户提供多种网页模板,操作简单无需代码,智能拖拽即可实现网页建设。Wix每个类目下有上百的HTML5模板可供使用,响应式设计,在手机端也有很好的展示...
请问html5怎么写手机端?
答：和写pc端的一样写法，只是在前面加上<meta>语句可以让html适应手机端的
如何将自己做的AXURE模型生成的HTML页面发布到互联网
答：可以将自己做的Axure原型生成HTML页面保存，压缩成zip格式的文件包，上传到原型产品托管平台，如 产品大牛，可以生成链接，任何人只要能上网即可访问分享的URL查看原型。具体步骤如下：1、打开Axure软件，打开要处理的文件，然后选择 发布-生成HTML文件；2、选择存放文件的目录文件夹；3、把保存的文件使用压缩...
如何在HTML中画一条线
答：在html中花一条线的方法是有很多的，一般可以直接使用html代码实现或者借助css代码来实现都是可以的。方法1、使用<hr>标签画线 <html><body><p>hr 标签定义水平线：</p><hr /><p>这是段落。</p><hr /><p>这是段落。</p><hr /><p>这是段落。</p></body></html>结果如下：方法2...
html5的手机客户端app怎么开发?
答：2.框架：Ionic官网：简介：Ionic是一个强大的HTML5应用程序开发框架，号称AdvancedHTML5HybridMobileAppFramework是AngularJS移动端解决方案可以帮助您使用Web技术，比如HTML、CSS和Javascript构建接近原生体验的移动应用程序。Ionic主要关注外观和体验，以及和你的应用程序的UI交互，特别适合用于基于Hybird模式的HTML...
如何用html5构建移动端的webapp
答：H5edu教育html5开发为您解答：移动web在当今的发展速度是一日千里，作为移动领域的门外汉，在这段时间的接触后，发现前端开发这一块做一个小小的总结。1.四大浏览器内核 1.Trident (IE浏览器) :因为在早期IE占有大量的市场份额，所以以前有很多网页是根据这个Trident的标准来编写的，但是实际上这个内核对...
