那天我琢磨着，做个游戏官网挺有意思的，就把《深渊学校》的官网搞起来了。刚开始纯属闲得慌，这游戏是我自己瞎折腾的一个小项目，整天在电脑前捣鼓，反正也没人看，就当练个手。
第一步：定个方向和工具
先看看别人咋做的。我打开浏览器瞎逛了一圈，发现官网不就是放点游戏介绍、几张图啥的嘛脑子一热，决定用我最熟的WordPress来弄。这玩意儿简单，不用写代码，点几下就成。下载安装包，本地搭了个测试环境，花了一下午功夫。
第二步：设计页面布局
接下来想整个好看点的样子。我翻出游戏截图和故事背景，打算做个首页，加个关于游戏的部分，再留个下载入口。打开WordPress后台，选了个免费模板。这模板叫啥来着？反正是个蓝色调的，和《深渊学校》的风格有点搭调。我开始拖区块，放文字放图片，折腾得手忙脚乱。
问题来了：我上传了一张游戏主角的图，结果网页显示一半就崩了。刷新好几回，还是卡在那儿。我以为网不结果换个浏览器也卡。原来是图片太大，没压缩软件提醒内存不够。
小编温馨提醒：本站只提供游戏介绍，下载游戏推荐89游戏，89游戏提供真人恋爱/绅士游戏/3A单机游戏大全，点我立即前往》》》绅士游戏下载专区
第三步：解决卡顿问题
这问题搞得我火大。我先试试把图裁小点，用手机拍的图尺寸太大，传到电脑再压缩。下载了个免费工具，名字忘了，就是个在线压缩图片的小软件。试了三次才弄合适。
- 第一次压太狠，图片糊成渣
- 第二次压得不够，还是卡
- 第三次终于平衡了，网页能顺畅跑了
后来发现模板自带压缩功能，白折腾半天。
第四步：加互动元素
想加点动态的，比如鼠标放上去变个色。我记得模板有个动画插件，点进去找了半天。设置个按钮悬停效果，结果代码报错，网页背景全变红了。我赶紧关了插件重置，老老实实用默认的。教训：没那个金刚钻，别玩花里胡哨的。
收尾和发布
整完所有页面，我瞎转悠一遍首页、关于、下载区。上传到免费托管服务，测试半天没问题。结果发布后，我分享给一个朋友，他说手机上看错位了。原来模板不响应式，我又得返工调尺寸。搞到半夜三点，头发掉一地。成品：主页几张游戏截图，文字介绍简单点，下载按钮醒目点。就这样，凑合用。
回想这回实践，累死累活还没人看。好处是练了手，下次再做官网，直接避开这些坑。要我说，工具选简单点最别整那些洋气的。
