创建移动网站

时间:2013-11-16 18:19:22

标签: android mobile web

我目前有一个专门用于计算机显示器的网站,但是我想扩展到移动设备,但是我不确定如何继续。

这就是我认为应该继续下去的方法,如果我错了,请纠正我。

我可以让我的网站的替代版本在子域名上说“m.website.com”,并为移动屏幕提供动态。然后有一些功能来检测它是否在移动设备上加载网站并在需要时重定向。

我还可以通过创建网页视图并直接从移动网站显示网页来创建Android应用程序。

没有其他方法,更好的选择吗?

2 个答案:

答案 0 :(得分:1)

您所描述的内容可行,但有点过时了。目前的趋势是使您的网站成为“响应式设计”,这是一个流行词,意味着您的设计更改其布局以适应动态显示的用户大小。

精心制作的响应式网站将重新排列列,删除列表数量,例如从桌面上的3到移动设备上的1,以及通常在小屏幕上的布局。

以下是一些不错的起点:

我的一位朋友/同事使这个响应式网站开源,并且收到的很好,可能是学习一些技巧和最佳实践的好地方:

答案 1 :(得分:1)

您可以通过两种方式创建移动网站。您要么为它设计一个单独的移动网站,然后在m.website.com上托管,要么扩展您的CSS脚本以处理网站的屏幕宽度,然后在您网站的每个页面上,您包含一个元标记,以帮助您缩放屏幕宽度然后确定输出什么CSS。

使用以下链接开始学习以及在线搜索更多教程。

http://www.smashingmagazine.com/responsive-web-design-guidelines-tutorials/

http://www.1stwebdesigner.com/css/create-a-responsive-website-video-tutorial(包含视频和示例脚本)

http://www.lingulo.com/tutorials/css/how-to-build-a-html5-website-from-scratch