• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >心得技巧 > 关于开发手机网站的一些总结

关于开发手机网站的一些总结

作者:佚名 字体:[增加 减小] 来源:互联网 时间:2017-08-06

本文主要包含手机网站,web手机网站等相关知识,佚名 希望在学习及工作中可以帮助到您

手机版网站起码要实现一些基本的功能吧:

1.页面的适用性问题:

对于移动终端,有不一样的分辨率与屏幕尺寸,如果还像电脑端的设计还限制网页的宽度为1003px或其他像素值,字体大小还用12px或14px,那么,不一样的终端的效果差别会很大。所以这里,最好让网页的宽度自适应屏幕,还好,w3c在设计html的时候为我们考虑了这一点,只需一句话,就可以搞定,就是加上


2.版本制作问题:

移动页面往往针对不同的手机设置不同的版本,一般有精简版,标准版,3G版,触屏版,智能手机版等等,这些除了在页面设计上有不同外,页面语言也会不同的。精简版采用wap 1.0 的wml脚本编写,这个通用性以前很强,很多国产手机都支持这个语言的,但这个语言是很精简的。标准版的一般可以采用wap 2.0技术,对应的脚本语言是xhtml mp(xhtml mobile profile),这个语言是xhtml的子集,这个并且支持大部分的css,基本上和电脑版的差不多,但一般不能用js,这是考虑到这些手机是不支持js的。对于智能手机版,由于现在的智能手机都支持js,这个版本的制作上就简单多了,不过,又由于大部分智能手机(基本上除去塞班手机,包括Android,ios,wp7等)都支持Html5,因此,智能手版可以采用html5来制作。

3.版本控制问题:

可能这部分是比较不好解决的,怎么智能判断手机的最佳版本并跳转,可以从这几个方面考虑。一方面,可以想办法得到手机的操作系统,比如,Android的,ios的,就可以跳转到html5版了,windows系统,毫无疑问电脑版,获得手机系统,可能通过得到手机型号,现在的方法是通过浏览器的UA(user agent),获得手机的一些信息,简单一点的,直接可以通过UA判断手机的制造产商。要想获得更多的信息,就得有一个数据库,因为不同手机型号会有不一样的UA信息,世界上的手机有很多,自己要想做一个这样的数据库还是很难的,不过,已经有人为我们做好了这样的数据库,或者更方便的,做好了一个识别手机适用最佳版本的函数库,这里我推荐用Wurfl。另一方面,可以通过页面的脚本来判断浏览器对js和html5的支持,代码如下


如果你仅仅想开发一个版本,只是判断一下是不是移动客户端,这里引用一段discuz! x2的代码


4.手机版本的大小问题:

一般来说,对于精简版和普通版的手机网页,我们是做得越精简越好,能省的代码最好省去,毕竟现在手机流量对用户来说还是很宝贵的。比如元素命名,一般页面少的话,命名越短越好,css最好写在一行。css中,有些元素是继承父类的样式的,不用重复定义,善用默认值。

5.浏览器缓存:

如果再更新不快的情况下,最好开启浏览器缓存。

您可能想查找下面的文章:

  • WEBAPP开发技巧小结(手机网站开发注意事项)
  • 关于开发手机网站的一些总结

相关文章

  • 2018-08-23如何设计一张高品位高水准的海报?高手的秘诀在这!
  • 2018-08-23如何超越读者预期,更大概率地写出一稿过的文案?
  • 2018-08-23为了让LOGO 更有个性,高级设计师都学会了这招!
  • 2018-08-23基础小科普!8种常见的版式设计方法汇总
  • 2018-08-23从景观到 AI 产品,这个设计师自己开发了一个「招行版鲁班」!
  • 2018-08-23腾讯出品!从零开始制作设计规范的实用指南
  • 2017-08-06Bootstrap3.0学习笔记之栅格系统案例
  • 2018-08-23Airbnb设计经理:一个好的交互设计师应该具备什么素质?
  • 2018-08-23印象深刻!日本有哪些让人称赞的设计细节?
  • 2017-08-06页面设计中table和div的合理应用简要说明

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • 如何做好表单设计?这儿有3个通用的注意要点
    • 在按钮置灰时,该如何提供给用户反馈?
    • 2018年过半,为你总结了这13个主要的设计趋势
    • tinyMCE使用方法与心得详解
    • 好习惯学起来!帮新手提高效率的Sketch高频使用技巧
    • 为什么我的图标这么酷炫,总监却说不合格?
    • 产品需求一直不能落地,还好前辈教我这个流程
    • 授人以渔!用一个清晰的思路帮你掌握移动界面标注
    • 甲方骗我喝了杯奶茶,喝完告诉我这就是设计费?
    • 6个小技巧帮你从线框仔进阶成UE设计师!

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有