手机html网页和电脑上的html网页在制作上有什么区别
1.导航设计
手机端页面导航应当包括用户必要的内容，删除屏幕上不必要的链接，假如链接的详细页面内容不是用户想要的，用户不会点击，也就没必要设置。其中建立导航功能键的时候，其中以回到首页、回到上一页这两个最为重要。
2.网站名称或logo的设计
手机网页的顶部没有标题栏或地址栏，相应地，也就没有网站标题和图标。所以设计页面的时候应该让用户知道，他们现在所浏览的网站名称或logo，这对塑造品牌也很重要。
3.页面排版
从用户角度来说，他们希望阅读所有的内容，所以我们进行内容呈现，只是用隔断、重组、引语、线条或其他视觉方案来让这些内容更容易访问，使这些板块显得更都雅。
4.利用手机的天生优势
手机有着许多传统电脑所没有的优势，其中最大的优势就是移动力，因此手机版网页应该要特别发挥这些特性，让手机网页具有一般网页更多的优势。如：
移动定位：大部分的智能设备都有导航、定位的机制，可以让客户主动找到企业的位置。
移动联系：如果用使用的是移动电话，可以立即发话;或者直接跳转到通讯工具在线聊天;
邻近地点：如果企业有很多据点，请告诉用户，在他附近有哪一些地点是便于他能够抵达的。
在工具上，手机版网页和电脑版网页没有什么区别，可以根据自己的喜好。我是喜欢用Dreamweaver的，而且Dreamweaver cs6有个多屏预览的功能，可以很方便的预览手机、平板、PC端的效果。不过Dreamweaver 挺大的，还有很多比较快比较好的编辑器，比如EditPlus，这还是看个人的习惯和喜好了。
推荐一个编辑器sublime text，我自己觉得超好用。
在代码方面的话：
首先得加上这样的一行。设置宽度、高度、是否能够缩放。
<meta name="viewport" content="width=device-width,inital-scale=1.0,minimum-scale=0.5,maximum-scale=2.0,user-scalable=no">
然后，主要是要考虑适配。
比较好的是做到自适应。这个可以搜一下，我记得月光博客里面就有篇很详细的。其次，可以用
@media only screen
and(min-device-width : 320px) and(max-device-width : 480px){
}
来对不同像素的屏幕写不同的样式。可以看下知乎的登录页面，用的就是@media。
再然后要考虑的是用户体验。简单的拿个链接来说，在PC端因为有鼠标，很容易点到。可是手机端就不一样，就几个字的链接很难点到，所以就要扩大点的面积。这就是为什么会出现电脑版的网页和手机版网页。
其实做手机版的网页有个好处就是可以大量的使用HTML5和CSS3，这样能做出很多效果。
对于这些的话，看附件里面的学习方法有帮助的
