如何制作m.yahoo.com(移动版)等移动网站



我是移动网站开发的新手,我想开发一个移动网站,我对(m.yahoo.com)印象深刻。有没有人能给我任何想法,我怎么能使这种类型的移动网站?这种类型的移动网站开发需要哪些技术?

有很多方法可以做到这一点。但在此之前,您需要考虑一些事情;

  1. 您是否希望有2个独立的桌面和移动域名(如www.yahoo.com和m.yahoo.com)
  2. 你的设计在每个视图中看起来如何?

以上是需要做出的重要决定,因为市场上不断有新设备(手机/平板电脑等)出现。所以你需要设计一些可以在将来很容易扩展的东西。

说到这里,有一个非常好的方法来设计移动网站。它被称为响应式网页设计(或流体设计)在这里,你不硬编码任何尺寸(宽度/高度/填充/边距等),并指定所有的%(在你的CSS)这确保了布局会根据它所处的屏幕自行调整,因此不会绑定到任何特定的设备。

除此之外,你还需要了解移动设备的视口。

除此之外,对于Javascript,你可以考虑像jQTouch, jQuery Mobile, Sencha Touch(更复杂的网站)这样的库,甚至像flowplayer插件这样的基本库。

如果您还需要其他信息,请告诉我。

为你的移动网站和桌面/平板电脑网站使用不同的域名有一个缺点。这使得在网络上分享内容变得困难。如果你在一个移动网站上共享某个URL,那么所有访问该URL的用户,即使他们在台式机上打开它,也会显示该URL的移动版本。

如果你已经使用django创建了你的桌面版站点,你可以使用类似于djjango_mobile的东西来为移动版提供相同的url。它从HTTP头中嗅探用户代理,并提供适当的版本。有些人认为这种方法不太可靠,而倾向于前一种方法。

您必须购买一个单独的域名....这些步骤很容易按照这个链接步骤创建移动web

没有看雅虎源码,但观感让我想起了这个项目,http://jquerymobile.com/

最新更新