wap网页制作是简单说就是整个专门在手机上看的网站。我前阵子有个兄弟开了个小摊，天天抱怨客户用手机点单不方便，宣传页电脑上看挺手机上打开就乱七八糟。他就找我帮忙，说能不能捣鼓个移动端的。我平时爱倒腾这些玩意儿，立马拍胸脯答应了。
准备工具
一回家就开电脑动手。先上网瞎搜一通，看人家说wap网页挺简单，用点基础的HTML代码就行，就跟写日记似的。我不用啥高端软件，直接抠出个记事本打开。
- 搞个文本文件：新建个.txt后缀的，改成.html后缀，这就成网页模板了。
- 准备图片素材：朋友给几张产品照片，我顺带压缩小了点，省得加载慢。
- 找点模板参考：翻几个教程，记下常用的标签，比如和
，反正不求花哨。
工具搞定，心里还美滋滋的，觉得这玩意儿分分钟解决。
动手开干
点开编辑器就开始码字。先敲几行标题，加点产品描述，用粗体标重点。然后塞图片进去，试试在电脑浏览器看，没问题，挺顺眼。一兴奋用手机打开测试，结果傻眼了：文字堆一堆，图片只显示一半，客户看了肯定以为是盗版货。
- 调大小问题：页面宽窄不对，手指划拉半天。我挠挠头回想教程，加了个的标签进去，意思让页面能根据手机大小自动伸缩。
- 图片优化：压小图片后，重试加载，速度快多了，不再卡半天。
- 布局调整：把内容分块排列，手机竖屏看就不乱。试着删了点多余元素，简单才靠谱。
反反复复调十来次，边骂边笑，朋友电话催了两回，我只能说等等。
搞定测试
终于弄完了，上传到服务器试试。用不同手机打开，这回还行——文字不拥挤，图片显示全，点开链接也能跳转。朋友收到链接乐开花，客户反馈说方便多了，直接手机下单。
回头想想，折腾一整天，但真正关键的就是那基础几招：写点简单代码，标签别堆太乱，图片小点，搞定尺寸。移动端建站入门就这么容易，谁想学3分钟查资料就能上手，别想得太复杂。
现在自己没事也帮人整点这种小页面，熟能生巧了。
