手机网页和电脑网页编写的代码一样吗？
不一样的。
手机网页开发。这部分跟web前端开发差别不大，使用的技术都是html+css+js。区别为手机浏览器是webkit的天下，pc端是IE的天下。手机网页可以理解成pc网页的缩小版加一些触摸特性。因为是在浏览器中进行的网页开发，所有最终代码具有跨系统平台的特性。
app前端开发。使用的技术也是html+css+js，但它需要基于PhoneGap等开发平台调用手机核心功能接口（包括地理定位，加速器，联系人，声音和振动等）模拟native app，这部分跟web前端开发完全不同。最终代码发布要分别编译成各系统平台的app。
在工具上，手机版网页和电脑版网页没有什么区别，可以根据自己的喜好。我是喜欢用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，这样能做出很多效果。
