极限健身俱乐部网站设计与实现课程设计

《极限健身俱乐部网站设计与实现课程设计》由会员分享，可在线阅读，更多相关《极限健身俱乐部网站设计与实现课程设计（31页珍藏版）》请在金锄头文库上搜索。

1、网站设计与实现课程设计吉林工程技术师范学院网站设计与建设课程设计报告设计题目： 极限健身俱乐部网站设计 2011年12月信息工程学院31摘 要随着生活的日益发展，人们的生活水平也不断提高，健身房也是很多年轻人青睐的地方，不但可以强身健体，还能丰富业余生活。健身俱乐部作为专业的健身办事行业，已经越来越受到人们的青睐。随着自身的范围不绝扩大，客户数量也不断增多。由于本人爱好运动，所以选折为俱乐部设计网站，运用网页设计这门课程所学的基础知，实现了将静态网页与各种特效效果相结合。例如：网页中插入flash动画，增加网页生动性，还运用图层、字幕滚动等特效使网页色彩搭配协调，看起来很舒服。在理论和技术的基

2、础上，能够掌握网络环境中网站设计和建设的应用技术。通过课程设计的过程，加深了对理论知识的理解和技术的运用，加强了个人的分析问题、解决问题、设计实施 方案的能力，并掌握多门知识的运用，加强了个人专业技能的提高。该网页风格设计简明清晰。内容丰富、操纵轻便、界面雅观。基本满足俱乐部实际的需要。关键字：俱乐部 网站设计 内容丰富 flash 目 录第一章 绪论4 1.题目的背景4 1.题目的意义5 1.结构设计5第二章 技术设计功能分析6 2.1 功能分析6 2.2 技术设计分析6第三章 总体设计与详细设计7 3.1 总体设计9 3.2 结构分析10 3.3 详细设计14第四章 编码实现15第五章 系

3、统调试20 5.1 调试遇到的问题21第六章 总结与心得22附录： 参考资料22第一章 绪论1.1题目的背景 经过近几年的观察，健身房成为许多中年人和年轻朋友们比较喜欢的娱乐场所，既能娱乐又能保持身体健康。致使越来越多的人去健身房，如学生、上班一族、中年人、老年人。这是一个非常好的现象，因为越来越多的人懂得多锻炼，少对点电脑，可以利用这些时间多做运动，放松心情，还能减轻压力，达到减肥的目的。大多数女同志们去健身房的直接目的是为了减肥，随着健身设施的增加，减肥的方式也变的多样，并不像以前只是跑步来减肥，现在很多女孩子最喜欢的减肥方法就是瑜伽，既能减去赘肉，还能美化身体线条。是女生首选的运动项目。

4、 而男生们大多数是为了增强体质，增加自己的肌肉感，使身材看起来更有型一些，当然，除了健身方面的原因，还有一个原因是现在很多年轻人把去健身房当作一个很好的交际场所，他们可以借此机会结交一些朋友，扩展自己的交际圈，平时也可以和大家组织一些群体活动。而老人去健身房的主旨是为了锻炼身体，很多老人不再只是散散步，打打拳之类的，他们也追随年轻人的运动方式，偶尔去去健身房。 介于健身房如此火热，我这次的选题就是为健身房设计的网站。极限健身俱乐部是我所知比较有代表性的俱乐部，其市内环境优雅，服务到位，健身设施齐全，适合男女老少各个年龄的人们到来，为了大家更好的了解极限健身俱乐部，我已以网站的形式向大家展示。相

5、信大家一定会更了解极限健身俱乐部。更多朋友也会被它吸引。1.2 题目的意义 通过本网站，希望更多的人了解健身的意义，不仅仅是娱乐，也并不仅仅只是达到减肥的目的，更多的是从中我们会获得快乐，还能增强自身的体质，更能和更多的人成为朋友，希望大家能把上网玩游戏，看电影的时间多一点用来健健身。何尝不是一个更好的选折呢。1.3 结构设计 论文的结构分为六部分，从背景介绍到功能分析，从总体设计到编码实现部分，最后是系统调试与总结，论文主要是围绕我制作的网站分步介绍，而网站的结构是由一个主页到九个子页构成的，每一页的内容都是独立又与其他页保持联系的，主页是一个网站最主要的部分，要想做好一个网站必须首先做好一

6、个主页，给人新颖的感觉才能吸引人们的眼球，我的主页选折的是清新淡雅的颜色，因为运动本身就是给人感觉悠闲、自由的，所以颜色清淡更能让人内心感觉放松，愉悦。主页我选用极限健身俱乐部的招牌健身运动，瑜伽作为主页的图片。也相应给出其他健身项目的图片，不要给人单调的感觉。 第一个子页分别介绍了俱乐部都有哪些健身项目，给人一目了然的视觉效果，第二个子页是对极限健身俱乐部的介绍，该页插入flash动画效果，让人在阅读资料的过程中不会感到枯燥，动态的效果更能吸引人的眼球。第三页是对各个健身项目的简介，让前来参观极限健身俱乐部网站的顾客更多的了解俱乐部内的各种运动设施，和他们各自的功能，相信一定会有一项运动适合

