如何使移动网站像m.yahoo.com（手机版）？ [英] How to make Mobile website like m.yahoo.com (Mobile Version)?

问题描述

我是手机网站开发新手我想开发一个手机网站，我对（m.yahoo.com）印象非常深刻。任何人都可以给我任何想法，我怎么能够使这种类型的移动网站？这种类型的移动网站开发需要哪些技术？

解决方案

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

1. 您是否希望为桌面设备和移动设备分配两个域名（如www.yahoo .com和m.yahoo.com）


2. 您的设计在每个视图中的外观如何？

以上是重要的决策，因为市场上不断出现新设备（手机/平板电脑等）。所以你需要设计一些可以在未来轻松扩展的东西。

谈到这一点，有一个很好的方法来设计移动网站。它被称为响应式网页设计（或流体设计）
在这里，你不要硬编码任何尺寸（宽度/高度/填充/边距等），并指定所有内容在％（在你的CSS）
这确保了布局可以根据它在其上查看的屏幕进行调整，因此不受限于任何特定设备。 除此之外，您还可以需要了解移动设备的视口。除此之外，对于Javascript，您可以考虑jQTouch，jQuery Mobile，Sencha Touch（更复杂的网站）等图书馆，甚至像流行游戏插件这样的基本图书馆。

p>

请让我知道您是否需要任何其他信息。

I'm new to Mobile Site Development I want to develop a mobile website and I'm highly impressed with the (m.yahoo.com). Can any one give me any idea how can I be able to make that type of mobile website? Which technologies are highly required by that type of development for mobile website?

解决方案

There are many ways in which you can do that. But before that, you need to consider some things;

1. Are you looking to have 2 separate domains for desktop and mobile (like www.yahoo.com AND m.yahoo.com)
2. How is your design going to look like in each view ?

The above are important decisions to make, as there are constantly new devices (mobile/tablets,etc) which are coming up in the market. So you need to design something which can be easily extended in future.

Talking of which, there is one very good approach to design mobile websites. It is called as Responsive Web Design (or fluid design) Here, you do not hard code any dimensions (width/height/padding/margin,etc) and specify everything in % (in your CSS) This ensures that the layout would adjust itself according to the screen on which it is viewed on and thus is not tied to any specific device.

Apart from that, you would also need to know about viewport for mobile devices.

Apart from that, for Javascript, you can consider libraries like jQTouch, jQuery Mobile, Sencha Touch (for more complex sites) and even basic ones like flowplayer plugins.

Please let me know if you need any additional info.

这篇关于如何使移动网站像m.yahoo.com（手机版）？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！