今天跟大家唠唠我搞的这个《魔斗姬莉斯缇亚》游戏官网，说起来也是一把鼻涕一把泪，纯纯的个人摸索，没啥高大上的技术，就图个实在。
我寻思着这游戏也得有个像样的家，不能老是在论坛里晃荡。就拍板决定，自己撸一个官网出来。
我得把架子搭起来。用的是最简单的HTML、CSS、JavaScript。HTML负责内容，CSS负责美观，JavaScript负责一些简单的交互。先用Dreamweaver建了个基本框架，把页面分成了头部、导航、主体、底部几个部分。
头部，肯定得放游戏LOGO，还有游戏名称。我直接用Photoshop做了个简单的LOGO，然后把名字写上去，放到了左上角。右边是导航栏，包括“首页”、“游戏介绍”、“角色介绍”、“下载中心”、“论坛”几个链接。
导航栏这块儿，我琢磨了好久，用的是CSS的`float`属性，把链接横向排列。hover效果也简单做了下，鼠标放上去的时候，背景颜色会稍微变深一点。
主体部分，我搞了个轮播图，放一些游戏截图和宣传图。这个轮播图是用JavaScript写的，setInterval函数控制图片的切换，加了两个按钮，可以手动切换。
小编温馨提醒：本站只提供游戏介绍，下载游戏推荐89游戏，89游戏提供真人恋爱/绅士游戏/3A单机游戏大全，点我立即前往》》》绅士游戏下载专区
游戏介绍，我从游戏介绍文档里直接复制过来的，稍微排版了一下，加了一些图片。角色介绍也差不多，每个角色一张图，一段文字介绍。
下载中心，放了游戏的下载链接和二维码。二维码是用草料二维码生成的，直接复制到页面里就行了。
底部，放了一些版权信息和联系方式。这个没啥好说的，就是一些文字而已。
CSS部分，我用的是外部样式表，把所有的样式都写在一个单独的CSS文件里。颜色搭配，我参考了游戏本身的风格，主要用了紫色和黑色。字体，我选了微软雅黑，比较清晰。
JavaScript部分，除了轮播图，我还做了一个简单的回到顶部按钮。当页面滚动到一定位置的时候，按钮会显示出来，点击可以回到页面顶部。
整个官网，我大概花了三四天的时间。期间也遇到了不少问题，比如CSS样式冲突，JavaScript代码报错等等。但是，一步一个脚印，慢慢解决，总算是搞定了。
把所有的文件上传到服务器，域名解析一下，一个简单的游戏官网就上线了。虽然简陋，但是也算是我的一点心血。
这回实践，让我对HTML、CSS、JavaScript有了更深的理解。也体会到了，只要肯花时间，肯动手，就能做出自己想要的东西。以后肯定还会继续学习，不断完善这个官网。
