wap网站,即WAP(WirelessApplication Protocol)是无线应用协议的缩写,一种实现移动电话与互联网结合的应用协议标准。通俗点讲就是我们所说的手机版网站,对于我们移动端浏览的时候能够有效的为我们节省流量,同时能够完美的在移动端展示出我们的站点,不出现错版等情况。
在wap网站制作过程中,我们要注意以下几点:
不使用绝对宽度
由于网页会根据屏幕宽度调整布局,所以不能使用绝对宽度的布局,也不能使用具有绝对宽度的元素。这一条非常重要。
具体说,CSS 代码不能指定像素宽度:width:xxx px;
只能指定百分比宽度:width: xx%;
或者width:auto;但是有的是需要固定宽度的。
相对大小的字体
字体也不能使用绝对大小(px),而只能使用相对大小(em)。
body {font: normal 100% Helvetica, Arial,sans-serif;}
上面的代码指定,字体大小是页面默认大小的 100%,即 16 像素。
h1 {font-size: 1.5em;}
然后,h1的大小是默认大小的1.5倍,即 24 像素(24/16=1.5)。
small {font-size: 0.875em;}
small 元素的大小是默认大小的0.875倍,即 14 像素(14/16=0.875)。
只要注意了以上几点,那么我们的手机网站基本没有太大的问题了,那么在网站设计过程中,也可以掌握一些技巧。如由于手机版面小的缘故,我们可以尽量减少页面的跳转;另外手机的字体基本是固定的,所以在我们的设计过程中,我们要避免依赖于文本样式的设计,多用文字颜色来制作;还有布局的时候,只能选择左对齐,其他对其方式是不支持的,太过复杂的布局,对于手机网站来说也是浮云,人家压根不支持啦。
垒越科技在手机网站制作方面有着丰富的经验,可以有效的避免手机版网站容易出现的一些问题。而且我们同步熟悉了搜索引擎对手机版采集的不同规则,能够让您的站点很容易在手机版获得较好的排名。
上海云轩网络版权所有 Copyright©2008-2018 http://www.lvon8.com All Rights Reserved 备案号:沪ICP备14049216号