网站规划与设计 恋爱主义网站项目规划与设计.docVIP

网站规划与设计恋爱主义网站项目规划与设计

目录

TOC\o1-3\h\u19246一、项目背景 1

10461二、网站开发平台 1

30785三、网站建设日程表 2

28397四、网站结构与文件目录 2

168421、网站逻辑结构 2

13381五、网页与关键元素设计理念 3

114131、网站设计理念 3

249752、关键元素设计理念 3

335六、线框图 5

237341、首页页面布局 5

303332、子页面布局 5

895七、网页UI设计 5

12923八、主页面设计图及设计规范 6

27757九、网站测试报告 16

258781、测试准备 16

220242、用户界面测试 16

182023、功能测试 16

27166十、网站推广 17

PAGE

PAGE2

一、项目背景

本网站设计为恋爱主义网站。恋爱，它是男女互相爱慕的行为表现。在不同时代有不同的定义，而在现代定义为两个人基于一定的物质条件和共同的人生理想。在各自内心形成的对对方的最真挚的仰慕，并渴望对方成为自己终生伴侣的最强烈、最稳定、最专一的感情，在远古的母系社会、古代的父系社会，爱情的另一种体验，并不是单纯的一夫一妻制。但随着社会的发展，爱情也在向文明的方向发展。

而在当代大学生中，恋爱是一种很普遍存在的现象，不论是男生，还是女生，他们大多会选择自己的恋爱对象，彼此有一个依靠，这个依靠不同于亲情、友情，恋人之间相处更亲密，更无话不谈。恋爱又分为四个阶段：

1.初恋：刚刚进入恋爱阶段，了解还不是很深入，还有一定的模糊感。

2.热恋：恋爱双方看到的都是彼此的优点，对周围环境漠不关心，可以说双方都已经迷恋其中了。

3.依恋：双方在日常生活已离不开对方，离开一阵子都会觉得不顺心、有一种心不安的感觉。

4.平淡：恋爱双方都已经冷静下来，留下的大部分是理性，而缺少了激情，需要进一步的理由来点燃爱情的火焰，比如说婚姻。很多情侣都是在这一环节没走完的，当然，完成这一环节意味着下一步进入婚姻阶段。

现在我们建立的这个网站，就是有关于恋爱的，名为“恋爱主义”，主要是想通过这个网站，让更多的人了解正确的恋爱观，同时也可以分享一些恋爱感悟，让人知道一些恋爱技巧，为自己的恋爱过程增添一些趣味。而且我们的网站多以文章为主，所以在最终成型的网站中，文章会占很大一部分内容。

二、网站开发平台

功能模块

技术和软件平台

操作系统

Windows8

设计稿、图形处理

PhotoshopCS6

动画设计制作

FlashCS5

网页制作平台

Dreamweaver

网站开发语言

HTML,CSS,JavaScript

网站测试平台

Chrome，Firefox

三、网站建设日程表

完成整个项目所需时间为三个月，其中各项规划任务如下表所示：

时间

任务内容

3月9日-16日

拟定项目

3月17日-23日

制定初步项目计划

4月6日-19日

网站初步框架

4月20日-5月1日

网站内容具体丰富

5月2日-5月10日

总结反思，网站细节完善

5月11日-24日

计划微调，网站用户体验感测试

5月25日-6月7日

网站装饰再加工，CSS布局，JS语言

6月8日-6月15日

最终测试

四、网站结构与文件目录

1、网站逻辑结构

（1）网站栏目结构

首页

首页

恋爱通告

恋爱物语

心灵脉搏

樱空断点

爱与成长

心理测试

恋爱短信、恋爱情书

恋爱故事、恋爱诗词、恋爱名句

火花四溅、幸福花海

断桥残雪、空释恋空

回味过去、品味现在、展望未来

(测测你一生会爱几个人！)

（2）网站文件层次图

首页

首页

主页

导航

动画、

文章、

电影、

恋爱通告、

恋爱物语、

心灵脉搏

樱空断点

爱与成长

心理测试

通过链接，

转到其他页面

五、网页与关键元素设计理念

1、网站设计理念

（1）设计风格

本次的课程设计以“恋爱”为主题，整体风格走“清新”、“甜蜜”路线，不管是文字、图片，还是动画，都会以其为主，比如文字内容，会有恋爱短信、恋爱情书、恋爱故事、恋爱诗词，同时也会有一些有关恋爱的感悟、技巧等，还会有恋爱的小测试；图片方面，景和物会以“心”形和代表爱情（比如：玫瑰）东西或是两两相关的东西（比如：对戒）为主，人物则多用恋人牵手、拥抱，或是一眼就能看出两人是恋人关系的图片；动画也会与其有关，这个会在下面详细介绍。

（2）色彩

恋爱，给人的感觉是甜蜜、幸福、多姿多彩，所以我们的网站的色彩会以粉色为主，但同时也会辅以其他的浅色系的颜色，使网页更加的缤纷多彩，虽然颜色多，但不会杂乱。每种颜色都有它独特的意义，同时，不同的搭配