从零开始建站(二) - 数据库与项目规划

<h1 style="margin-left:0pt;">简介：</h1>
这节来介绍个人网站项目的数据库字段选择与项目整体的规划，上一节讲了准备工作和环境搭建，就好比建一栋大楼，上节我们把材料买齐了，地基打好了，然后我们这节就是来思考一下我们要怎样利用这些材料，以及要用这些材料怎么建成我们想要的大楼。因为是自己来画前台，写后台，所以建成什么样全是我们说了算，这点还是挺舒服的。
<h1 style="margin-left:0pt;">一、模块划分</h1>
<h2 style="margin-left:0pt;">1.多浏览</h2>
开始我也不知道自己网站要建成什么样子，然后去百度搜索了一下优秀的个人博客网站，找到一个女才子杨青的个人博客，而且她的网站里面还有一个优秀的个人博客链接，里面的很多博客给了我很大的启发。不多说，上图：
<img alt="" class="blockcode" src="https://beijingoptbbs.oss-cn-beijing.aliyuncs.com/cs/5606289-830c7b4c40775eb84823b39b6f62b1d3">
<h2 style="margin-left:0pt;">2.总结归纳</h2>
当你看过很多博客后，我们就可以归纳一下。如果你是想写点东西展示出来的话，个人博客大致就可以包含以下几个模块：文章、日志、随笔、实时新闻、生活、歌曲讨论、电影交流、游记、文章归档（也可以叫时光轴）、关于我、留言簿等等。你可以选取自己需要用到的。像我这的网站文章区就选取了两个，一个写一些技术方面的东西，另一个发表一下自己的心情、琐事、讨论一些有趣的话题等。其他的模块基本就无关紧要，点缀一下而已。
<h2 style="margin-left:0pt;">3.简单介绍一下我的网站的文章区的构造及功能：</h2>
3.1 文章列表：显示文章的粗略信息
3.2时间（或日期）：提醒我时间的宝贵
3.3公告板：展示一些鸡汤文，提醒自己努力奋斗
3.4 链接：把自己的几个常用网站互相关联，打造自己的标签
3.5 文章分类：快速定位自己想要寻找的文章
3.6 阅读排行：显示出网友所关心的文章，这样分析下来，其实每一个模块都是有用的，不是放在那里单纯摆设的，所以我要先想好自己需要什么，再去想怎么构造好它。（小提示，开始我也是缘于兴奋，把网站页面弄的花里胡哨的，后来网站建好后，慢慢以读者的角度去看待，发现真的很扎眼睛，然后我就化繁为简，只留了几个小幅度的动画效果和淡雅的颜色，还去掉了非主流的动态背景图，而且还能提高网站的加载速度）
<h2 style="margin-left:0pt;">4.页面润色</h2>
既然说到界面的审美和优化，我就推荐几个我在建站中遇到的几个十分有帮助的网站，供大家参考：
4.1前端大神，各种前端素材，前端教程，动画，小技巧，反正牛逼就是了：
<a href="https://www.cnblogs.com/lhb25/">https://www.cnblogs.com/lhb25/</a> ：梦想天空
4.2 前端设计师，女大神，上面也提到了，里面有很多优秀博客：
<a href="http://www.yangqq.com/">http://www.yangqq.com/</a> ：杨青
4.3 很全的颜色代码表，经常用到，建议保存为书签：
<a href="http://tool.oschina.net/commons?type=3">http://tool.oschina.net/commons?type=3</a> ：开源中国颜色代码表
4.4 艺术签名，我的logo就来自这里：
<a href="http://www.yishuzi.com/">http://www.yishuzi.com/</a> ：艺术字
4.5 按钮动画特效（这个网站要翻墙，只能帮你到这了）：
<a href="http://ianlunn.github.io/Hover/">http://ianlunn.github.io/Hover/</a> ： hover.css
4.6 页面模块块动画特效：
<a href="http://mynameismat

从零开始建站(二) - 数据库与项目规划

浏览过的版块