什么是h5,h5的场景制作工具有哪些?

如题所述

h5就是html5,HTML5是用于取代1999年所制定的 HTML 4.01 和 XHTML 1.0 标准的 HTML 标准版本,现在仍处于发展阶段,但大部分浏览器已经支持某些 HTML5 技术。HTML 5有两大特点:首先,强化了 Web 网页的表现性能。其次,追加了本地数据库等 Web 应用的功能。广义论及HTML5时,实际指的是包括HTML、CSS和JavaScript在内的一套技术组合。它希望能够减少浏览器对于需要插件的丰富性网络应用服务(plug-in-based rich internet application,RIA),如Adobe Flash、Microsoft Silverlight,与Oracle JavaFX的需求,并且提供更多能有效增强网络应用的标准集
h5的制作工具有:
  一、Adobe Edge

  目前还处于预览阶段的Adobe Edge是用HTML5、CSS、JavaScript开发动态互动内容的设计工具。内容可以同时兼容移动设备和桌面电脑。Edge的一个重要功能是Web工具包界面,方便确保页面在不同浏览器中的架构一致性,此外Edge还将整合TypeKit这样的字体服务。

  动画和图形可以添加到HTML元素中,程序也能通过Edge自身的代码片段库或者JavaScript代码进行扩展。动画可以在独立的时间线上进行嵌套,还能实现互动功能。符合可以服用并通过API和代码片段控制。通过Edge设计的内容可以兼容iOS和Android设备,也可以运行在火狐、Chrome、Safari和IE9等主流浏览器。

  二、Adobe Dreamweaver CS6

  Adobe Dreamweaver CS6作为一个Web设计软件,提供了对HTML网站和移动程序的可视化编辑界面。其Fluid Grid排版系统整合CSS样式表功能,提供自适应版面的跨平台兼容性。开发者可以完全实现Web设计的可视化操作,无需为代码所困。

  用户不但还能在Live View中预览,还提供多屏幕预览功能。开发者可以通过MultiScreen预览面板查看HTML5内容的渲染效果。Live View通过WebKit渲染引擎支持HTML5。

  三、Adobe ColdFusion 10

  ColdFusion是用来开发企业Web程序的服务器端技术,通过Websockets、互动表单、视频和地理标签等HTML5技术创建富媒体用户体验。

  四、Sencha Architect 2

  在开发移动和桌面应用的工具中,Sencha的定位是HTML5可视化应用开发。开发团队可以在一个单一集成的环境中完成应用的设计、开发和部署。开发者还可以开发Sencha Touch2和Ext JS4 JavaScript应用,并实时预览。

  五、Sencha Touch 2

  Sencha Touch2是移动应用框架,也被看作是Sencha的HTML5平台。开发者可以用它开发面向iOS、Android和Blackberry、Kindle Fire等多种平台的移动应用。

  六、Dojo Foundation Maqetta

  来自于IBM的一个项目,Dojo Foundation Maqetta是为桌面和移动设备开发HTML5应用的开源工具,支持在浏览器中查看HTML5界面。用户体验设计师可以通过拖放组装UI样板

  七、微软Visual Studio 2010 ServicePack 1

  虽然一开始并不支持HTML5,但微软在2011年三月发布的Visual Studio 2010 SP1中提供了IntelliSense,追加了针对HTML5的一些元素。

  八、JetBrains WebStorm 4.0

  作为拥有HTML编辑器的JavaScript集成开发环境,WebStorm4.0提供了开发web应用的HTML5样板。开发者可以在创建HTML文档时可获得对HTML5文件的支持。例如砍伐者键入。开发者还可以在chrome浏览器中实时预览HTML文档。

  九、Google Web Toolkit

  该开发工具用于开发浏览器应用,但库中支持很多HTML5功能。包括对客户端或web存储的支持。其他HTML5功能还包括支持Canvas可视化,以及音频和视频widget。

  十、DCloud HBuilder

  HBuilder是当前最快的HTML开发工具,强大的代码助手帮你快速完成开发,最全的语法库和浏览器兼容性数据让浏览器碎片化不再头痛。
