9 思维导图式进入Andriod开... :篇一上 | 下一篇: 移动Web开发框架jQuery... : |
|
在平常进行移动端WEB设计时,不可避免会遇到各类问题,采用移动端设计框架能为我们节省不少的工作量。 记得之前了解到Jquery公布了移动Web开发框架jQuery Mobile 1.0 ,并且了解到Adobe基于该框架上开发的设计工具Moble ThemeRoller。 这一如当年我们制作HTML页面需要Frontpage、Dreamweaver一样,现在我们制作移动端的WEB页面有了在线的可拖放、所见即所得的设计方式。 今天在Jquery首页试用了一下更简易版的在线编辑Codiqa,很容易上手。http://jquerymobile.com/ ![]() Codiqa包括了工具栏(顶部、底部、导航)、按钮(普通按钮、文本按钮)、内容区域(字号、文本区域、图像、手风琴区域、网格)、列表、表单等各类WEB元素 直接选择具体工具在页面中拖动布局,右侧可设置相关属性,最终完成后选择右上角的“Download HTML”下载获得生成的打包文件。 【建议直接到官网进行设计操作,多页面同时设计,多移动端系统、多移动端设备设计】http://www.codiqa.com/builder 以下是生成的代码,稍作修改之后一个移动端整站就完成了。 [Ctrl+A 全部选择进行拷贝 提示:可先修改部分代码,再点击运行] 移动端用户可以直接浏览 http://www.cnbruce.com/m/demo/hi.html 在百度搜索完整的移动Web开发在线工具jQuery Mobile Codiqa使用内容,或者用Google搜索相关的更多内容 |
By [cnbruce] at 12:06:13 | 评论 [3] | 浏览 [28993] | TrackBack| 返回顶部 |
9 思维导图式进入Andriod开... :篇一上 | 下一篇: 移动Web开发框架jQuery... : |
![]() |
找了好久,终于找到了!谢博主 http://www.jysns.com |
By [jysns] at 2012-5-6 11:52:59 |