今天跟大家唠唠我做《黑暗城与冒险者》游戏官网的那些事儿，纯属个人实践记录，大神勿喷哈！
话说前阵子不是挺火那个《黑暗城与冒险者》像素风RPG吗？看着挺有意思，手痒痒就想整个官网玩玩，也算是自己练练手。
第一步：肯定先得搭个框架！
我寻思着，一个小官网，没必要搞那么复杂，就直接上了个最简单的HTML+CSS+JS的静态页面。上手就是先建好*、*、*这三个文件，老三样，熟得很！
第二步：开始设计页面布局
小编温馨提醒：本站只提供游戏介绍，下载游戏推荐89游戏，89游戏提供真人恋爱/绅士游戏/3A单机游戏大全，点我立即前往》》》绅士游戏下载专区
第三步：CSS美化
这部分可费了点劲，毕竟我不是专业美工。颜色搭配、字体选择，一个个试，选了个暗黑风格的，跟游戏名字比较搭。然后就是各种元素的布局、对齐、间距，调了又调，力求看着舒服点。
第四步：JS加点小动效
轮播图肯定得动起来！我用JS写了个简单的轮播效果，自动切换图片。还加了点鼠标hover效果，鼠标移到导航栏链接上的时候，链接会变色，增加点互动性。
第五步：内容填充
这部分就是往页面里填文字、图片啥的。游戏介绍我是从网上扒了点，自己润色了一下。图片是从游戏截图里截的，然后用PS简单处理了下。
第六步：查漏补缺
整个页面做好之后，仔仔细细检查了一遍，看看有没有错别字、图片显示不正常的地方。还在不同分辨率的屏幕上看了看，确保页面在各种设备上都能正常显示。
第七步：简单优化
为了提高加载速度，我对图片进行了压缩，还把CSS和JS文件进行了合并压缩。虽然都是些小优化，但积少成多嘛
上线！
我把整个网站上传到了我的服务器上，然后绑定了个域名，一个简单的《黑暗城与冒险者》游戏官网就这么上线！
这回做官网，虽然很简单，但也让我学到了不少东西。比如，如何快速搭建一个静态网站、如何进行页面布局和美化、如何用JS增加互动效果、如何进行简单的性能优化等等。实践出真知，以后还得多多折腾！
