今天就来聊聊我这几天折腾的那个“你与我的六月游戏官网”的事儿。纯属手痒痒，再加上我那哥们儿最近老念叨想搞个小游戏，我寻思着，游戏出来总得有个门面，不然往哪儿发？于是这官网的活儿就落我头上了。
一切从零开始的瞎琢磨
脑子里一片空白。官网官网，到底要个啥样的？我又不是啥专业设计师，就想着简单点，能把游戏说明白就行。我那哥们儿的游戏还在雏形阶段，名字倒是先想好了，就叫《你与我的六月》，听着就有点那意思。所以官网的风格也想往温馨、有点故事感那方向靠。
我就拿了张纸，开始瞎画。先是首页，肯定得有个吸引人的大图，再配上几句游戏的宣传语。然后是游戏介绍，这块儿得详细点，怎么玩的，有啥特色，主角是谁，都得写上。再然后，我想着得有个开发日志或者叫“我们的故事”这样的版块，记录一下我和哥们儿这瞎折腾的过程，也算是个念想。肯定少不了联系我们或者“意见反馈”之类的，万一有人想喷我们，哈哈，也得给个地方不是？
动手开干，代码撸起来
规划得差不多了，就开始动手。喜欢从最简单的开始。先整个HTML的骨架搭起来。也没用啥复杂的框架，就原生的HTML、CSS，顶多再来点儿JavaScript搞点小动画啥的，让页面别太死板。
小编温馨提醒：本站只提供游戏介绍，下载游戏推荐89游戏，89游戏提供真人恋爱/绅士游戏/3A单机游戏大全，点我立即前往》》》绅士游戏下载专区
过程嘛那可真是“一把辛酸泪”。
- 导航栏：最先弄的，就那几个链接，首页、游戏介绍、开发日志、联系我们。调样式调了半天，居中，鼠标放上去变色，这些基础的。
- 首页大图：找了个感觉差不多的免费图片先顶上，想着以后游戏有素材了再换。文字排版也费了点劲，怎么看着舒服，又不挡着图。
- 游戏介绍页：这块儿目前内容还不多，就先放了些占位符文字。想着等哥们儿把游戏设定弄详细了再往里填。用了一些简单的卡片式布局，看着能整齐点。
- CSS调试：这玩意儿真是个磨人的小妖精。有时候一个小小的边距问题，或者一个元素死活不到我想要的位置，就得在浏览器开发者工具里翻来覆去地看，改过来改过去。经常是改了这儿，那儿又出问题了。
- 响应式设计：这个也考虑了下，毕竟现在大伙儿都喜欢用手机看。就简单弄了下，让它在手机上别错位得太离谱就行，要求不高。
颜色搭配也是个头疼事。一开始选了个深色调，感觉太压抑，不像“六月”那感觉。后来又换成浅色系，主体用了点淡淡的蓝色和米白色，感觉好多了，清新点。
内容填充与初步测试
框架搭得七七八八了，就开始往里填内容。宣传语是哥们儿想的，我负责敲上去。开发日志嘛就我这几天瞎折腾的过程，随便写了点流水账。比如：“今天下午为了一个居中问题，搞了俩小时，发现是少打了个分号，气死！”这种。
弄得差不多了，就在自己电脑上用不同浏览器打开看看。IE就不指望了，主要是Chrome、Firefox这些。点点这个链接，点点那个按钮，看看会不会跳错，图片能不能正常显示。
特别注意了下图片的加载速度，虽然现在图不多，但还是尽量压缩了一下，怕以后内容多了影响体验。
上线前的检查与“发布”
“发布”这词儿说得有点大了，我就是找了个免费的静态网页托管平台，比如GitHub Pages那种。把代码传上去，弄个临时域名就能访问了。
在上传之前，又仔细检查了一遍：
- 所有链接是不是都有效。
- 图片路径对不对。
- 有没有错别字（虽然肯定还是有漏网的）。
- 在手机上也打开看了看，确保基本显示正常。
折腾了几天，总算是把这个“你与我的六月游戏官网”的初版给搞出来了。虽然简陋得很，跟我见过的那些大厂官网没法比，但毕竟是自己一点点敲出来的，看着还是挺有成就感的。发给哥们儿看，他也挺满意，说：“行你，像模像样的！”
接下来就是等游戏内容丰富了，再慢慢往官网里填充。这只是个开始，后面还有得忙！反正，折腾呗，生命在于折腾嘛
