网站规划与设计作业.docx

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

1、郑州航空工业管理学院网站规划与设计题目幸福三部曲网站的设计与实现姓名王莹学号100IO8429指导教师赵妞二O一一年H一月六日目录第一章设计思想i第二章功能疑述2第三章详细设计3第一章设计思想我的网站主要是以“幸福为主题的，我认为：幸福=亲情+友情+爱情。现在大家的生活节奏加快，很少安下心来享受那平淡的幸福，幸福其实很简单，比方每天早上醒来都能看到太阳，那也是一种幸福。大家一直在寻找幸福，殊不知，幸福就是有家人关心的温暖，幸福就是朋友间彼此的调侃和祝福，幸福就是柴米油盐里飘溢出如岁月般绵长的薛香，幸福就是我选做此网站，就是想让大家知道：其实幸福离你很近，它也很简单，只要你静下心来，就会发现，一

2、个微笑，一个拥抱，一个祝福那都是幸福。首页的名字为“定义幸福方程式二启发大家对幸福的进一步定义与理解；然后，根据幸福由亲情、友情和爱情构成，展开三个子页面，分别是亲情港湾、友情链接、爱情站点。亲情港湾主要介绍的是父爱、母爱、姐弟情和合家欢乐。无论何时，家都是永远的港湾，在我们失意的时候，给予我们抚慰和支持；在我们遇到快乐的事的时候，给予我们衷心的祝福，尤其是在我们遇到困难时，家是我们第一个想到的避难所与调整心态的她方。友情链接主要介绍的是小学、初中、高中和大学的朋友们，在不同的时期，我们的友谊的成长与开展，再一次享受与朋友在一起的快乐。爱情站点包括相识阶段、相知阶段、相恋阶段，介绍了每一对恋人

3、所要经历的阶段，在其中，我们经历过甜蜜，浪漫，但也遇到不愉快的事，不过其中的幸福总是令人回味的。幸福掌握在自己手中，而不是在别人眼中，幸福是一种感觉，这种感觉应该是愉快的，使人心情舒畅，甜蜜快乐的。真正的幸福是不能描写的，它只能体会，体会越深就越难以描写，因为真正的幸福不是一些事实的聚集，而是一种状态的持续。希望大家看了我的网页后，会领悟到幸福不需要轰表烈烈，他就在我们身边，每时每刻都在。第二章功能概述我的网站包括以下几个模块：1 .定义幸福方程式：主要介绍幸福由什么构成，以及幸福的定义，幸福宣言，如何让自己享受幸福，幸福咨询等。它主要就是想让大家从今天起，做个幸福的人，不管怎样，都要善于微笑

4、，善于发现美好的事，善于发现生活中，点滴的幸福。2 .亲情港湾：亲情是情感路上的避风港湾，亲情是人生旅途上的启明星，亲情是成长的甘露。我的网页，主要以我的家庭展开，介绍的是父爱，母爱，姐弟情。这个网页就是，想让大家更爱自己的家。因为，家，是心灵之窗；家，是美味鸡汤，家，是快乐之岛；家，更是亲情之港！一个家，看是简简单单，但蕴在其中的亲情，却永远令人捉摸不透。3 .友情链接：是朋友，星移斗转情不改；是知音，天涯海角记心怀。可能现在,随着年龄的增长，我们大家都开始忙自己的事了，朋友之间很长时间没联系了，但无论怎样，我们一起成长过，一起欢笑过，此网页主要让我们意识到，真正的朋友之情不会因为时间、距离

5、而变淡，朋友是我们人生路上，不可缺少的一笔财富。4 .爱情站点：相识是缘，相知是幸，人的一生总会遇到那么一个人，会包容你的一切，会无厘头的对你好，会陪你走到老。他不需要红红轰轰烈烈，它是柴米油盐酱醋，是生活琐事。看到这个网页，你会明白：真爱是一种从内心发出的关心和照顾，没有华美的语言，没有哗众取宠的行动，只有在点点滴滴一言一行中，你能感受得到。系统结构图第三章详细设计一.首页：定义幸福方程式1 .主要功能：主要介绍幸福由什么构成，以及幸福的定义，幸福宣言，如何让自己享受幸福，幸福咨询等。它主要就是想让大家从今天起，做个幸福的人，不管怎样，都要善于微笑，善于发现美好的事，善于发现生活中，点滴的幸

