需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html。
2、在index.html中的<head>标签中，输入meta代码：<meta name="viewport" content="width=device-width, initial-scale=1">。
3、浏览器运行index.html页面，此时PC端的网页在移动端上也能自动适配。
不管是制作手机网站，还是常用网站，有一个良好的习惯最好。现在大多数人都会选择页面和CSS分离，连接式。这样既可让你代码清晰，管理方便，而且别人打开你网站的时候速度还快，一般用DIV+CSS都会选择页面和CSS分开，只有极少数用TED切图的人会把CSS放在页面上，那样看着比较乱，而且还加载慢，这样无形中会给浏览者带来不快。
建议你CSS分开，独立。
你说手机网要注意哪些，这个说不清楚，看似常用网和手机网没什么区别，但是区别还是有很多的，你去网上查询一下WEB3.0上面有提到，个人感觉手机网注重的是文字资讯呈现，而不是常用网那样图文呈现，手机网网速慢，所以尽量少放图，还有一点就是每款手机的分辨率不一样，所以你在定义CSS的时候最好用百分比定义，慢慢的在实践中学习，你就会找到窍门了~
