大伙儿今天得空，想跟各位唠唠我最近瞎捣鼓的一个小玩意儿——一个童话官方网站。也谈不上多“官方”，就是自个儿弄着玩的一个小项目，但整个过程下来，还是挺有意思的，所以记录一下，分享给大家伙儿。
为啥想搞这么个网站？
起因也挺简单的。我家娃，特喜欢听故事，尤其是那些经典的童话。之前也找过不少APP，网站啥的，但总感觉要么广告多，要么排版乱七八糟，要么就是故事不全。我就琢磨着，能不能自个儿动手，整一个清清爽爽，专门放童话的地儿？说干就干，我这人就这点想到啥就想立马试试。
动手前的准备（瞎琢磨阶段）
我也就是脑子里瞎合计。这网站得有啥？那肯定是故事呗！像什么安徒生童话、格林童话，这些经典的必须得有。我还想放点咱们中国自个儿的民间故事，还有一些适合睡前听的短小故事。我记得以前看过一些网站，上面罗列了好多，什么“儿童童话”、“亲子故事”、“寓言故事”之类的，我就想着，我也得弄得丰富点。
然后就是样子。我寻思着，给小孩子看的东西，肯定不能太花里胡哨，但也不能太素净，得有点童趣。颜色嘛就用点柔和的，看着舒服的。最重要的，就是故事内容得清晰，字要大一点，方便阅读。
小编温馨提醒：本站只提供游戏介绍，下载游戏推荐89游戏，89游戏提供真人恋爱/绅士游戏/3A单机游戏大全，点我立即前往》》》绅士游戏下载专区
开干！一步步搭建起来
我这人对编程啥的，也就是个半吊子水平，所以一开始就没打算用啥复杂的技术。我就想着用最基础的HTML和CSS来搞。简单，直接！
第一步，先把架子搭起来。
我先在我电脑上建了个文件夹，然后用记事本（后来换了个稍微好用点的编辑器）创建了一个叫 `*` 的文件。这个，就算是我网站的“大门”了。里面先简单写了几行，测试一下能不能在浏览器里打开。能打开！心里顿时有了点底。
第二步，琢磨内容怎么放。
首页嘛肯定得放点东西，不能空荡荡的。我想着放一个欢迎语，然后列出一些故事分类，或者直接推荐几篇热门故事。导航条也得有，方便大家伙儿找故事。我用的是 `
- ` 标签做的无序列表，搞了几个分类，比如“经典童话”、“动物故事”、“睡前故事”啥的。
第三步，开始填充“血肉”——也就是故事本身。
这步最费工夫。我计划的是，每个故事单独一个HTML页面。这样管理起来方便，以后想加新故事也容易。比如《白雪公主》，我就建一个 `*`。故事标题，我用了 `
` 标签，让它显眼点。故事正文，就老老实实用 `
` 标签一段一段地分有些故事是我从旧书上一个字一个字敲进去的，有些是网上找的公开资源，复制粘贴过来再重新排版。这个过程，真是体力活，眼睛都看花了。
我还特意注意了一下，找的故事内容得是比较正面、积极的，适合小孩子看的。像有些版本的格林童话，挺“黑深残”的，那些我就没用，都挑了修改过的温和版本。
第四步，简单美化一下。
纯文字肯定不好看。我就学着用了点简单的CSS样式。调了调字体大小、颜色，段落间距啥的。背景颜色我选了个淡淡的暖黄色，感觉温馨点。没敢用太多图片，怕影响加载速度，也怕版权麻烦，就弄了几个简单的小图标点缀一下。
过程中遇到的小麻烦
虽然用的是最简单的技术，但中间也磕磕绊绊的。比如不同故事页面的排版总是不统一，有的地方字大，有的地方字小。后来才发现是CSS没写对。还有就是故事太多了，光是整理和录入就花了我好几个周末。有时候一个故事排版好了，换个浏览器一看，诶，又有点不一样了，还得调。
我还想着，能不能搞个搜索功能？后来一研究，发现用纯静态HTML实现起来有点费劲，得用点后台技术，我就暂时放弃了，想着以后再说，先把基本功能弄
最终的样子和一点感想
前前后后折腾了差不多一个月，我这个简陋的“童话官方网站”总算是有点样子了。虽然跟那些专业网站没法比，功能也简单，就是个纯展示故事的。但看着自己一手一脚弄出来的成果，心里还是挺美滋滋的。
我把它传到了一个免费的托管空间上，然后把网址发给了几个有娃的朋友。他们都说挺好的，界面干净，故事也多。我家娃现在也经常在上面看故事，指着屏幕上的字，咿咿呀呀地认。
对我来说，这回实践最大的收获，不是做了个多牛的网站，而是体验了从一个想法到最终实现的过程。很多东西，看着难，但只要你一步一步去做，总能弄出点名堂来。分享出来，也是希望能给同样想自己动手做点小东西的朋友一点点启发。瞎折腾，也挺快乐的！