6、福。2 .主要技术(1) .在布局模式下，对页面进行构架设计.(2) .导航的制作，先插入背景图片，“定义幸福方程式”这个大标题，是运用层重叠属性制作的阴影文字。(3) .对菜单中的文字，进行超链接，分别连接到各个子网页(4) .在各个栏目里的制作，用到了滚动文字；Spry折叠式构件的制作；表格编辑的制作：图片文字对齐，：CSS样式等。在版权区，插入了图片。(5) .插入了背景音乐3 .页面设计OO1fi二.亲情港湾1.主要功能：亲情是情感路上的避风港湾，亲情是人生旅途上的启明星，亲情是成长的甘露。我的网页，主要以我的家庭展开，介绍的是父爱，母爱，姐弟情。这个网页就是，想让大家更爱自己的家。因

7、为，家，是心灵之窗；家，是美味鸡汤，家，是快乐之岛：家，更是亲情之港！一个家，看是简简单单，但蕴在其中的亲情，却永远令人捉摸不透。2.主要技术(D.在导航，插入背景图片，并输上文字“返回首页，进行越链接，这样就方便返回首页。(2) .在SPry选项卡面板中，输入整个网页的内容，并插入图片和文字。(3) .对SPry选项卡面板两边的图片，进行鼠标经过图片处理。(4) .还用了图片滚动效果；在版权区插入图片。(5) .在页面属性里，设置背景图片。wQa.IM*M-三.友情链接1 .主要功能：是朋友，星移斗转情不改；是知音，天涯海角记心怀。可能现在,随着年龄的增长，我们大家都开始忙自己的事了，朋友之

8、间很长时间没联系了，但无论怎样，我们一起成长过，一起欢笑过，此网页主要让我们意识到，真正的朋友之情不会因为时间、距离而变淡，朋友是我们人生路上，不可缺少的一笔财富。2 .主要技术(1) .在导航，插入背景图片，并输上文字返回首页，进行超链接，这样就方便返回首页。(2) .在菜单栏设计了显示-隐藏层行为。(3) .在页面属性中，插入背景图片(4) .用了SPry选项卡面板介绍总体的内容；(5) .在“用户注册”栏，制作了验证表单，使用Drean1.WeaVer行为验证，添加“检查表单”行为(6) .用了滚动图片的效果；(7) .使用“行为”面板添加音乐；(8) .对网页最下面的图片进行“鼠标经过

9、图像处理”；(9) .用时间轴制作了浮动广告。3.页面设计四.爱情站点1 .主要功能：相识是绿，相知是幸，人的一生总会遇到那么一个人，会包容你的一切，会无厘头的对你好，会陪你走到老。他不需要红红轰轰烈烈，它是柴米油盐酱醋，是生活琐事。看到这个网页，你会明白：真爱是一种从内心发出的关心和照顾，没有华美的语言，没有哗众取宠的行动，只有在点点滴滴一言一行中，你能感受得到。2 .主要技术(1) .锚点连接的设置(2) .对整体内容的设计，用了图文混排(3) .弹出信息窗的设计(4),插入了背景音乐(5).在页面属性中，插入了背景图像。3.页面设计成绩评价:项目评价内容优良中及格不及格作业完成情况1、网站按时完成2、不少于4个页面3、文档按时上交（作业干12周周五之前上交）网站实现1、网页能否正常显示2、选题意义3、网站内容完整4、网站结构合理5、网页布局合理6、网页文字充实7、网页色彩和谐8、网页特殊效果9、课外自学内容10是否实现动态网页文档撰笫U文档格式规范2、内容完整3、结构合理4、符合事实5、条理清晰6、语句通顺平时情况1、上机任务执行情况2、上机任务完成情况3、请假情况4、上课表现认真指导老师赵妍娇合评价