大伙儿今天又来跟大家唠唠嗑了。最近不是手头没啥特别要紧的事儿嘛就寻思着给自己找点乐子，顺便练练手。前阵子脑子里冒出个游戏点子，叫啥“星际救赎”，听着就挺带劲，虽然游戏八字还没一撇，但我寻思着，要不先给它整个官网出来玩玩？说干就干！
第一步：瞎琢磨阶段
动手前总得先在脑子里过一遍。这“星际救赎”一听就是科幻题材，那官网风格必须得酷炫一点，暗色调打底，带点星空元素，再来点金属质感，大概就是这么个感觉。内容方面嘛一个游戏官网，总得有这几样：
小编温馨提醒：本站只提供游戏介绍，下载游戏推荐89游戏，89游戏提供真人恋爱/绅士游戏/3A单机游戏大全，点我立即前往》》》绅士游戏下载专区
- 首页：门面担当，得有个震撼点的图或者短视频（虽然我没视频）。
- 游戏介绍：讲讲故事背景，主要玩法啥的。
- 新闻动态：放点开发日志，更新预告啥的，显得咱这项目还在动。
- 媒体中心：游戏截图、原画、宣传片（这个也暂时没有）。
- 社区/联系：留个念想，万一真有人感兴趣（虽然我知道这是自己跟自己玩）。
这么一合计，框架就出来了。虽然知道很多东西都是空的，但样子得做足嘛
第二步：动手开整——搭架子
工具嘛我就用了最顺手的那一套，没啥特别高大上的。先是把基本的HTML结构给搭起来，头部、导航、主要内容区、页脚，这些都是老套路了。我寻思着，导航栏得固定在顶部，这样浏览方便。然后找了张感觉挺有宇宙范儿的图片当背景，模糊处理一下，免得抢了文字的风头。
我先从首页开始弄。找了张比较霸气的飞船图（当然是网上找的示意图），放在最显眼的位置，旁边P上了“星际救赎”四个大字，字体也选了个比较有科技感的。下面再放几个按钮，比如“了解更多”、“最新消息”之类的，点进去暂时都是空白页，哈哈，但气势不能输。
第三步：填充“假”内容
搭好架子，就得往里塞东西了。这部分最考验我的编故事能力。
游戏介绍区：我就开始瞎编了，什么“宇宙历XXXX年，人类文明遭遇前所未有的危机，唯有星际间的古老遗迹‘救赎方舟’能带来一线生机……”之类的，写得我自己都快信了。然后又编了几个游戏特色，什么“开放宇宙探索”、“深度剧情抉择”、“多派系势力互动”，听着挺唬人的？
新闻动态区：这个简单，就模仿那些游戏官网的格式，写了几条。“开发日志#1：引擎选型初步完成”、“概念艺术首次曝光：XX星球地貌”、“我们参加了XX虚拟展会”，日期都往前调了调，显得好像真的一直在开发似的。
媒体中心：这就更水了。图片区我就放了几张网上找的科幻风景图和飞船设定图，打上“游戏截图（概念阶段）”的水印。视频区嘛就放了个播放器的样子，中间写着“宣传片锐意制作中，敬请期待！”，完美！
第四步：调样式，抠细节
内容填得差不多了，就开始调CSS样式了。这块儿最费神。颜色搭配得和谐，字体大小得合适，按钮悬停效果得有点变化。我特别注意了那个暗色调和科技感的统一。比如按钮，我给它加了点微微发光的效果，鼠标放上去会更亮一点。导航栏也做了个半透明，滚动页面的时候能隐约看到后面的背景，感觉还挺有层次的。
这期间，反复调整边距、对齐，有时候一个小细节能磨蹭我半天。比如那个页脚，想让它老老实实待在最底下，不管内容多少都不往上跑，也费了我一点功夫去查怎么弄才最稳妥。
第五步：完工撒花（伪）
前前后后大概花了我两三天零碎时间，把这些页面都串联起来，点点链接都能跳了（虽然大部分都是跳到没啥内容的页面）。整体看下来，还真像那么回事儿！虽然知道这只是个“壳子”，离真正的游戏官网还差十万八千里，但自己动手从无到有搭起来这么个东西，还是挺有成就感的。
这回实践，主要就是图个乐呵，顺便把一些平时可能不常用的CSS小技巧又捡起来练了练。下次要是真有什么项目，心里也更有底了。行了，今天的分享就到这儿，下次有啥新折腾再来跟大家汇报！
