手机网站开发流程是啥？跟着这几步就搞定！

最近接个活儿，给一个朋友的公司做个手机网站。好久没碰这块，有点手生，不过好在基本的东西还没忘。今天就跟大家分享下我这几天的折腾过程。

第一步：搞清楚朋友到底想要啥

做网站之前，肯定得先搞清楚需求嘛我这朋友是开餐馆的，他想弄个手机网站，主要是展示下菜单、环境照片，再加个在线预约功能。大概就这些，不算复杂。

第二步：搭个架子

需求清楚，接下来就是搭网站的架子。我直接用个现成的网站模板，省事儿。模板是死的，人是活的，还得根据朋友的需求改改。

• 先把模板下载下来。
• 然后用编辑器打开，对着设计稿，该改的地方改，该删的地方删。

第三步：把内容填进去

架子搭好，就得往里面填东西。这部分主要就是把朋友提供的菜单、照片什么的，按照一定的布局放到网页上。这里我主要注意几个点：

• 图片要压缩：手机网站嘛图片太大加载慢，用户体验不
• 文字要简洁：手机屏幕就那么大，长篇大论没人看。
• 排版要清晰：重点内容要突出，不能乱糟糟的。

第四步：弄那个预约功能

在线预约这块，我找个免费的插件，直接嵌到网站里。简单配置一下，就能用。主要就是设置一下预约的时间、人数这些。

第五步：各种调试

东西都弄好后，就是各种调试。主要就是看看在不同手机上的显示效果，有没有变形、错位什么的。还有就是测试下预约功能能不能正常用。

• 在自己手机上看看。
• 找几个朋友帮忙看看。
• 用浏览器模拟不同手机型号看看。

收工

调试没问题，就把网站上传到服务器，再绑定个域名，这事儿就算搞定。朋友看看，还挺满意的，我也算松口气。这回做手机网站的过程还算顺利，没遇到啥大坑。主要是现在工具多，很多东西都不用自己从头写，省不少事儿。要想做出一个真正好的手机网站，还是有很多细节需要注意的。这回就先分享到这儿，下次有啥新东西再跟大家唠。