温馨提示:答案为网友推荐,仅供参考
第1个回答  2015-07-29
随着微信用户增多、H5小游戏、H5大翻页,到H5站点、H5营销。在微信上内容的数量和样式的逐渐增多,下面给大家介绍借助 布谷鸟 这一个在线制作工具,可以轻松的制作出炫酷的微信h5页面。
点击制作栏目,进入模板选择页
1:选择空模板,自由创作、选择主题模板,更快速的创作出炫丽的展示。
预览树操作

2:显示的页面的显示顺序;
右键调整页面的显示顺序;

3、点击页面右上角的X,可以把不需要的页面删除。

4.功能—添加修改文字
1、添加文字:点击右侧的文字选项→主编辑区会出现文字输入框→双击修改
2、文字属性修改:右侧文字属性修改选项,包括字体种类,字体大小、颜色等等。
功能—添加修改按钮
添加按键:点击右侧按钮选项→点击编辑区的按钮→修改文字、链接

5.功能—添加修改底图
1、修改背景颜色:点击右侧底图选项→选择颜色
2、上传底图:点击右侧底图选项→点击上传按钮→确定

6:保存。生成
1、添加标题、描述、缩略图
2、生成的二维码和链接可以用于分享到微信、微博等
3、点击生成按钮,即完成了一个作品的制作过程。本回答被提问者采纳
第2个回答  2015-10-27
H5其实就是手机上显示的网页,带有交互功能,而且现在有很多的制作平台dodoh5挺不错的,没有广告还免费
第3个回答  2015-12-24
H5是指第5代HTML,也指用H5语言制作的一切数字产品。所谓HTML是“超文本标记语言”的英文缩写。我们上网所看到网页,多数都是由HTML写成的。“超文本”是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。而“标记”指的是这些超文本必须由包含属性的开头与结尾标志来标记。浏览器通过解码HTML,就可以把网页内容显示出来,它也构成了互联网兴起的基础。
HTML5赋予网页更好的意义和结构。更加丰富的标签将随着对RDFa的,微数据与微格式等方面的支持,构建对程序、对用户都更有价值的数据驱动的Web。
此外,H5的本地存储特性也给使用者带来了更多便利;基于H5开发的轻应用比本地APP拥有更短的启动时间,更快的联网速度,而且无需下载占用存储空间,特别适合手机等移动媒体。而互动大师让开发者无需依赖第三方浏览器插件即可创建高级图形、版式、动画以及过渡效果,这也使得用户用较少的流量就可以欣赏到炫酷的视觉听觉效果。

推荐一些H5场景页面免费制作神器来,排名不分先后!
搜狐快海报
快海报是搜狐快站平台上全新推出的免费H5页面制作工具,操作也极为简便易学,完全没有技术要求。采用拖拽式操作,属性式设置的模式。一拖一拽,简单配置,所见即所得,一分钟即可学会,三分钟便能完成。还有海量模板即将上线,替换内容即可生成。快海报还支持同一组件的多重动画设置,让画面更丰富更炫酷。和其他一样,搜狐快站海报也是适用于包括活动推广、企业宣传、产品展示、会议组织、预约报名、节日祝福等不同的场景。
体验地址:http://www.kuaizhan.com

初页
初页作为手机端制作动态海报的APP,门槛还是比较低的,容易上手,可以直接在手机上编辑,制作极为便利,图文混排的模板也很丰富。可免费下载安卓版和苹果版初页App,或通过电脑在线创建、编辑,轻松创作优雅、炫酷,利于微信传播的H5海报。
体验地址:http://chuye.cloud7.com.cn/

久爱微景秀
久爱微景秀这个平台制作起来非常简单,静态模板和动态模板都有,模板样式丰富,浏览体验不错。有多种动态效果以及交互效果可供选择,多种效果、翻页动画、背景音乐、可统计浏览量,可以获得表单反馈信息。所见即所得的在线实时制作技术,很轻松就可以做出很炫的h5页面。且对于免费用户来说,全部功能都是开放的,可以不受限制地做出自己的动态页面。可以提供定制服务。
体验地址:http://wcj.lyg92.com

