随着个人移动手机的普及,很多人都有自己的一部智能手机,便携式使用带来的方便,使得在手机上进行网站搜索和观看得到普及,于是移动端访问量近几年逐渐增加,甚至超过了pc端,很多个人和企业也看到这一点了,于是准备制作或改造手机网站,那么如何进行呢?下面具体来讨论一下这个问题。
首先说一下目前通用的几种wap手机网站制作方法:
1.移动适配wap手机网站
所谓移动适配,是指的pc端、手机端是分开制作的,这种一般在很多有了pc站,后来需要制作手机端的情况下制作的,这种网站的好处是pc端和wap端可以独立设计,互不影响,缺点是很多情况下数据不能同步,维护起来比较麻烦,对于推广也增加复杂度,这种一般是采用rem布局和viewport填充手机端可视化区域,以适用于不同手机大小,感兴趣的可以看这篇文章:《移动适配网站是什么》,文章具体的讲了移动适配网站制作和推广的一些知识,如果是新做个人网站或者企业网站,不建议采用这种,建议采用响应式或者自适应来制作wap手机网站,具体请看下一条说明
2.自适应或者响应式wap手机网站
所谓的自适应或者响应式,是指的pc电脑端、手机端、平板电脑端共用一套网站模板,模板会根据设备不同的大小自动调整格式,这种网站制作有很多方法,比如,有采用bootstrap框架制作的,有采用media screen制作的等等,具体请看这篇文章《响应式布局有几种方法,优缺点是什么》,里面较为详细的讲述了各种响应式布局的方法,万书涛的个人博客里的《个人博客模板》里的模板都是采用的是media screen制作的,感兴趣的可以进去查看演示,自适应网站案例截图如下图一。
总之,现在制作wap手机网站方法已经很多了,关键是要根据自己的实际情况来选择合适的方法,如果自己不会做,可以选择网站模板,感兴趣的可以看看万书涛制作的网站模板,都是采用响应式开发制作的。
PS:本文来自万书涛的个人博客,感谢分享。
首先说一下目前通用的几种wap手机网站制作方法:
1.移动适配wap手机网站
所谓移动适配,是指的pc端、手机端是分开制作的,这种一般在很多有了pc站,后来需要制作手机端的情况下制作的,这种网站的好处是pc端和wap端可以独立设计,互不影响,缺点是很多情况下数据不能同步,维护起来比较麻烦,对于推广也增加复杂度,这种一般是采用rem布局和viewport填充手机端可视化区域,以适用于不同手机大小,感兴趣的可以看这篇文章:《移动适配网站是什么》,文章具体的讲了移动适配网站制作和推广的一些知识,如果是新做个人网站或者企业网站,不建议采用这种,建议采用响应式或者自适应来制作wap手机网站,具体请看下一条说明
2.自适应或者响应式wap手机网站
所谓的自适应或者响应式,是指的pc电脑端、手机端、平板电脑端共用一套网站模板,模板会根据设备不同的大小自动调整格式,这种网站制作有很多方法,比如,有采用bootstrap框架制作的,有采用media screen制作的等等,具体请看这篇文章《响应式布局有几种方法,优缺点是什么》,里面较为详细的讲述了各种响应式布局的方法,万书涛的个人博客里的《个人博客模板》里的模板都是采用的是media screen制作的,感兴趣的可以进去查看演示,自适应网站案例截图如下图一。
总之,现在制作wap手机网站方法已经很多了,关键是要根据自己的实际情况来选择合适的方法,如果自己不会做,可以选择网站模板,感兴趣的可以看看万书涛制作的网站模板,都是采用响应式开发制作的。
PS:本文来自万书涛的个人博客,感谢分享。