个人网站、个人博客的设计案例，仅供参考

关于网站的内容，我也是纠结了好久，我这里说的是网站建设的内容。个人网站，大多数人还是做个博客，想着能平时写点内容，发点文章，图片，一些简短的分享什么的。

好，想到就做。

我做了文章，但是关于文章的分类我好纠结，不懂得怎么分类好，因为一开始想法有些局限，那就是文章大分类就作为网站的栏目，但是怎么分都感觉不充分，因为我想以后发的文章肯定是各种各样的，也许是一些分享，也许是一些吐槽，也许是一些学习笔记，一些技术性的文章，或者是纯粹的图片分享，百科知识等等。这样一来，栏目改了好几版，还是没有改到自己满意的。

后面看了几个知名网站，灵感一来，就干脆文章不在页面上做分类了（后台自己分类），把文章放到首页，只留几个查询条件，并且首页实现无限滚动。

第二个简短的分享、感悟等等内容的实现，我想做出一个类似微信朋友圈的那种，可以随便发几句。于是我做出了个简版的类似的功能，这个内容作为一个栏目，一开始叫“分享圈”，后来叫“动态”。下面有些小分类：资讯、分享、打卡、公告。后来我把打卡去掉了，总觉得跟分享有点重复。

我看到很多网站都做了个导航，一个是自己用，一个是如果做得好的话，也许能留住一些访客。于是我做了一个简约的导航。

后面觉得“专栏”、“归档”这种功能是很重要的，我觉得可以提供网站内容的质量，甚至可以增加网站内容的搜索排行。于是我分类一个网站栏目，叫“专栏”，里面的一些封面图片源于网络。专栏内容，相当于网站内容的归类、集锦，我把它分为三种：文章类、动态类、单独页面。这些归类会随着网站内容的增加而增加。

（图片打码是因为这个图片被CSDN机器识别为非法图片，封面比较性感）

到了这里，网站整体的建设就出来了。
首页，显示文章列表，侧边栏显示精选专栏和精选动态。
动态栏目，显示动态列表，分为资讯、分享、公告。
专栏，显示专栏列表，用封面图提高颜值，点击进去就是对应的内容列表。
导航，参考一些知名导航，自己发挥，效果见图。
此外，还需要做友情链接、留言建议、网站的备案号、免责声明等等。

最后还要提一点，现在很多访客都是通过手机访问到你的网站，所以手机端样式一定要适配。

原文地址：个人网站、个人博客的设计案例，仅供参考

感谢您的阅读，欢迎访问我的个人网站：闲乐小站

个人网站、个人博客的设计案例，仅供参考相关推荐

计算机辅助图形设计图,计算机辅助图形设计【仅供参考】.pdf
计算机辅助图形设计[仅供参考] 计算机辅助图形设计复习次立方". 数设置,可以按快捷键 65 ．利用快捷键可以在资料 12．在使用其他工具时, Ctrl+Alt+F 即可再重复使 Al ...
计算机网络布局设计（仅供参考）
1．设计目的帮助该公司妥善进行网络布局,提高网络运行效率,减小硬件使用浪费和场地占用问题,合理限制使用流量,安全使用网络. 2．需求分析 2.1 公司介绍公司主要负责软件的研发.制 ...
计算机辅助图形设计图,计算机辅助图形设计【仅供参考】
计算机辅助图形设计复习资料 1．位图图像又称为点阵图像,是由像素组成的可识别的图像. 2．一个完整的 Photoshop CS2 的工作界面有菜单命令.工具选项栏.调色窗.工具箱.调板. ...
基于proteus的花样流水灯的设计（仅供参考）
要求: (1)第1轮:第1列自上而下逐一点亮.接着第2列自下而上逐一点亮.最后第3列自上而下逐一点亮: (2)第2轮:按第1列.第2列.第3列,依次8个LED同时闪亮3次: (3)接着重复上述第1. ...
java博客论坛设计报告,javaweb课程设计报告-个人博客网站的实现（Java）.doc
PAGE 武汉工商学院信息工程学院项目名称: 个人博客网站的实现(Java) 学生姓名: 学号: 班级: 12计科本1 指导教师: 2014年12月23日目录 TOC \o "1-3 ...
java博客论坛设计报告_javaweb课程设计报告个人博客网站的实现（Java）.doc
javaweb课程设计报告个人博客网站的实现(Java) 项目名称: 个人博客网站的实现(Java) 学生姓名: 学号: 班级: 指导教师: 2014年12月23日目录 1 绪论1 1.1系统应 ...
学生HTML个人网页作业作品~个人主页博客网页设计制作(6个页面)~大学生个人网站作业模板~HTML简单个人网页制作
HTML期末大作业~ 学生HTML个人网页作业作品下载-个人主页博客网页设计制作大学生个人网站作业模板简单个人网页制作临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTM ...
HTML5+CSS大作业——简洁的个人博客设计(7页) 学生HTML个人网页作业作品下载个人主页博客网页设计制作大学生个人网站作业模板简单个人网页制作
HTML5+CSS大作业--简洁的个人博客设计(7页) 学生HTML个人网页作业作品下载个人主页博客网页设计制作大学生个人网站作业模板简单个人网页制作常见网页设计作业题材有个人. 美食. 公 ...
HTML+CSS大作业——商城个人中心网站模板(56页) 学生HTML个人网页作业作品下载个人主页博客网页设计制作大学生个人网站作业模板简单个人网页制作
HTML5期末大作业:个人商城网站设计--商城个人中心网站模板(56页) 学生HTML个人网页作业作品下载个人主页博客网页设计制作一.作品展示二.文件目录三.代码实现 <!doctype ...
HTML5期末大作业：个人商城网站设计——商城个人中心网站模板(56页) 学生HTML个人网页作业作品下载个人主页博客网页设计制作大学生个人网站作业模板简单个人网页制作
HTML5期末大作业:个人商城网站设计--商城个人中心网站模板(56页) 学生HTML个人网页作业作品下载个人主页博客网页设计制作大学生个人网站作业模板简单个人网页制作常见网页设计作业题材有 ...

个人网站、个人博客的设计案例，仅供参考

个人网站、个人博客的设计案例，仅供参考相关推荐

最新文章

热门文章