网站qq空间的网页设计策划书

qq空间的网页设计策划书qq空间的网页设计策划书篇一博客网站设计制作策划书

博客网站设计制作策划书

一、前期调研分析

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

1 系统性原则。创建者要提供设计方案还应充分了解用户的一些基本情况并将其需求等要素融入到网站建设方案中。

2 完整性原则。博客又称为网络日志是一种大众化的网络载体 它是一种由个人管理、 不定期张贴新文章的网站应该为用户提供完整的信息和服务 网站的基本要素合理、完整 网站的内容丰富、有效 网站的服务和功能适用、方便 网站建设与网站运营维护相衔接、支持。

3 友好性原则。博客网站的友好性包括以下几个个方面对用户友好——满足用户需求、获得用户信任对网络环境友好——适合搜索引擎检索、便于积累网络资源对经营者友好——网站便于管理维护、 能提高工作效率。

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

5 适应性原则。博客网站的功能、 内容、服务和表现形式等需要适应不断变化的网络环境 网站应具有连续

1/16

性和可扩展性。

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

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

2 网站技术开发、 网页设计

3 网站测试

4 网站发布和推广

5 网站维护及管理。

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

二、 网站的功能定位

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

1 与互联网络实现无缝链接

2具有信息发布、信息分享和管理功能

3详细的个人介绍

4详细的联系方式

5具有较强的互动性

6相关的联系和服务信息

7在线服务信息

8持续更新的信息

9相关网站链接管理功能

三、 网站技术方案

网站设计和制作中所采用的技术

1.Flash特效功能

2/16

2.使用各种常用行为

3.调用j avaScript

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

5.运用页面布局技术DIV+CSS 

四、 网站内容规划

我的个人博客网站大体上包括以下内容 我的圈子我的相册 我的音乐最新动态 实时互动等模块各模块简介如下

1.我的圈子简介

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

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

2.我的相册简介

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

1设计个人的相册

2朋友的相册

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

3.我的音乐简介

这个模块主要包括

1 国内最新流行的音乐

3/16

2 日韩最新流行的音乐

3 欧美最新流行的音乐。

4.最新动态简介

1 网站公告

2站内新闻

5.项目互动简介

1请你留言通过这个模块可以实时交流。

2博客论坛。

五、 网页设计

首页的设计简述为了使我的的首页美观生动、吸引人。在我的首页我还添加了形象开头动画页面在页面上首先映入你眼帘的是美丽的图片在它的上面我添加可透明的FLASH动画这样会使网页具有动态美感加上合理的颜色搭配动听的背景音乐。无论是从视觉、 听觉还是感觉上都是一个不错的博客网站。在网站的右上角我还插了滚动字幕这样可以让浏览着第一时间了解我本站的最新动态。在网页的右下角是我的网站的名称通过点击它就可以进入我的主页。

1.网站名称博客组团

2.网站LOGO:

3.网站作用让别人了解我、认识我。

4.网站规模 因为是个人博客网站 以团队平均每人做1个页面的数值来建立网站所以规模不大。 由6个网页页面组成。

4/16

5.网站目标客户 学生及青年朋友。

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

1 内容标准化与个性化。

2充分体现互动性。

3 内容实用性。

4 多媒体技术专业性。

5 网站平台延展性。

7.网站的宣传标语展示自我分享快乐。

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

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

9.网站标准字体在字体上我主张采用默认字体 因为这种字体无论在那种浏览器上都能正常显示。所以我采用系统默认字体。

10.网站的栏目设计画出栏目结构图 

主页布局示意图

子页示意图

六、 网页测试

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

七、 网站发布与推广

通过广泛发布邮件信息获得第一注意力有效加注搜

5/16

索引擎是注意力推广的必备手段之一。加注搜索引擎既要注意措辞和选择好引擎也要注意定期跟踪加注效果并做出合理的修正和补充。通过确定博客形象、 宣传标识、 口碑传递、公益活动、市场调查、相关单位机构合作等并且切实履行承诺在活动中宣传网站形象获取忠实访客和同行的口碑是推广网站的重要办法也是汇聚博客人气的最直接办法。博客社区是博客网站的核心大力营造博客活动社区推陈出新的倡导文化建设、开辟博客生活新时尚吸引用户眼球。

