博客网站设计制作策划书.docx

博客网站设计制作策划书.docx

《博客网站设计制作策划书.docx》由会员分享，可在线阅读，更多相关《博客网站设计制作策划书.docx（8页珍藏版）》请在冰豆网上搜索。

博客网站设计制作策划书

个人博客网站策划书

摘要

博客是开放的私人空间，可以充分利用超文本链接、网络互动、动态更新等特点，可以以文会友，结识和汇聚朋友，进行深度交流沟通。

个人博客系统主要是一个集日志发表、记录一些心情感想的后台管理为一体的个人博客管理系统。

在前台游客可以查看相册、博文、等并可在留言板中添加评论。

后台管理可以实现的功能有：

博文的添加、修改和删除；照片的添加、删除以及分类；删除留言等。

界面直观、操作简单，内容布局条理清楚，版面协调、统一，能够实现方便快的管理与维护。

本网站主要是利用visualstudio2010制作而成，并结合Fireworks和Flash等网页设计工具进行网页的设计，后台采用SQLSERVER2005数据库用

c#语言设计的一个个人博客管理网站。

关键词：

visualstudio2010；个人博客；动态网站

一、网站开发背景

目前网络上数以千计的Bloggers发表和张贴Blog的目的有很大的差异。

不过，由于沟通方式比电子邮件、讨论群组更简单和容易，Blog已成为家庭、公司、部门和团队之间越来越盛行的沟通工具，因为它也逐渐被应用在企业内部网络（Intranet）。

博客正在改变社会交流方式。

目前，全球参与博客的人数已经达到千万之众，而且每几秒钟，都有一名新的博客用户加盟进来。

很多记者、律师、教授、学者、专家，甚至法官和议员都有了自己的博客网站，形成了独特的博客文化。

美国总统候选人乐于开设博客站点，作为竞选的重要手段。

企业界也

正在把博客方式引入企业内部网和公司网站，用于非正式的知识管理和网络营销等。

政府和教育领域都在尝试利用博客构建内部知识管理和沟通交流的新体系，可以让职员发表评论，积累知识，链接有意思的网络资源，促进彼此的交流沟通。

显然，博客的发展对应了全球范围内知识社会来临的背景。

对于中国，这样一个组织机构信息化仍处于初级阶段的国家，博客这种充分发挥个人主导性和积极性的非正式知识管理工具和其深度沟通交流的功能，对于我们国家的知识传播、知识扩散和有效提升组织的学习和创新能力，具有更特殊的意义。

博客用户的快速增长以及组织机构对它的广泛应用，有助于推动中国向学习型社会演进。

本系统根据现实的情况以及博客互动性的特点进行设计开发，旨在为用户提供一个交流的平台，促进用户间的深度沟通；并根据博客共享性的特点，促进用户之间的知识交流，使其成为一个学习的园地。

二、前期调研分析：

1、创建博客网站所遵循的一般原则

（1）系统性原则。

创建者要提供设计方案，还应充分了解用户的一些基本情况，并将其需求等要素融入到网站建设方案中。

（2）完整性原则。

博客又称为网络日志，是一种大众化的网络载体，它是一种由个人管理、不定期张贴新文章的网站，应该为用户提供完整的信息和服务：

网站的基本要素合理、完整；网站的内容丰富、有效；网站的服务和功能适用、方便；网站建设与网站运营维护相衔接、支持。

（3）友好性原则。

博客网站的友好性包括以下几个个方面：

对用户友好——满足用户需求、获得用户信任；对网络环境友好——适合搜索引擎检索、便于积累网络资源；对经营者友好——网站便于管理维护、能提高工作效率。

（4）简单性原则。

在保证网站基本要素完整的前提下，尽可能减少不相关的内容、图片和文件等，使得用户以尽可能少的点击次数和尽可能短的时间里获得需要的信息和服务。

（5）适应性原则。

博客网站的功能、内容、服务和表现形式等需要适应不断变化的网络环境，网站应具有连续性和可扩展性。

2、网站建设基本流程规范

（1）制定网站规划方案，包括网站预期目标、状况分析、网站栏目结构、用户行为分析及内容规划、网页模版设计、网站服务器技术、网站运营维护等基本内容；

（2）网站技术开发、网页设计；

（3）网站测试；

（4）网站发布和推广；

（5）网站维护及管理。

（6）网站设计对不同浏览器具有兼容性。

三、需求分析

本系统的用户包括：

普通游客、博客主人。

（1）普通游客进入网站后可以浏览博客文章和博客相册，并在浏览博客后进行评论。

（2）博客主人通过前台登录后,可对自己的博客空间进行管理,包括发布自己的网络日志,收藏个人照片,相关人员进行交流和沟通以及删除访问者发表的评论等。

（3）在博客管理界面，博主可以对自己的博客类型进行管理。

包括：

添加、编辑和删除博

客类型。

