今天心血来潮，想搞个手机网站，记录一下我的折腾过程。

准备阶段

一开始啥也不懂，就到处搜资料。看到好多公司，像什么北京夜猫网络、西安凡高网络，都说自己做好多年，经验丰富。但我这人就喜欢自己动手，丰衣足食嘛

先把工具准备编辑器我选常用的，然后就是各种浏览器，用来测试兼容性，手机更是要准备好几台，安卓、苹果都得有。

设计阶段

设计这块我是真没啥天赋，就想着简单点，页面清爽点就行。找些参考，借鉴一些布局，颜色搭配啥的，看着舒服就行。

• 先画个草图：在纸上随便画画，把大概的模块、布局定下来。
• 然后用工具做个原型：把草图“搬”到电脑上，细节再调整调整。

开发阶段

这部分是最头疼的，代码得一行一行敲。好在现在有很多现成的框架可以用，省不少事。

我选个比较轻量级的框架，然后就开始吭哧吭哧写代码。遇到不懂的就上网查，或者问问朋友，反正就是不断地尝试、修改。

• HTML 结构：先把网页的骨架搭起来，该分块的分块，该放内容的放内容。
• CSS 样式：给网页“化妆”，调整字体、颜色、布局等等。
• JavaScript 交互：让网页“动”起来，比如点击按钮有反应，或者页面滚动有特效。

测试阶段

网站写得差不多，就得开始测试。这可是个细致活，各种手机、各种浏览器都得试一遍，看看有没有显示错乱、功能异常的地方。

我发现有些样式在不同浏览器里显示效果不一样，有些功能在旧手机上运行会卡顿。遇到问题就得回去改代码，然后再测试，反反复复，直到满意为止。

部署上线

终于搞定！把网站文件上传到服务器，再设置好域名解析，我的手机网站就正式上线！

看着自己辛辛苦苦做出来的网站，心里还是挺有成就感的。虽然过程有点曲折，但也学到不少东西。以后有空再慢慢优化，让它变得更