步骤：
1、点击【文件】【新建文件】【常规】【HTML页面】【打开】
2、如图所示，新建了一个空白的html页面，拆分视图
3、设置页面body样式信息
【-webkit-touch-callout: none-webkit-text-size-adjust: none】
是防止用户复制和保存图片,只支持iphone、ipad、android
4、设置页面的宽度和高度
【.page-content{background:-webkit-linear-gradient(#2F5A53,#6CA199)top:352pxmin-height:550px_height:550pxwidth:640px }】
5、【关键点】
新建一个div标签，样式使用page-content
6、在段落标记<p>里面输入文字信息，这里天使就不排版了，主要是教大家方法，然后保存网页。
7、将网页上传到服务器目录下
8、输入网站域名，在电脑上访问可以看见效果，只有左侧部分
9、使用手机访问，得到如图所示效果，就不会像直接书写html代码一样文字很小
手机网站网页设计应该注意什么问题：
1、网页宽度不用像素表示，用百分比表示（如：width=100%）；
2、左间距、上间距设为0；
3、屏蔽图片显示；
4、charset使用UTF-8编码（国际化编码），不使用gb2312编码。
这个还用说，其实道理和PC端网站是一样的道理。因为现在用户慢慢转向移动端，所以拥有一个移动网站也是很必要的。
其实自助建站自己做网站都是不成问题了，不管你懂不懂代码，都可以做的。
首先，注册一个凡科帐号，这是开始建站的第一步
第二，登录帐号后，会有建站、互动、微传单三块，一个帐号都可以用，你选择“网站建设”这一块；
第三，进入后台之后，选择自己喜欢的手机网站模板。
第四,就可以开始设计自己的网站，排版、栏目、文字、图片等设计。第五，无论是否完全做好，先保存，再退出。第六，网站做好后，可以为网站添加需要的功能，拖拽就可以实现添加。
怎么制作网站的手机版？想要建设自己的手机网站，不妨参考以下步骤：一、手机网站定位
找准公司手机网站的定位是非常重要的，这也是手机网站建设的核心主题。考虑清楚自己想要建一个怎么样的手机网站？是为了吸引人气互动交流的展示型手机网站？还是为了销售商品拓展渠道的营销型手机网站？面对的服务人群又是哪些？目标客户的具体特征是什么？等等。
二、手机网站内容
根据手机网站建设的定位，确定好手机网站需要包含的具体内容。例如需要包含哪些标题、文案、图片、视频、栏目、页面等等。与此同时，我们还要确定好手机网站内容更新和完善的后续计划，比如定期更新定量的文章、及时分析热门关键词的走向等。
三、手机网站设计
我们需要先按照前面准备好的资料，设计出手机网站框线图，清晰的表达出手机网站整体的架构和交互逻辑。然后我们还需要对手机网站界面进行具体设计，包括对手机网站风格、组件框架、背景配色、字体尺寸等方面的设计。手机网站设计时要遵循实用性和美观性的标准，跟具目标用户的喜好来进行。
四、项目人员
确定好手机网站建设总体项目的管理人是谁？手机网站设计师、程序开发师、手机网站测试师是哪些？手机网站维护和后勤工作者如何安排？做一个清晰的分工计划。
五、建站预算
对公司手机网站搭建做一个预算，计算一下手机网站域名、服务器、设计、程序、素材分别都需要多少的费用，合理的安排出预算资金。
六、手机网站开发
根据上述总体计划，落实公司手机网站建设的开发工作。
七、手机网站测试
手机网站测试为的是在手机网站正式上线前，尽可能的排除掉手机网站建设中存在的漏洞和问题。例如浏览器和终端是否适配、功能按钮链接能否正常使用、显示界面是否完整等。我们需要提前确定好需要测试的方向和内容，以及测试的具体步骤和工具。
八、手机网站维护
手机网站上线后维护的具体措施。比如新内容的发布时间频率、手机网站推广的方法计划、系统安全的保障措施、意见反馈的收集处理等等。
当然，如果大家想要更好的简化上述的步骤，可以选择这个>>自助式建站平台