（4）博主可以暂时不发布博客，而是将文章先放到草稿箱等以后要发布时，再从草稿箱中提出，还能够将回收站中的博客还原或者将博客从回收站中彻底删除。

（5）博主还可以上传图片文件，同时进行管理，包括浏览和删除操作。

（6）博主能够对游客的评论进行管理，包括查询和删除操作。

四、网站的功能定位：

1、个人博客网站的基本功能和内容

（1）与互联网络实现无缝链接；

（2）具有信息发布、信息分享和管理功能；

（3）详细的个人介绍；

（4）详细的联系方式；

（5）具有较强的互动性；

（6）相关的联系和服务信息；

（7）在线服务信息；

（8）持续更新的信息；

（9）相关网站链接管理功能；

五、网站技术方案：

（网站设计和制作中所采用的技术）

1.Flash特效功能；

2.使用各种常用行为；

3.调用javaScript；

4.具有一定的动态效果；

5.运用页面布局技术（DIV+CSS）；

六、网站内容规划：

我的个人博客网站大体上包括以下内容：

我的圈子，我的相册，我的音乐，最新动态，实时互动等模块，各模块简介如下：

1.我的圈子简介：

（1）介绍我和博客创建的同学，把同学加到我的网页中并对每个人做详细的介绍，形成一个同学录一样的子页面，在这里边每个人都可以书写个人的兴趣爱好。

（2）个人简历。

首先是详细的自我介绍，然后加上个人简历，以便更多的人了解我。

2.我的相册简介：

因为只要有QQ号的几乎都有自己的空间所以我可以加个超连接，连接到我的QQ空间、我的相册：

（1）设计个人的相册

（2）朋友的相册

（3）贴图，如果发现好的图片我收集起来可以和广大朋友共同分享。

3.我的音乐简介：

这个模块主要包括：

（1）国内最新流行的音乐

（2）日韩最新流行的音乐

（3）欧美最新流行的音乐。

4.最新动态简介：

（1）网站公告

（2）站内新闻

5.项目互动简介：

（1）请你留言，通过这个模块可以实时交流。

（2）博客论坛。

七、网页设计：

首页的设计简述为了使我的的首页美观生动、吸引人。

在我的首页我还添加了形象开头动画页面，在页面上首先映入你眼帘的是美丽的图片在它的上面我添加可透明的FLASH动画，这样会使网页具有动态美感，加上合理的颜色搭配，动听的背景音乐。

无论是从视觉、听觉还是感觉上都是一个不错的博客网站。

在网站的右上角我还插了滚动字幕，这样可以让浏览着第一时间了解我本站的最新动态。

在网页的右下角是我的网站的名称，通过点击它就可以进入我的主页。

1.网站名称：

2.网站LOGO:

3.网站作用：

让别人了解我、认识我。

4.网站规模：

因为是个人博客网站，以团队平均每人做1个页面的数值来建立网站，所以规模不大。

由6个网页页面组成。

5.网站目标客户：

学生及青年朋友。

6.网站特色：

我的博客网站一般为学生，所以在色彩上和设计风格上追求学生的口味，以校园的学习和生活为主题，在内容上的特色表现为：

（1）内容标准化与个性化。

（2）充分体现互动性。

（3）内容实用性。

（4）多媒体技术专业性。

（5）网站平台延展性。

7.网站的宣传标语：

展示自我，分享快乐。

8.网站的风格及配色方案：

网站标准色：

整个网站以橙黄色为主基色，配以黑白色,我认为配这种色代表年轻人的激情。

9.网站标准字体：

在字体上我主张采用默认字体，因为这种字体无论在那种浏览器上都能正常显示。

所以我采用系统默认字体。

10.网站的栏目设计（画出栏目结构图）：

主页布局示意图

子页示意图

八、网页测试：

博客网站在本地和服务器有无图片和动画无法显示或链接失效等情况。

九、网站发布与推广：

通过广泛发布邮件信息获得第一注意力，有效加注搜索引擎是注意力推广的必备手段之一。

加注搜索引擎既要注意措辞和选择好引擎，也要注意定期跟踪加注效果，并做出合理的修正和补充。

通过确定博客形象、宣传标识、口碑传递、公益活动、市场调查、相关单位机构合作等，并且切实履行承诺，在活动中宣传网站形象，获取忠实访客和同行的口碑，是推广网站的重要办法，也是汇聚博客人气的最直接办法。

博客社区是博客网站的核心，大力营造博客活动社区，推陈出新的倡导文化建设、开辟博客生活新时尚，吸引用户眼球。

十、博客网站设计日程表：

1.小组分工与合作：

前期策划制作：

主页制作：

（index.html）

子页制作：

（如图所示）

（第1张：

1.html）

（第2张:

2.html）

（第3张:

3.html）

（第4张:

4.html）

（第5张:

5.html）

项目测试报告：

项目汇报：

2.博客网站策划书：

博客网站设计与制作：

博客网站测试：

博客网站测试报告：

博客网站项目汇报：