网站的多样化发展之下，移动类型的网站也顺应着时代的潮流发展迅速，如今人们的衣食住行都已离不开移动设备，建设移动类型网站对于企业来说已经刻不容缓，然而移动类型网站与传统网站各方面都有所区别，有着独立的一套标准，不能以传统网站的标准来制作。那么这里来谈谈移动类型网站制作从头到尾全方位的攻略。

　　其实不止是与传统网站在制作上问题不同，与前几年移动类型网站也不同了，因为网速的更新换代使一些被限制的元素能够应用到网站中，而不用像以前那样担心加载太慢或是加载不出来的问题。手机为代表的移动类型网站也可以呈现丰富的内容了，从页面的制作开始：

　　一、页面导航的制作，在传统网站上制作导航时一般会采用横向排列的方式，将导航制作在页面的上方，但在移动类型的网站上就不能这么做，因为屏幕不像电脑网站这么宽，如果横排的话最多显示三个栏目就要换行，八九个栏目的情况下将手机半个屏都占去了，所以不能这么制作，需要通过隐藏的方式来制作，比如制作一个菜单按钮，放置在页面的右上角，通过触摸点击使其下拉弹出导航，以竖排的方式排列出来，当不需要点击导航时同样可以通过点击关闭，这样一来从根本上解决了空间占用的问题，像抽屉一样，用时拉出来，不用时推进去即可。

　　二、页面的排版方式，移动类型的设备不像电脑网站那样可以显示这么多内容，所以在排版上面也不能太复杂，比如电脑的左中右结构、嵌入结构等，都不能这么排版，不然浏览起来就会挤成一团，难以分辨。需要通过简约排版的方式，比如通栏的方式，产品列表在竖屏模式式一排最多显示两个，新闻列表则最多一行显示一条新闻了，多了则会乱。就是把电脑站的宽度，都转化为移动类型网站的高度，但这样做无疑会使页面变得非常的常，经常往下滑半天都不到底，可以适当的缩减一些栏目的数量，如果栏目缩减不了，那可以考虑在制作时加入延迟加载的方式，或是将每个栏目所展示的内容进行缩减，比如新闻的简介可以少显示几行，产品也是同理，想要看更详细的内容需要去内页才能浏览，以此防止网站加载速度过慢而影响体验。

　　三、图文方面的制作方式，在制作电脑网站的时候，网站制作公司通常会采用固定像素的方式与定义图文的大小，比如图片要显示多大，就固定多少像素写上去，还有文字的大小会以固定的像素来限制大小，以此来保持到排版的整洁。但在制作移动类型网站时就不能这样了，因为移动设备并不像电脑那样有着不少于1200像素的宽度，有的宽有的窄，所以文字与图片方面要采用相对大小的方式制作，比如图片大小用百分比来表示，文字用em单位定义。