为啥我要搞这个宠物狗网页

那天，我坐那儿看电视，我家那条傻狗又在沙发底下钻来钻去的，闹得我脑子嗡嗡响。正好朋友打电话说，他家新养了个小泰迪，天天拍照片发朋友圈，看得我眼馋。我琢磨着，狗主人多辛苦，找个地儿晒晒照片、记点趣事多就决定自己整个简单的网页。

开始动手前的折腾

我先掏出手机搜了一圈，啥工具都不用花钱的。挑了个叫“设计家”的傻瓜软件，简单到点几下就行。可光这个就费劲儿，我下载完，电脑还蓝屏了两次，气得我差点砸键盘。后来重启搞定，把软件安心想这下总不会出幺蛾子了。

设计阶段那些碎碎念

我开始画图。拿出笔记本涂涂画画，想整个简单布局。上面放个大大的狗头照片当封面，下面分几块：狗狗故事区、照片墙，还有留言角落。可问题来了，涂完一看，乱得像狗打架似的。我试了几次配色，蓝配黄？太刺眼！绿配白？又太闷。翻家里旧杂志，找了个浅棕加米白，弄点狗爪子印当点缀，这下看着顺眼多了。

• 改来改去： 草图改了三遍，第一次太挤，第二次太宽，第三次总算匀称点。
• 试错玩真的： 用软件拖控件，拉出文本框、图片框，放哪儿都觉得别扭。比如照片墙那块，一开始竖排，后来改成横排才利索。

碰壁后的解决法子

搞着搞着，代码那边卡壳了。我完全不懂编程，就靠软件点来点去。结果一预览，手机上看页面歪歪扭扭，气得我直挠头。我找了社区群问，有个老兄好心说：“兄弟，用那个响应式布局，勾个选项就搞定。” 我按着做了，果然电脑和手机都能看整齐了，心里舒坦一大截。

落地收摊

折腾两天，我总算把网页整利索了。放上自家狗子的沙雕照片，写点趣事，还加了个小功能：访客留个爪印。完成后，自己翻来覆去点了个够，页面不卡不掉，爽！反思下来，这事儿没啥难的，但得耐心点试错，别急着一步到位。现在我朋友看了，也说想照搬搞一个，呵呵。