今天跟大家唠唠我最近瞎折腾的一个小玩意儿——一个所谓的“野猫官方网站”。也不是啥官方的，就是我自己弄着玩的一个小项目，权当是练练手，记录一下过程。
起因很简单，就是前阵子脑子里老冒出“野猫”这两个字，觉得挺酷的，有那种不羁、自由、又有点神秘的感觉。我就琢磨着，能不能围绕这个主题做点一开始想的挺多，比如搞个小社区，或者写点相关的故事。但后来觉得那些都太复杂，我这三脚猫的功夫，还是从最简单的开始——搭个静态的展示网页，就叫它“野猫官方网站”，听着唬人，就是个壳子。
定了要做个网站，就得想想要放些啥内容。我寻思着，既然叫“官方网站”，那总得有个像样的结构：
小编温馨提醒：本站只提供游戏介绍，下载游戏推荐89游戏，89游戏提供真人恋爱/绅士游戏/3A单机游戏大全，点我立即前往》》》绅士游戏下载专区
内容框架大概就这么定下来了。然后就是技术选型，我这水平也玩不转太高级的，就打算用最基础的HTML、CSS，顶多加一点点JavaScript搞点小动画，但后来发现JS我也玩不溜，就基本放弃了，哈哈。
第一步，找素材。主要是图片。我上网搜罗了一堆野猫的图片，还有一些看起来比较荒野、神秘的风景图。挑来挑去，选了几张感觉还不错的。
第二步，写代码。这就是硬骨头了。我先搭了个基本的HTML结构，头部、导航、内容区、页脚，这些常规的模块。然后开始一点点填内容，写CSS样式。这个过程是最磨人的，尤其是调样式的时候，一会儿这儿偏了，一会儿那儿颜色不对，反反复复修改。我记得为了导航栏居中，还有图片自适应，我捣鼓了好半天，查了不少资料，试了好几种方法才勉强搞定。很多时候都是“知其然不知其所以然”，能跑就行。
比如首页那个大图，我想让它全屏显示，并且文字能在图片上。这就涉及到了定位（position）和层叠顺序（z-index），一开始怎么调都错位，后来把图片设成背景，文字再叠加上去，才算弄利索了。
“关于野猫”和“作品展示”这两个页面就相对简单点，主要是文字和图片的排版。我用了flex布局，感觉比以前用浮动（float）方便多了，至少在对齐这块儿省了不少心。
第三步，细节调整。整体框架搭起来之后，就是各种细节的打磨。比如字体选什么，颜色搭配怎么样，按钮的样式，鼠标悬停的效果等等。这些小地方挺花时间的，但弄好了确实能提升不少观感。我就在网上找了些配色方案参考，然后自己再根据“野猫”这个主题的调性微调了一下，选了些偏暗色调和大地色系的颜色。
折腾了好几天，总算是把这个所谓的“野猫官方网站”给弄出来了。虽然功能简单，代码也写得不咋地，很多地方可能都不规范，但毕竟是自己一点点敲出来的，看着还是挺有成就感的。首页一个大图配文字，导航栏能切换到“关于”和“踪迹”页面，底部还有个简单的页脚。整体风格嘛我自己觉得还算符合“野猫”那种神秘、独立的调调。
这回实践，最大的感受就是，有些东西看着简单，真自己动手做起来才会发现各种坑。不过踩坑的过程也是学习的过程。虽然成品马马虎虎，但整个捣鼓的过程还是挺有意思的。以后有时间，我还想再完善完善，比如加点动态效果，或者把“作品展示”那块儿做得更丰富一些。瞎折腾，乐在其中嘛
