网站规划与设计作业.docx

网站规划与设计作业.docx

《网站规划与设计作业.docx》由会员分享，可在线阅读，更多相关《网站规划与设计作业.docx（12页珍藏版）》请在冰点文库上搜索。

郑州航空工业管理学院

网站规划与设计

题 目《幸福三部曲》网站的设计与实现姓 名 王莹 学 号 100108429

指导教师 赵妍

二О一一年 十一 月 六日

目 录

第一章设计思想 1

第二章功能概述 2

第三章详细设计 3

第一章 设计思想

我的网站主要是以“幸福”为主题的，我认为：

幸福=亲情+友情+爱情。

现在大家的生活节奏加快，很少安下心来享受那平淡的幸福，幸福其实很简单，比如每天早上醒来都能看到太阳，那也是一种幸福。

大家一直在寻找幸福，殊不知，幸福就是有家人关心的温暖，幸福就是朋友间彼此的调侃和祝福，幸福就是柴米油盐里飘溢出如岁月般绵长的醇香，幸福就是……

我选做此网站，就是想让大家知道：

其实幸福离你很近，它也很简单，只要你静下心来，就会发现，一个微笑，一个拥抱，一个祝福……那都是幸福。

首页的名字为“定义幸福方程式”，启发大家对幸福的进一步定义与理解；然后，根据幸福由亲情、友情和爱情构成，展开三个子页面，分别是亲情港湾、友情链接、爱情站点。

亲情港湾主要介绍的是父爱、母爱、姐弟情和合家欢乐。

无论何时，家都是永远的港湾，在我们失意的时候，给予我们安慰和支持；在我们遇到高兴的事的时候，给予我们衷心的祝福，尤其是在我们遇到困难时，家是我们第一个想到的避难所与调整心态的地方。

友情链接主要介绍的是小学、初中、高中和大学的朋友们，在不同的时期，我们的友谊的成长与发展，再一次享受与朋友在一起的快乐。

爱情站点包括相识阶段、相知阶段、相恋阶段，介绍了每一对恋人所要经历的阶段，在其中，我们经历过甜蜜，浪漫，但也遇到不愉快的事，不过其中的幸福总是令人回味的。

幸福掌握在自己手中，而不是在别人眼中，幸福是一种感觉，这种感觉应该是愉快的，使人心情舒畅，甜蜜快乐的。

真正的幸福是不能描写的，它只能体会，体会越深就越难以描写，因为真正的幸福不是一些事实的汇集，而是一种状态的持续。

希望大家看了我的网页后，会领悟到幸福不需要轰轰烈烈，他就在我们身边，每时每刻都在。

第二章 功能概述

我的网站包括以下几个模块：

1.定义幸福方程式：

主要介绍幸福由什么构成，以及幸福的定义，幸福宣言，如何让自己享受幸福，幸福咨询等。

它主要就是想让大家从今天起，做个幸福的人，不管怎样，都要善于微笑，善于发现美好的事，善于发现生活中，点滴的幸福。

2.亲情港湾：

亲情是情感路上的避风港湾，亲情是人生旅途上的启明星，亲情是成长的甘露。

我的网页，主要以我的家庭展开，介绍的是父爱，母爱，姐弟情。

这个网页就是，想让大家更爱自己的家。

因为，家，是心灵之窗；家，是美味鸡汤，家，是快乐之岛；家，更是亲情之港！

一个家，看是简简单单，但蕴在其中的亲情，却永远令人捉摸不透。

3.友情链接：

是朋友，星移斗转情不改；是知音，天涯海角记心怀。

可能现在，随着年龄的增长，我们大家都开始忙自己的事了，朋友之间很长时间没联系了，但无论怎样，我们一起成长过，一起欢笑

过，此网页主要让我们意识到，真正的朋友之情不会因为时间、距离而变淡，朋友是我们人生路上，不可缺少的一笔财富。

4.爱情站点：

相识是缘，相知是幸，人的一生总会遇到那么一个人，会包容你的一切，会无厘头的对你好，会陪你走到老。

