动手前的想法

最近老想做个自己的博客网站，专门分享我那些实践记录。琢磨着从零开始搞web前端设计，听起来挺新鲜。之前啥都没弄过，就是个门外汉，连代码都懒得碰。

找工具和开始折腾

决定用最简单的东西，找了个免费网页编辑器。打开软件后，懵圈了，啥布局、颜色都搞不清楚。先随便点了几下按钮，建了个空白页面。跟着胡乱添加标题和文字框，还试了加图片功能，结果图片太大塞不进去，急得我直挠头。没办法，去网上搜了搜教程视频，学人家咋调大小。折腾了快一个钟头，总算把主页搞出个雏形。

颜色搭配也挺闹心。想整个好看点的样子，就挑了蓝色当背景。但试了试，刺眼得要死，看着头晕。改成浅灰色，一下子舒服多了。接着加导航栏，左边放链接，右边放按钮。点了保存，刷新页面一看，导航歪七扭八的，乱成一锅粥。气得我差点砸键盘。

解决问题过程

导航乱码后，我直接关了软件歇会儿。喝了杯水，脑子清醒点，再重新琢磨。想着可能是布局设置有问题，又乱搞了位置按钮。结果更乱套。试了又试，还是搞不定。后来想起网友分享的招儿，用列表条分步整。就动手添加了列表标签，把链接一个个排进去。这回点保存，居然摆正了！虽说不完美，但至少整齐点。

• 响应式设计：手机上看时，整个页面垮掉变形。试了几次缩放功能，勉强搞出手机版效果。
• 按钮不灵：点了按钮没反应，查了查缺了交互事件，胡乱塞了段代码搞定。
• 文字大小：桌面看着正合适，iPad上字变小看不清，手动调了尺寸才行。

测试和收尾

基本搞完页面后，就想着赶紧用起来。自己拿手机和平板猛戳，发现点按钮时卡死几次。没法子，硬着头皮重做交互部分，多写了几行代码。总算流畅些。加了个分享按钮，方便读者一键转走。

完成后的感想

整个搞下来花了整整两天，累得跟狗似的。但回头看，这过程挺好玩的。学东西不怕慢，就怕不开始。回头想想，为啥折腾这个？还不是去年失业在家闲得慌。之前没工作，整天打游戏浑浑噩噩。某天刷朋友圈，见老同学发了自己网站的设计心得，心痒痒就想试试。结果慢慢搞出瘾来了，现在写记录顺手多了。以后还能加些新功能，比如用户反馈板子啥的。