如何制作移动网站如m.yahoo.com(手机版)?

时间:2011-12-28 08:50:03

标签: html html5 mobile

我是移动网站开发的新手我想开发一个移动网站,我对(m.yahoo.com)印象深刻。任何人都可以告诉我如何才能制作这种类型的移动网站?移动网站的这种开发需要哪些技术?

4 个答案:

答案 0 :(得分:5)

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

  1. 您是否希望为桌面和移动设备提供2个独立的域名(例如www.yahoo.com和m.yahoo.com)
  2. 您的设计在每个视图中的外观如何?
  3. 以上是重要决策,因为市场上不断出现新设备(手机/平板电脑等)。所以你需要设计一些可以在将来轻松扩展的东西。

    谈到这一点,设计移动网站有一个非常好的方法。它被称为响应式Web设计(或流体设计) 在这里,你不硬编码任何尺寸(宽度/高度/填充/边距等)并指定%(在CSS中)中的所有内容 这可确保布局根据查看屏幕的屏幕进行自我调整,因此不会与任何特定设备相关联。

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

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

    如果您需要任何其他信息,请与我们联系。

答案 1 :(得分:2)

从桌面/平板电脑网站为您的移动网站设置不同的域名有一个缺点。它使得在网络上共享内容变得困难。如果您在移动网站上共享某个网址,则访问该网址的所有用户都会看到移动版本,即使他们在桌面上打开它也是如此。

如果您使用django创建网站的桌面版本,则可以使用django_mobile之类的内容来为具有相同网址的移动版本提供服务。它从HTTP标头中嗅探用户代理并提供适当的版本。有些人认为这不太可靠,而且更喜欢前一种方法。

答案 2 :(得分:0)

您必须为此购买单独的域名....此链接中的步骤很容易遵循steps to create a mobile web

答案 3 :(得分:0)

没看过雅虎的来源,但外观让我想起了这个项目,http://jquerymobile.com/