帅气的我官网，教你如何成为更自信的男人！|雅荣游戏

今天跟大家唠唠我搞的这个“帅气的我官网”项目，一开始就是图一乐，想看看自己能折腾出个啥花样来。

我就寻思着，得先有个地儿放东西，所以第一步就是整了个域名和服务器。域名这玩意儿，挑了个自己觉得顺眼的，服务器嘛直接上了个云服务器，配置不高，但够用，毕竟只是个个人网站。

服务器搞定后，接下来就是搭建网站了。我没打算用啥复杂的框架，直接上手 HTML、CSS 和 JavaScript。HTML 负责内容，CSS 负责美化，JavaScript 负责加点小动画啥的，让网站看起来不那么死板。

先搭了个 HTML 骨架：

小编温馨提醒：本站只提供游戏介绍，下载游戏推荐89游戏，89游戏提供真人恋爱/绅士游戏/3A单机游戏大全，点我立即前往》》》绅士游戏下载专区

然后，用 CSS 美化了一下：

用 JavaScript 加了点小动画：

整个过程，就是个不断试错的过程。遇到不会的，就上网查资料，看教程，一点一点啃。有时候，一个 CSS 样式，我能调半天，就为了找到最合适的效果。

中间遇到几个坑，跟大家分享一下：

图片加载速度慢：我直接把高清大图往网站上放，结果页面加载速度慢得让人崩溃。后来我把图片压缩了一下，这才解决了问题。
浏览器兼容性问题：不同浏览器对 CSS 的解析不太一样，有些样式在一个浏览器上显示正常，在另一个浏览器上就变形了。为了解决这个问题，我只能针对不同的浏览器，写不同的 CSS 样式。
移动端适配问题：网站在电脑上显示正常，但在手机上就乱了套。为了解决这个问题，我用了响应式布局，让网站能够根据屏幕大小自动调整。

经过一番折腾，这个“帅气的我官网”总算是上线了。虽然页面很简单，功能也很简陋，但毕竟是我自己一手搭建起来的，还是挺有成就感的。

搞这个网站，没啥高深的技术，就是一些 HTML、CSS 和 JavaScript 的基础知识。重要的是动手实践，遇到问题就解决问题，一点一点积累经验。以后有机会，我还想再搞点更复杂的项目，挑战一下自己。

欢迎大家来我的网站参观指导！(虽然目前还没啥内容，哈哈)

帅气的我官网，教你如何成为更自信的男人！