Maqetta,一个创建桌面和移动用户界面的HTML5设计编辑工具,仅需简单的拖曳操作,就可完成桌面和移动用户界面。Maqetta
功能如下:WYSIWYG可视化页面编辑、拖曳式移动UI设计、设计或源码浏览同步编辑、对CSS样式的深度支持
maqetta的开发环境配置步骤如下:
第一步:安装和配置eclipse,请参考网上教程
第二步:下载maqetta源码
首先需要安装git版本管理工具,安装好之后
在需要检出源码的目录下面,右键,选择git clone
在弹出对话框中输入检出地址和目录,如下图所示:
点击ok,等待检出工程完成
第三步:下载jQuery UI and YUI sources,由于maqetta的源码里不包含此源码,因此开发者需要单独进行下载
其下载地址分别是 jQuery from http://jqueryui.com和YUI http://developer.yahoo.com/yui/2/
第四步:设置和启动mqetta服务器
首先需要设计系统变量MAQETTA_WORKSPACE,指定文件的存放目录(注意:在可能的情况下,需要重启电脑以使系统变狼生效)
其次把maqetta的源码导入到eclipse中,点击右键,选择debug configuration ,里面有maqett multi_user(需要登录验证) 和maqetta single_user(不需要登录验证),选择其中之一进行osgi框架的运行
在控制台会出现“osgi”,表明服务器启动成功
最后,在浏览器(目前只支持google chrome、 Firefox 和apple safari)中输入http://localhost:8081/maqetta/,如果不出现错误界面,则表示启动成功
- 大小: 6.2 KB
- 大小: 21.8 KB
分享到:
相关推荐
Maqetta是由IBM推出的一个基于浏览器的开源HTML5网页编辑工具,支持Google Chrome、Mozilla Firefox 3.5+(推荐Firefox 4)和Mac Safari 5,为用户体验设计师提供了一个可见即可得的可视化编辑环境,允许用户界面...
2011年4月12日,IBM公司在 IBM Impact 2011 上面发布了 Maqetta,一个创建桌面和移动用户界面的HTML5设计编辑工具,并同时宣布将项目捐助给开源机构Dojo基金会。Maqetta提供WYSIWYG可视化HTML5用户界面设计功能,仅...
maqetta.zip.001
2在安装配置Maqetta之前重新启动浏览器并清除缓存清除浏览器缓存, 建议您关闭并重新启动浏览器清除其缓存。 3将下载的Maqetta解压到自定义目录下 ,在命令提示符窗口打开的状态下,鼠标双击打开maqetta.local.win....
Maqetta是由IBM推出的一个基于浏览器的开源HTML5网页编辑工具,支持Google Chrome、Mozilla Firefox 3.5 (推荐Firefox 4)和Mac Safari 5,为用户体验设计师提供了一个可见即可得的可视化编辑环境,允许用户界面...
html5 开发工具 云端html5开发工具maqetta-preview
maqetta-maqetta-Preview6-164-g03e7e75.tar
基于dojo的可见即所得工具,可用于制作系统原型,可作为dojo的学习工具。
maqetta.zip.003
IBM公司在 IBM Impact 2011 上面发布了 Maqetta,一个创建桌面和移动用户界面的HTML5设计编辑工具,并同时宣布将项目捐助给开源机构Dojo基金会。Maqetta提供WYSIWYG可视化HTML5用户界面设计功能,仅需简单的拖曳操作...
IBM发布 Maqetta,一个创建桌面和移动用户界面的HTML5设计编辑工具,并同时宣布将项目捐助给开源机构Dojo基金会
maqetta.zip.002
IBM公司在 IBM Impact 2011 上面发布了 Maqetta,一个创建桌面和移动用户界面的HTML5设计编辑工具,并同时宣布将项目捐助给开源机构Dojo基金会。Maqetta提供WYSIWYG可视化HTML5用户界面设计功能,仅需简单的拖曳操作...
Maqetta是由IBM推出的一个基于浏览器的开源HTML5网页编辑工具,支持Google Chrome、Mozilla Firefox 3.5+(推荐Firefox 4)和Mac Safari 5,为用户体验设计师提供了一个可见即可得的可视化编辑环境,允许用户界面...
本身这个工具也是采用HTML开发的,所以运行在浏览器上不需要安装额外的插件。 Maqetta,一个创建桌面和移动用户界面的HTML5设计编辑工具,并同时宣布将项目捐助给开源机构Dojo基金会。 Maqetta 功能如下: WYSIWYG...
Maqetta应用本身用HTML5/Ajax编写,因此运行在浏览器中无需请求额外的插件或下载。用户可以下载源码,并安装在自己的服务器上,并可自定义源码来满足自己的需求,再回馈到开源项目。
Maqetta应用本身用HTML5/Ajax编写,因此运行在浏览器中无需请求额外的插件或下载。用户可以下载源码,并安装在自己的服务器上,并可自定义源码来满足自己的需求,再回馈到开源项目。
Maqetta应用本身用HTML5/Ajax编写,因此运行在浏览器中无需请求额外的插件或下载。用户可以下载源码,并安装在自己的服务器上,并可自定义源码来满足自己的需求,再回馈到开源项目。
实验要求:关于用maqetta设计超市购物系统的开发流程
Maqetta 是一个开源的项目,提供了 HTML5 用户界面的所见即所得设计工具。该项目完全基于浏览器运行,无需任何附加插件和下载。 标签:Maquetta