如今已经是移动互联网时代了,我们在做重庆网站建设的时候已经不能单单只做电脑版本的网站了,因为现在移动端的用户群体更大了,人人都有手机,但是却不是每个人都有电脑,所以,我们在做重庆网站建设的时候一定要考虑做手机版的网站了,最好是电脑版和手机版的网站都同时做,这样你所覆盖的面就比较广了。今天天果网络的小编就来给大家说说手机版网站制作的方式和注意事项有哪些?
一、手机版网站的制作方式
手机版网站的制作方式大概有两种,第一种就是传统的手机版网站建设,就是专门针对手机的分辨率开发一套代码,另外一种就是现在比较流行的自适应网站,就是同一套代码可以适应电脑端和手机端。这两种方式各有各的优缺点,至于优缺点是什么,可以去翻一下小编前几天的文章,前几天的文章有说传统网站和自适应网站各自的优缺点,看了之后你大概就知道自己该怎么选择了。
二、手机版网站制作的注意事项
1、手机版网站内容不宜过多
手机端网站制作和电脑端网站制作还是有很多区别的,电脑端网站的制作因为显示器比较大,内容可以放多一点没关系,但是手机端的屏幕只有那么小一点,所以我们在设计手机端网页的时候就要注意了,内容不适合放置过多,不然用户看起来就会很拥挤的感觉。
2、手机版网站的导航
传统的电脑网站的导航都是直接一排横着排过去,但是我们手机屏幕的宽度就那么一点,还是想电脑端网站那样横着排的话估计放不了几个,所以我们手机端网站的导航设计最好是那种收缩的,就是点击导航然后弹出所有导航,在点击导航就收缩回去,收缩回去后不占地方。
3、更新内容的时候
手机版的网站虽然是在手机上面打开,但是我们在添加网站的内容的时候肯定还是在电脑上操作,这就有一个问题了,比如我们在添加网站文章的时候,文章里面有插图的,这个时候我们在后台上传图片的时候就可以在标签里面去图图片制定宽高,为什么呢?因为html有个原则,就是标签内部的属性优先级是最高的,就是在图片的标签里面制定的宽高后,css里面设定的宽高就不起作用了,由于电脑和手机的分辨率差别很大的原因,设置了宽高的图片在手机端上显示可能就会超出屏幕的可是范围,造成很不好的用户体验,而不在标签里面给图片制定宽高的话,我们的css里面一般都设定了图片的max-width为100%,就是图片不管多大,最多显示100%就是占满整个宽度。