今天想聊聊这个美女剑客晴美的游戏官网搭建过程，一开始我就是手痒想练练手。
先琢磨官网该长啥样
我打开电脑第一件事就是瞎琢磨，这游戏主角是个拿剑的姑娘，那官网肯定得又帅又美才行。我先在纸上乱画了几笔，想着得有个大横幅展示晴美拔剑的姿势，颜色得用深紫配金色，看着贵气。
小编温馨提醒：本站只提供游戏介绍，下载游戏推荐89游戏，89游戏提供真人恋爱/绅士游戏/3A单机游戏大全，点我立即前往》》》绅士游戏下载专区
然后我就开始翻电脑里的素材库，找找有没有合适的图片能当背景。结果发现存的图都不太搭，干脆自己用绘图软件涂了个大概。涂着涂着觉得背景太素了，又加了点飘落的樱花花瓣，这样动静结合更有感觉。
动手搭架子
接下来打开代码编辑器，先咔咔敲了个基本的网页框架。头部导航栏必须放最显眼的地方，我把「首页」「角色介绍」「下载游戏」这几个按钮排成一排，每个按钮都加了鼠标放上去会变色的效果。
- 头疼的是横幅尺寸：图片总被拉伸变形，我反复调整了五六次裁剪比例
- 文字总是对不齐：明明代码里写了居中，显示出来却偏右，气得我重启了三次浏览器
- 手机上看排版全乱：只好临时加了一堆调整大小的代码，手指划拉屏幕才不会错位
塞内容最费劲
角色介绍页面我放了晴美的三段招式动画，结果GIF动图太大加载慢吞吞。后来改成点击按钮才播放视频，又折腾了半天嵌入代码。下载按钮更麻烦，得同时放安卓和苹果的图标，两个LOGO摆在一起总打架。
检查时发现忘了写版权声明，赶紧在页脚补上一行小字。全部弄完已经凌晨两点了，电脑风扇嗡嗡响得像要起飞。
总算能见人了
现在这个官网虽然简单，但起码晴美挥剑的动画能流畅播放了，手机上也凑合能看。下次如果再改版，我肯定要先画个详细的设计图再动手——这回纯属想到哪做到哪，拆东墙补西墙太累人了。