7、您的。 网站的第四个子页体现的是极限健身俱乐部的新闻页，上面显示了俱乐部的最新动态，近期做过哪些活动，并且有什么优惠方便大家。第五个子页是客户服务页，方便大家有什么问题可以及时与我们联系。第六页专门介绍了俱乐部的顶级教练员，详细介绍教练信息，让大家更多的了解，方便提前预约教练。第七页给出了俱乐部的详细地址和联系方式，方便大家很容易找到俱乐部。第八页展示了俱乐部的招牌运动项目，让顾客了解我俱乐部目前的趋势动态，方便给您更好的建议。最后一页是在线留言页，顾客可以二十四小时联系我们在线的顾问，随时咨询您不懂的问题，也希望大家多多提出宝贵意见。第二章 技术设计功能分析2.1功能分析 本网站是浏览健身俱

8、乐部网站，以图片和Flash动画欣赏为主，包含了少量的文字。以图片为主，图片更能很好的体现俱乐部的特征。网站主要由首页，图片和Flash动画组成，首页包括图片和Flash按钮。还运用文字滚动字幕实现了动态的效果。访问起来简单方便。网页风格统一，色彩基本一致，看似舒服自然。将自己的风格、爱好从整个网页中表现出来。该网页主要静态网页为主，但个别子页也加入flash动画增加动态效果。加强网页的活力性，静而不死板。个别子页使用框架集制作，还集合了模版页的功能。子页中还运用图层，表单等。2.2 技术设计分析 本网页的制作可利用的操作系统如Windows XP，Linus系统，Unix系统等等。 制作本网

9、页的主要工具是利用Dreamweaver和fash等设计软件及html编写。 本网页图片的及色彩的搭配都是用Photoshop、fierwork等制图软件美化出来的，不同的子页，不同的背景，Photoshop都把它们渲染的淋漓尽致。 另外flash基于矢量，所以还有以下特点：第一，普及性强，flash软件操作界面简单易懂可以充分发挥自己的创造力。第二，互动性强，多媒体和交互性强大。第三，通用性好，在各类浏览器中样式统一，在没有安装插件的系统里，可以使用JAVA或动态GIF89a来运行。基于以上的优点，网页制作过程充分使用了flash及Photoshop等软件。 第三章 总体设计与详细设计3.1

10、总体设计 设计图如：链接各子页导 航 条 首 页咨 询 方 式俱乐部新闻图 片 区健身项目展示最 新 动 态详 细 地 址图31 主页总体结构图3.2 结构设计首页健身项目俱乐部简介项目简介俱乐部新闻联系我们售后服务教练员简介其他在线留言极限健身俱乐部网站导航图32 子页结构设计 网页设计思路是进入主页后会看到上方相应的导航条，子页共设为九个部分，可因个人喜好习惯进入自己想要参观的网页，参观者可任意选折进入。3.3 详细设计 主页以及相关子页截图如下： 主页如图所示 主页设计风格主页以热门健身项目为主，例如：瑜伽等主打运动项目，让顾客了解我俱乐部目前的趋势，页面色彩搭配协调，以淡色为主，红色部

11、分较为显眼，目的是吸引参观者的眼球，上面有注明俱乐部特色，会员风采，减肥训练立即加入等字样。导航前加入flash按钮使网页多样化，导航上面设有滚动字样，使网页整体效果富有活力性。白色滚动字样更能吸引顾客的注意力，红色区域上是俱乐部近期做过的各种活动，和即将要组织的活动，以及最新的动态，希望顾客及时参与。 子页1如图 该页体现的的主体是主要项目的具体介绍，如俱乐部主打的几项运动，有瑜伽、大众健身操、动感单车、街舞、羽毛球、健美操等。这几项运动是目前本俱乐部开展的最受欢迎的几项运动，能很好的体现俱乐部与时俱进、抓住现在年轻人的心理，开展各项大众喜爱的健身项目，吸引顾客前来亲身体验。旁边列举了俱乐部

12、的一些其他健身项目，如拉丁舞，搏击健美操等。种类多样，适合青年，中年，老年的各种健身器材，页面色调简单，没有加入太多的色彩，因为我个人感觉运动的颜色就是白色甚至是透明，是无色的，喜欢运动的人会从中找到快乐，懂得运动的人在运动之后不会感觉疲惫，而是大汗淋漓后的轻松，会感到身心愉悦，轻松自在，我个人感觉运动是神奇的，有时会从中找到自信，也会锻炼人的意志力。我建议大家都根据自身情况做适合自己的运动项目。生命在于运动是很有道理的。 子页2如图所示 本页是健身项目，设计的思想是页面设计不要太复杂，既然只是让顾客知道极限健身俱乐部都有哪些运动项目，就要直入主题，避免一些无用的东西，以免顾看看起来不舒服，觉

13、得啰嗦还没有达到自己的目的，本页我加入flash动画配合本页，看起来非常搭配，颜色也很符合，而且加上是动态的效果，还是一个球体在上下运动，可谓是恰到好处。就像健身球一样，有着动感的元素，中间是各项运动项目列表，有健身球、网球、动感单车、瑜伽、羽毛球、跑步机、健美操。当然还有很多项目不能一一列举，内置导航，可供顾客自行进入更多了解。 子页3如图所示本页是客户服务页，专为客户设置，为方便客户更好的联系我们，如遇到任何问题可以及时与我们沟通保持联系，我们会尽最大能力帮助解决困难。页面简单清晰，导航还设置其他服务项目，例如高级教练、专业顾问、相关咨询等服务项目。 子页4如图所示 本页主要内容是本俱乐部高级健身教练简介，为方便客户能第一时间预约到适合自己的教练，该页体现的是俱乐部具代表性的高级教练，他主要以健美操为主，曾经获国家健美操比赛第二名，是众多顾客最喜欢的教练之一，所以现想要找他作为自己的私人教练必须提前预约，为客户更了解该教练，在此特