八、博客网站设计日程表

1.小组分工与合作

前期策划制作许青

主页制作 (index.html)郑周勇

子页制作 (如图所示)

第1张 1.h tml许青

第2张:2.html冯俊驰

第3张:3.html唐辰

第4张:4.html潘俊标

第5张:5.html张旭光

项目测试报告许青

项目汇报 郑周勇

2.博客网站策划书 2012年5月26 日

博客网站设计与制作 2012年5月28 日---6月

博客网站测试 2012年5月31 日

6/16

博客网站测试报告 2012年6月2 日

博客网站项目汇报 2012年6月4 日

九、 费用明细

1.网页制作人员工资

3000 元/月/人 /30 天 *6 人 *8 天 =4800元

2.为了达到最好的视觉效果现推荐使用 10000298整机租用-酷睿2 Q8400型(推荐) server108服务器租赁价格为3200元/季。qq空间的网页设计策划书篇二 空间网页设计

一、 设计目的

网页的设计区别于实体化的一些东西其多为多媒体的存在 意味着它可以容纳更多的信息以及更多的展示形式 网页设计则要求设计者具备一些特殊技能以营造特定浏览情景。 网页设计可以在短时间内增强我们的洞察力以更好察觉使用者的兴趣点 只有这样才能满足他们的需要。

于此同时

1进一步熟练掌握软件Dreamweaver8 更一步提升网页的熟练设计

2 由普通的网页设计更进一步专业网站的设计全面了解专业网站布局与设计技巧亮点等等。

二、 设计条件l、硬件环境

(1)主机上要求安装有Dreamweaver MX、 Flash MX、

7/16

FireWorks MX、 IIS等软件。

(2)主机能与互联网相连、 以便学生能够浏览优秀网站搜集相关材料等。

(3)将主机配置成WEB服务器。

2、软件环境

Dreamweaver MX、 Flash MX、 FireWorks MX等软件

三、 设计题目

个人空间网站设计

四、 空间的设计

1、 设计思路

根据长期运用qq空间 以及欣赏了人人微博等网站后我打算制作的一个空间网站有主页、相册、 日志、说说、留言板、个人档案。

2、 设计步骤

2.1主页设计

这是每个网页顶部的滚动条 动态的滚动字幕 背景图片。

滚动字幕代码marquee scrollamount= 2 direction= left width= 400quot;this.stop() onMouse Out= this.start()欢迎来到我的空间这是属于我的天地希望各位在这里可以感到愉快/marquee/div

首页内容左边显示用户名以及头像 另外显示当月日历。右边显示好友动态我

8/16

的关注。 网页会及时更新动态

2.2 日志设计

直接采用日志列表 简单明了 日志名旁边会显示看的人数和评论人数其次

后面还可以编辑修改 删除置顶转为私密日志的功能。

。 日记列表相关代码如下 td img src= images/w.jpgwidth= 12 height= 12 span > onMouseDown=MM_openBrWindow(riji.html , , ) [u个人日记/u]超大口香糖(1/4img src=images/j .jpg width= 13 height= 11编辑更多/span/td/span/td td img src=images/w.jpg width=12 height=12 span>2.3相册设计

由相册列表列出所有相册文件夹 点击其中一个文件夹可以进入该文件夹的相册相册会以滚动相册的形式显示 点击其中一个相册就显示该图的大图。 另外还可以对相册进行删除涂鸦设置相册密码的操作。

滚动相册的代码div id= Layer42 marquee scrollamount= 7 behavior=alternateloop=100 direction=left height=100 width=760

IMG width=140 height=105 src= F:\网页设计\空间网页\images\人物1.jpgborder=2

IMG width=140 height=105 src= F:\网页设计\空间网

9/16