登陆

移动设备友好型网站

城南二哥 2019-09-07 576人围观 ,发现0个评论

移动设备友好型网站

2019-08-11 07:27:25来源:未知 作者:admin

现今,人们随处都可以通过WIFI使用移动设备浏览网页。这种大背景下如果你的网站不能很好的呈现在网民面前,注定要失去网民。因此我们需要学习如何为移动设备,诸如iPhone, 智能手机, PDAs, 以及手持电脑等设计网站。

 
为移动设备设计网站的四要素:

1. 坚持使用基础的HTML标签诸如p, br, b, i, pre, headers (h1-6), blockquote, center, ul, ol, li, images等
2. 避免使用框架,层,映射图,插件,JS,Java 和CSS
3. 保持布局小且整洁
4. 注意图片的呈现形式

图片

移动设备的图片处理非常棘手。大多数手机浏览器都支持图片元素,但有些却没有颜色,并且图片分辨率也比PC要低很多。图片的大小也是个问题。之前许多手机的屏幕都是150x150像素的,现在虽是进入大屏时代,但因手机本身局限性,就决定其屏幕无法有太多的扩展空间。这时设计师就想到把图片压缩以求适应手机屏幕,结果往往是图片效果非常差。但如果不压缩图片,图片像素超过手机屏幕,用户浏览起来又会非常不方便。

网站内容

内容是手机版网站成功的关键。网页要保证有足够的内容供手机用户浏览,但也不要多到无法点击阅读的地步。上传内容前,你应做好规划,什么是首要的,什么是次要的,什么是不重要的,再按照比重上传内容。之前苏州网站建设小编也介绍过网站的文章内容要简练,手机网站也属网站范畴,因此网站内容同样要精简。

制作移动版网页Tips:
  1. 控制移动版网页的大小
  2. 导航要清晰精准
  3. 避免上传对导航和易读性没有任何帮助的图片
  4. 在智能手机和掌上电脑上测试移动版网页
移动版网站建设应用比较广的技术是响应式设计苏州网站建设小编也介绍过。移动设备网站建设,响应式设计必不可少。大家可以去阅读以下。 AAEGRTHRTH
请发表您的评论
请关注微信公众号
微信二维码
Powered By Z-BlogPHP