制作移动网站的10大方案

标签： 制作 移动 网站 | 发表时间：2013-04-01 07:38 | 作者：[email protected] (鲁塔弗)
出处：http://lutaf.com

我想给博客优化手机访问效果，最初的想法是想研究一下UC浏览器是否开放Api( UC会解析网页，裁剪之后重新拼装成适合移动端访问的布局,原理和目前火热的read it later 一样)，我只需要提供一个url，api自动为移动端优化。 结论是没有这样的api

lutaf.com是基于 bootstrap css框架. bootstrap本身也提供流式布局，可以做一个web/mobile 自适应的页面效果，这个会大大提高css编程的复杂度，对css编程技巧要求较高。

而且mobile site的page会更简单，更符合移动的产品风格，不应该是由web 页面的简单缩放。于是进一步研究之后发现有如下几种方案

  1. http://siteapp.baidu.com 直接给你生成一个wap站，百度根据你的规划抓取你选定的页面进行编辑，然后重新拼装。这个在技术上很难做好，因为抓取网站并解析，其实都是人工写模板的，如果你用wordpress这种著名系统搭建的网站，百度能处理的好，但如果是自己写的站点就难说了。

    另外百度site需要审核，需要验证，相当麻烦，放弃

  2. 功能类似的还有 https://www.uppsite.com/ 和 http://www.dudamobile.com/，大家可以尝试，如果是国内的网站，建议还是用百度siteapp

  3. http://html5rocks.com 提供一个mobile css，需要自己写html代码的，没有看懂,放弃

  4. mobile-boilerplate,一个mobile site css框架，纯3无产品，(无文档，无demo，无screenshot)

  5. bootstrap 本身提供流式布局，可以做一个pc/手机 自适应的页面效果，很复杂

  6. http://www.google.com/gwt/n google帮你转换成适合手机阅读的样式，实时转换,很符合我最初的想法，不过页面效果不是很好

  7. jQuery Mobile 基于jquery的移动网站开发库，上手简单，也需要重写前端代码，做出来的是 app style网页

  8. dojo Mobile，另外一个html5 移动 开发工具，基于dojo 库

  9. xui a simple javascript library for building mobile web applications.,也是js的开发库

看上去都很麻烦，最后只能勉强选择jQuery Mobile，却有惊喜

相关 [制作 移动 网站] 推荐：

制作移动网站的10大方案

- - 鲁塔弗的博客
我想给博客优化手机访问效果，最初的想法是想研究一下UC浏览器是否开放Api( UC会解析网页，裁剪之后重新拼装成适合移动端访问的布局,原理和目前火热的read it later 一样)，我只需要提供一个url，api自动为移动端优化. lutaf.com是基于 bootstrap css框架. bootstrap本身也提供流式布局，可以做一个web/mobile 自适应的页面效果，这个会大大提高css编程的复杂度，对css编程技巧要求较高.

移动开发：学习手机网站设计和制作的25个优秀案例

- - 博客园_梦想天空
　　移动互联网时代将要来临，预计未来几年，移动互联网的用户访问量将超过传统的PC互联网. 目前大量的用户通过手机上网冲浪，对于设计师来说，他们需要制作出更优秀的移动网站以吸引更多的用户访问. 为了帮助大家学习手机网站设计，我从网上收集了25个优秀的国外手机网站设计案例分享给大家. 10套精美的免费网站后台管理系统模板.

Google移动网站设计原则

- - 36氪 | 关注互联网创业
Google刚刚 发布了由Google与AnswerLab联合打造，名为《Principles of Mobile Site Design: Delight Users and Drive Conversions》的移动网站设计原则白皮书. 白皮书提到，为了愉悦用户和推动转化率，移动网站设计应该遵循25个设计原则.

中国网站开发者在网吧精心制作反腐网站

- valid00 - hUrR DuRr

9个功能强大的信息图制作网站

- - 互联网的那点事
如今信息图（infographic）已越来越多地用于我们的工作与学习中. 它会帮助你把数据和信息以视觉化的形式迅速直观地传达给受众. 本期的互动中国分享带来了9个功能强大的网站，这些在线网站可以帮助你制作信息图，便捷又迅速. visual.ly可以帮助你在极短的时间里免费创建信息图. Piktochart能够帮助没有设计经验的用户，只用简单的三个步骤便可创建、分享和得到信息图.

奥巴马筹款网站的制作过程

- - 博客 - 伯乐在线
1. Kyle Rush是一个网站工程师. 2011年6月，他加入 BarackObama.com，负责设计2012美国大选的奥巴马官网. 除了宣传，官网的主要目的就是筹款. 上一次大选，奥巴马筹到了6.9亿美元. 这是一个很大的数字，但由于过去4年美国经济一直没有起色，本次大选势必要投入更多的资金，团队内部估计资金需求将达到创纪录的10亿美元.

百度调整移动搜索排序算法，鼓励网站移动化

- - ITeye资讯频道
近日， 百度宣布开始对移动搜索排序算法进行调整，鼓励网站运营者与站长进行手机页的优化. 同时，还将为站长和开发者提供手机建站、提交和优化等全套免费服务. 此前，谷歌也宣布其 GoMo服务与DudaMobile合作，免费提供网站移动化服务. 据了解，2011年中国移动互联网用户规模达4.3亿，环比增长50%，但传统网页的终端适配一直未能得到有效解决，影响了这一移动用户群体的应用体验.

创意产品闪购网站Fab.com推出移动应用

- kxxoling - 36氪
创意产品闪购网站Fab.com今天推出了一系列适用iPhone、iPad和Android设备的移动应用. Fab.com究竟是一个怎样的网站呢. 公司CEO Jason Goldberg对此作了一番描述：“我们选择一些喜欢的创意产品放在网站上，我们并不会将这些产品分类，其中就有风筝，自行车，扬声器，地图等等.

八个移动产品设计必备网站

- - 天涯海阁|Web2.0Share
好吧，又在 爱库上发现了很棒的 专辑，和大家分享. 移动产品设计人员一定需要大量的使用其他各类应用，并且需要在产品设计时大量参考其他的移动应用的产品设计，这时如果有一些网站可以将很多优秀应用的不同流程分类展示，那一定是移动产品设计人员必备的网站. 一、Patterns of Design. Patterns是一个分享ios应用UI界面的网站，专注于分享iOS应用UI界面的细节，按照设计元素进行分类，按照iOS常用功能对各类UI进行分类展示.

移动友好型网站将访客变为客户

- - Google 黑板报 - Google （谷歌）中国的博客网志，走近我们的产品、技术和文化
发表者：Masha Fisch, Google移动广告营销部. 身处一个连通无处不在的世界，用户希望在他们有需要时，尤其是他们在四处奔走时，找到想要的信息. 我们知道，他们在使用手机浏览网页时，也希望如此，所以我们进行了一项调查，以深入了解用户在使用手机上网时的期望与反应. 非常有趣的结果是，61%的用户指出，如果在某个移动网站上无法立即找到所需信息，他们会快速转向另一个网站.