html - 第一个移动站点

Question

我正在着手制作我的第一个移动网站。它很简单，应该很容易，但我确实有一些问题:

请回答任何或所有问题!

1) 我如何告诉网站将“styles_mobile.css”表提供给移动流量？有最常用的代码吗？

2) 我有一个索引页面，正在创建一个新的移动页面:“/index_mobile.htm”是“错误的”。移动页面应该是它自己的实体(例如/mobile.htm)还是基于现有的索引页面？我如何重定向它？如何创建地址“m.mywebsiteaddress.com”

3) 目前，我正在我的笔记本电脑上进行编辑，然后查看它们的外观，我必须将它们上传到我的 ISP 才能在我的 iphone 上查看我的编辑效果 - 我如何直接从我的 Mac 上执行此操作？

4) 有标准的 html 元素结构吗？例如。标准文档有 html、head 和 body 元素。 HTML5 现在有页眉、导航和页脚元素 - 是否有任何我应该注意的 mobi 特定元素？

目前就这些，但我可以预见自己会在接下来的几天内添加更多内容。欢迎任何指点或临时建议

Answer 1

我对移动设备的经验是，您需要将其视为完全不同的网站。不同的html，不同的css，不同的js。我见过的许多实现只是将其标记为地址 m.site.com 或只是 www.site.com/m/。关键是要分别考虑它们。

关于您的问题:

1. 有多种框架可帮助根据设备区分流量。诀窍是检查浏览器发送的用户代理以进行区分。根据用户代理，您可以将流量发送到您创建的两个站点中的每一个。 Spring 有一些基本功能可以做到这一点 spring-mobile .

2. 这可以追溯到我回答的第一部分。我通常创建一个名为/m 的目录，其中包含html、css 和js。您可以使用 http redirect ，基于用户代理，将流量发送到每个站点。至于创建 m.site.com，这取决于您的设置以及您是否可以创建子域。

3. 您可以直接在 mac 上发布，具体取决于您使用的软件。在您的 Mac 中，您可以转到系统偏好设置/共享并启用网络共享。这实际上会激活您 mac 中的 apache 服务器。如果您将文件放在/Users/yourid/Sites/project 中，您可以通过点击 http://yourlocalip/~yourid/project 来访问它。 .我是凭内存做的，所以我可能会在这里或那里离开。

4. 我建议您看看用于您的移动网站的 jquery + jquerymobile。它将消除这个过程中的很多悲伤。