今天跟大家唠唠我鼓捣《除灵阴阳师》游戏官网的事儿，纯属个人瞎折腾，各位看个乐呵就行。
话说前阵子不是闲着没事儿嘛就寻思着能不能自己整个游戏官网玩玩。正好最近在B站上老刷到《除灵阴阳师》这游戏，看着画面还挺对我胃口，就决定拿它开刀了。
小编温馨提醒：本站只提供游戏介绍，下载游戏推荐89游戏，89游戏提供真人恋爱/绅士游戏/3A单机游戏大全，点我立即前往》》》绅士游戏下载专区
我啥也没想，直接就在网上搜了一堆“游戏官网模板”、“HTML+CSS游戏网站”之类的关键词。你猜怎么着？还真找到不少！但是，大部分要么丑得没眼看，要么就是功能太复杂，对于我这种半吊子水平来说，简直是灾难。
后来我就琢磨，与其找现成的，不如自己动手，丰衣足食！于是乎，我开始从最简单的HTML学起。先搭了个框架，把首页的基本结构给搞了出来。包括游戏的logo、标题、导航栏啥的，先用元素把它们的位置都占
接着就是CSS，这玩意儿可真是让人头疼。我对着W3Cschool的教程，一点一点地调样式。什么字体颜色、背景图片、按钮样式，全都是对着示例代码，一点点改，一遍遍试。那几天眼睛都快瞎了。
为了让网站看起来更炫酷一点，我还加了点JavaScript特效。比如鼠标悬停在按钮上的时候，按钮会发光；点击导航栏的时候，页面会平滑滚动到相应的位置。这些都是从网上找的现成代码，然后自己稍微改了改，就凑合着用了。
- 首页：主要放游戏的宣传视频、截图、特色介绍
- 角色介绍：展示游戏里的人物立绘、技能、背景故事
- 攻略：收集整理一些玩家分享的攻略心得
- 下载：提供游戏客户端的下载链接
最让我头疼的还是图片素材的处理。我从游戏里截了不少图，但是大小都不一样，而且有些图片质量也不太我就用PS一张张地修，一张张地调整大小，累得我腰都直不起来了。为了优化加载速度，我还把所有图片都压缩了一遍。
网站做好之后，我还简单地做了个SEO优化。比如给每个页面都设置了关键词，添加了meta描述，还在图片里加上了alt标签。虽然不知道有没有用，但总比啥也不做
遇到的坑
这回做网站，遇到的坑可真不少。比如：
- CSS样式冲突：我把所有的CSS代码都写在一个文件里，结果不同部分的样式互相影响，搞得我焦头烂额。后来我把CSS代码拆分成了多个文件，问题才解决。
- JavaScript代码出错：我从网上抄的JavaScript代码，经常出现各种各样的错误。后来我学会了用浏览器的开发者工具调试代码，才慢慢地把问题解决了。
- 图片加载速度慢：我的网站加载速度非常慢，因为图片太大。后来我把所有图片都压缩了一遍，还使用了CDN加速，速度才快起来。
这回鼓捣《除灵阴阳师》游戏官网的经历，让我学到了不少东西。虽然做的东西很粗糙，bug也肯定不少，但好歹也是自己一点一点敲出来的，还是挺有成就感的。
下次有机会，我还想尝试着用更高级的技术，比如React、Vue之类的，再做一个更牛逼的网站出来！
