移动

教学法

下载

赞助商链接

该智能手机优化的网站的基本布局

如果Web我们习惯于尽情享受无尽的布局和空间组合自己，为智能手机设计的网页，我们回顾我们的创作野心，或至少调整为观看我们的工作旨在显示规模有限。

注意：视频分辨率各不相同，当然，根据型号不同，新一代智能手机大部分已经具有从最低的240到480像素的最大宽度显示。最常见的分辨率可以指望，在肖像模式，在一个320像素的宽度。

忘记布局，然后两个，三个或四列！从我的观点是唯一可行的解决方案，以保证良好的实用性，以内容来看，是单柱设计，其中所有的内容是沿垂直顺序级联 （即低于其他一） 组织的 。当您创建一个网页，记得往常一样，最重要的就是要保证良好的实用性，更因此当显示仅限于智能手机，简单永远是最好的路向。

正如你可以看到，我们的结构非常简单，由最初的三个部分：

页面的中央部分，反过来，将用于住宅（其中因您的需要而定）等领域。
一个重要因素，当然是导航菜单，通过它来访问其他网页/网站的领域。如果这些都很少（第一个解决方案）可以直接创建所需的链接工具栏，否则-对空间的原因-它是最好添加一个按钮，点击后显示所有页/地区名单可用的（第二方案）。

此外，最重要的，为内容需要牢记您的智能手机的小屏幕。同样，因此，简单性和线性度，在我看来，最好的选择。

避免不必要的多余的装饰图形是网页设计的很好的规则，它更是开发用于移动设备的网页和相关的显示小尺寸的问题和相关的可用带宽的原因（以及具有成本，此外，3G的带宽并不总是这么快，最好把重点放在什么是必不可少的）。

即使是内容，因此，建议在各个级联布局元素（文字，图片，视频）的后续对方：

在下一课中，我们将看到如何建立在我们的网站的HTML代码开始，当然由<HEAD>，（标题，meta标签和CSS）。

帮助开发用于移动设备的网站

电子学习

	ASP零（电子书）从头开始学习微软的ASP和VBScript。在只有29€。
	Linux操作系统（课程）完整指南开源系统。从49€。
	OpenOffice的（电子书）该管理办公室工作的开源软件。只需25€。

赞助商链接