建站知识
首页 > 网站建设 > 建站知识 > 手机网页设计和制作的七个关键点,让你避免走一些现在的弯路

手机网页设计和制作的七个关键点,让你避免走一些现在的弯路

发布时间:2021-04-04    来源:广州网站优化公司     浏览次数:

未来,移动互联网市场将越来越大。随着越来越多的人整天拿着手机浏览互联网,许多移动网页的设计都不理想。实际上,移动网页设计比预期的容易得多。本文介绍了移动网站设计和生产的七个关键点,以便您可以避免绕开当前的移动网页。本教程适合那些在传统Web设计和开发方面有一定经验的人。用户。

1.移动网页的标记语言

WML

WML(无线标记语言,WirelessMarkupLanguage),早期的移动Internet访问只能通过wap网站进行网页制作步骤,而WML是用于制作移动wap网站的主要标记语言,与HTML相比,它可以消耗更少的内存和cpu。

由于WML主要针对早期和低端手机,因此它已逐渐被其他技术取代,现在学习移动Web设计和生产可以完全忽略WML。

但是仍然有一些手机,例如超低价手机和低端手机,例如诺基亚1100,它们拥有大约200万用户。如果移动网页的受众是这一群人,则仍应使用WML。

XHTML

未来智能手机的市场份额将越来越大。考虑到这一点,我们现在将在设计和生成移动网页时使用更熟悉的标记语言Xhtml。

现在大多数智能手机浏览器都可以正确处理Xhtml,并且可以识别两种类型的HTML。

①Xhtml:基本,与桌面浏览器相同的Xhtml

②Xhtml-MP:用于智能手机的Xhtml

这两种类型的区别Xhtml-MP包含相对较少的元素和相对宽松的限制,可以适合在移动平台上呈现。

实际上,在设计和制作移动网页时网页制作步骤,其中许多直接使用Xhtml,这不是什么大问题。

2.电话类型

解决问题:这个问题已经开始出现在视频制作领域,因为在许多电视的分辨率为4:3之前,现在它们是宽屏的,许多视频制作人都不知道该如何放置。徽标和信息。这也是Web设计人员和开发人员经常遇到的问题。

在移动网页的设计和生产中,这个问题更加困难。不仅必须考虑分辨率和尺寸兼容性,而且设计和生产还必须考虑不同手机屏幕的形状。下图显示了手机的不同分辨率。屏幕形状从几乎正方形到矩形不等,在设计和制作移动网页时几乎令人发疯。

根据屏幕大小,手机可以分为几种常见的类型,例如:

·128x160像素

·176x220像素

·240x320像素

·320x480像素

通过这种方式,在设计和制作移动网页时,您可以更有针对性。应该注意使移动网页尽可能简单,因为移动电话没有鼠标,只能上下移动,用户无法轻松切换页面。

手机市场不仅有非常高端的iPhone和Google的Android手机,而且还有一些带有单色点阵显示器的低端诺基亚手机。这些低端机器在浏览移动网页时有很多限制,例如屏幕分辨率,渲染Xhtml性能等。因此,如果您的移动网页针对这部分用户,则最好使用WML。

另一方面,iPhone和NexusOne等高端智能手机的渲染网页性能可与台式机浏览器媲美。对于这部分用户,良好的用户体验非常重要。它受到手机传输速度的限制。对于移动网页的目标客户来说,用通用计算机上浏览的网页直接替换移动网页是不明智的。的行为。

3.移动网页的目标群体

在为任何网站设计网页时,您应该了解您的目标群体,以便向他们提供最合适的信息。

在设计和制作移动网页时,这一点尤为重要。因为您不仅需要了解目标人群,还需要了解他们浏览移动网页时的场景。

浏览传统网站时,访问者会坐在带有大屏幕的桌子上。移动网页的访问者可能正在排队等候,等待发送,坐在地铁里等等。

如何区分?在这一点上,我们可以向Google学习。 Google已投入大量精力来制作适合于手机的Web应用程序。 Google开发人员将观看移动网页的人分为三类。这对于我们设计和生产移动网页非常有用。

A:一般的手机用户

一般用户在手机上访问网页,并使用计算机访问网页。他们并不特别热衷于任何领域,他们只是利用自己的空闲时间浏览网络。

上一篇:西安完美信息明确企业建站主要目的,做好网站建设

下一篇:我要做一个在线购物网站,不知用什么技术好呢?

返回顶部

售前客服QQ

售后客服QQ

加微信交谈

加微信交谈

x