您好,欢迎来到衡水营丽网络! 24小时服务热线:138-3180-2765
您当前位置:衡水营丽文化传媒有限公司 >> 建站常识

手机网站是如何制作的

时间:2017-05-10 23:32:54     信息来源:     点击:1次

 

随着网站的发展前5年我就会觉得手机网站有发展前途,但是没有我相像的那么做大,现在手机网站制作大有人在,跟这跟电脑网站建设没有多大区别,会那代码就能改这网站,手机网站制作在工具上,手机版网页和电脑版网页没有什么区别,可以根据自己的喜好。我是喜欢用Dreamweaver的,而且Dreamweaver cs6有个多屏预览的功能,可以很方便的预览手机、平板、PC端的效果。不过Dreamweaver 挺大的,还有很多比较快比较好的编辑器,比如EditPlus,这还是看个人的习惯和喜好了。推荐一个编辑器sublime text,我自己觉得超好用。在代码方面的话:首先得加上这样的一行。设置宽度、高度、是否能够缩放。然后,主要是要考虑适配。比较好的是做到自适应。这个可以搜一下,我记得月光博客里面就有篇很详细的。其次,可以用@media only screen and(min-device-width : 320px) and(max-device-width : 480px){ }来对不同像素的屏幕写不同的样式。可以看下知乎的登录页面,用的就是@media。手机网站制作再然后要考虑的是用户体验。简单的拿个链接来说,在PC端因为有鼠标,很容易点到。可是手机端就不一样,就几个字的链接很难点到,所以就要扩大点的面积。这就是为什么会出现电脑版的网页和手机版网页。其实做手机版的网页有个好处就是可以大量的使用HTML5和CSS3,这样能做出很多效果。

【无数据记录】   【下一篇