口袋通微杂志
口袋通是一个免费的微商平台,其场景海报也是为了其电商功能服务,不过免费得版提供的交互较为简单,没有多样的模板。
体验地址:http://youzan.com/

易传单

编辑器界面比较友好,设计灵活方便,数据统计与表单上也是亮点所在。除了模板较少之外其他的都是相当好。
体验地址:http://www.echuandan.com/
epub360意派

这不是奇虎360的,意派的交互功能极为强大,可以说更适合专业的设计师打造的交互设计,动画效果出色,虽然简单傻瓜式的模板不多,但自由度相对较高。不过如果只是制作简单的单页,上手也并不是很复杂。只是免费版作品数量限制为10个,导出有logo。
体验地址:http://www.epub360.com/

易企秀
易企秀有多种动态模板,能实现文本和图片带有滑动、隐现、放大缩小等动态效果。同时有ios移动客户端,在手机上也可创建场景应用,以及数据统计功能。大体上和maka差不多,但是表单和统计是免费也可用。更多功能需要企业会员。
体验地址:http://eqxiu.com/#/home
Liveapp场景应用/云来

云来Liveapp是面向企业方的移动场景APP云服务平台,许多企业都在使用,需购买场景应用。不过,现在云来场景应用正式免费开放,所有“认证企业”都可以申请获取。免费体验长达31天,体验结束后,也会永久保存并持续展示你的场景应用。
体验地址:http://www.yunlai.cn/
Vxplo

Vxplo也是专注在线交互设计,功能强大,同epub360一样适合专业设计师,可以零代码制作轻应用。使用上相对较为复杂,不过其甚至也可以用来制作响应式网站,有时间可以试试。
体验地址:http://www.vxplo.cn/
最酷网

最酷网也是一个免费H5场景应用制作和发布平台。不用懂设计、不用会编程,1分钟上手制作,平台针对不同的应用场景和内容展现形式,提供海量的模板、丰富的控件、灵活的动画特效。用户可以简单快速的通过图片替换、内容编辑,就可以创建属于自己的、炫酷的云场景应用。
体验地址:http://www.zuiku.com/
FormFollowsFunction

严格来说,FormFollowsFunction不属于H5制作平台,而是一个预览平台。H5页面到底能实现什么样的动画效果?这一个网站几乎能看到所有H5能够实现的动画效果,引爆你的灵感,并且让你心中有数。
体验地址:http://fff.cmiscm.com/#!/main
Weebly

Weebly和Wix也是一款HTML5拖放式智能创建器,支持中文,拥有多种优秀网页模板和交互效果,并且有IOS和Android客户端可以管理自己的网页、随时随地跟踪。
体验地址:http://www.weebly.com/about/index.php?lang=zh
Wix

Wix基于H5技术,向用户提供多种网页模板,操作简单无需代码,智能拖拽即可实现网页建设。Wix每个类目下有上百的HTML5模板可供使用,响应式设计,在手机端也有很好的展示。
体验地址:http://www.wix.com/
Ceilfire

Ceilfire是一个创建H5游戏并分享的平台,点击进入你就会看到很多的H5页面游戏。用户可以直接在浏览器中创建游戏、参与游戏、分享游戏,对于想做简单的H5游戏的朋友可以用这种方式试试手。就算不做也可以看看已有的H5游戏来找找感觉。
体验地址:http://ceilfire.com/browse/most-played
做一些H5特效的动态页面,以前需要专业技术团队和设计师才能制作。现在通过这些简单的平台,你几分钟就能免费创作自己的H5页面。甚至有的你需要做的只是仅仅换上几张图,敲几个字,选自己喜欢的音乐\视频…一个不错的H5页面就出来了。
那么,工具地址都给大家了,接下来就是轮到你动手的时候了,找一个自己喜欢的平台,开始吧!
相似回答