网站规划与设计作业.docVIP

郑州航空工业管理学院 网站规划与设计 题 目《幸福三部曲》网站的设计与实现 姓 名 王莹 学 号 100108429 指导教师 赵妍 二О一一年 十一 月 六 日 目 录 第一章 设计思想…………………………………………………….1 第二章 功能概述………………………………………………………………………2 第三章 详细设计………………………………………………………………………3 第一章 设计思想 我的网站主要是以“幸福”为主题的，我认为：幸福=亲情+友情+爱情。现在大家的生活节奏加快，很少安下心来享受那平淡的幸福，幸福其实很简单，比如每天早上醒来都能看到太阳，那也是一种幸福。大家一直在寻找幸福，殊不知，幸福就是有家人关心的温暖，幸福就是朋友间彼此的调侃和祝福，幸福就是柴米油盐里飘溢出如岁月般绵长的醇香，幸福就是…… 我选做此网站，就是想让大家知道：其实幸福离你很近，它也很简单，只要你静下心来，就会发现，一个微笑，一个拥抱，一个祝福……那都是幸福。首页的名字为“定义幸福方程式”，启发大家对幸福的进一步定义与理解；然后，根据幸福由亲情、友情和爱情构成，展开三个子页面，分别是亲情港湾、友情链接、爱情站点。亲情港湾主要介绍的是父爱、母爱、姐弟情和合家欢乐。无论何时，家都是永远的港湾，在我们失意的时候，给予我们安慰和支持；在我们遇到高兴的事的时候，给予我们衷心的祝福，尤其是在我们遇到困难时，家是我们第一个想到的避难所与调整心态的地方。友情链接主要介绍的是小学、初中、高中和大学的朋友们，在不同的时期，我们的友谊的成长与发展，再一次享受与朋友在一起的快乐。爱情站点包括相识阶段、相知阶段、相恋阶段，介绍了每一对恋人所要经历的阶段，在其中，我们经历过甜蜜，浪漫，但也遇到不愉快的事，不过其中的幸福总是令人回味的。 幸福掌握在自己手中，而不是在别人眼中幸福是一种感觉，这种感觉应该是愉快的，使人心情舒畅，甜蜜快乐的。真正的幸福是不能描写的，它只能体会，体会越深就越难以描写，因为真正的幸福不是一些事实的汇集，而是一种状态的持续。 系统结构图 第三章 详细设计 一.首页：定义幸福方程式 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．页面