网站规划与设计作业.doc

郑州航空工业管理学院网站规划与设计题 目幸福三部曲网站的设计与实现姓 名 王莹 学 号 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.主要功能：相识是缘，相知是幸，人的一生总会遇到那么一个人，会包容你的一切，会无厘头的对你好，会陪你走到老。他不需要红红轰轰烈烈，它是柴米油盐酱醋，是生活琐事。看到这个网页，你会明白：真爱是一种从内心发