他不需要红红轰轰烈烈，它是柴米油盐酱醋，是生活琐事。

看到这个网页，你会明白：

真爱是一种从内心发出的关心和照顾，没有华丽的语言，没有哗众取宠的行动，只有在点点滴滴一言一行中，你能感受得到。

定义幸福方程式

亲情港湾

友情链接

爱情站点

父

爱如山

母

爱如水

姐

弟之情

小

学挚友

初

中友人

高

中同窗

大

学密友

相

识阶段

相

知阶段

相

恋阶段

系统结构图

第三章 详细设计

一.首页：

定义幸福方程式

1.主要功能：

主要介绍幸福由什么构成，以及幸福的定义，幸福宣言，如何让自己享受幸福，幸福咨询等。

它主要就是想让大家从今天起，做个幸福的人，不管怎样，都要善于微笑，善于发现美好的

事，善于发现生活中，点滴的幸福。

2.主要技术

（1）.在布局模式下，对页面进行构架设计.

（2）.导航的制作，先插入背景图片，“定义幸福方程式”这个大标题，是运用层重叠属性制作的阴影文字。

（3）.对菜单中的文字，进行超链接，分别连接到各个子网页

（4）.在各个栏目里的制作，用到了滚动文字；Spry折叠式构件的制作；表格编辑的制作；图片文字对齐，；CSS样式等。

在版权区，插入了图片。

（5）.插入了背景音乐

3.页面设计

二．亲情港湾

1.主要功能：

亲情是情感路上的避风港湾，亲情是人生旅途上的启明星，亲情是成长的甘露。

我的网页，主要以我的家庭展开，介绍的是父爱，母爱，姐弟情。

这个网页就是，想让大家更爱自己的家。

因为，家，是心灵之窗；家，是美味鸡汤，家，是快乐之岛；家，更是亲情之港！

一个家，看是简简单单，但蕴在其中的亲情，却永远令人捉摸不透。

2.主要技术

（1）.在导航，插入背景图片，并输上文字“返回首页”，进行超链接，这样就方便返回首页。

（2）.在Spry选项卡面板中，输入整个网页的内容，并插入图片和文字。

（3）.对Spry选项卡面板两边的图片，进行鼠标经过图片处理。

（4）.还用了图片滚动效果；在版权区插入图片。

（5）.在页面属性里，设置背景图片。

三．友情链接

1.主要功能：

是朋友，星移斗转情不改；是知音，天涯海角记心怀。

可能现在，随着年龄的增长，我们大家都开始忙自己的事了，朋友之间很长时间没联系了，但无论怎样，我们一起成长过，一起欢笑过，此网页主要让我们意识到，真正的朋友之情不会因为时间、距离而变淡，朋友是我们人生路上，不可缺少的一笔财富。

2.主要技术

（1）.在导航，插入背景图片，并输上文字“返回首页”，进行超链接，这样就方便返回首页。

（2）.在菜单栏设计了显示-隐藏层行为。

（3）.在页面属性中，插入背景图片

（4）.用了Spry选项卡面板介绍总体的内容；

（5）.在“用户注册”栏，制作了验证表单，使用Dreamweaver行为验证，添加“检查表单”行为

（6）.用了滚动图片的效果；

（7）.使用“行为”面板添加音乐；

（8）.对网页最下面的图片进行“鼠标经过图像处理”；

（9）.用时间轴制作了浮动广告。

3．页面设计

四．爱情站点

1.主要功能：

相识是缘，相知是幸，人的一生总会遇到那么一个人，会包容你的一切，会无厘头的对你好，会陪你走到老。

他不需要红红轰轰烈烈，它是柴米油盐酱醋，是生活琐事。

看到这个网页，你会明白：

真爱是一种从内心发出的关心和照顾，没有华丽的语言，没有哗众取宠的行动，只有在点点滴滴一言一行中，你能感受得到。

2.主要技术

（1）.锚点连接的设置

（2）.对整体内容的设计，用了图文混排

（3）.弹出信息窗的设计

（4）.插入了背景音乐

（5）.在页面属性中，插入了背景图像。

3.页面设计

成绩评价：