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

吉林工程技术师范学院 《网站设计与建设》 课程设计报告 设计题目： 极限健身俱乐部网站设计 专 业：计算机科学与技术 班级： C1053 学生姓名： 周玉鑫 学号： 06 指导教师： 戴红、刘君玲 2011年12月 信息工程学院  摘 要 随着生活的日益发展，人们的生活水平也不断提高，健身房也是很多年轻人青睐的地方，不但可以强身健体，还能丰富业余生活。健身俱乐部作为专业的健身办事行业，已经越来越受到人们的青睐。随着自身的范围不绝扩大，客户数量增多在理论和技术的基础上，能够掌握网络环境中网站设计和建设的应用技术。通过课程设计的过程，加深对理论知识的理解和技术的运用风格统一，将自己的从整个网页中表现出来Unix系统等等。 制作本网页的主要工具是利用Dreamweaver和fash等设计软件及html编写。 本网页图片的及色彩的搭配都是用Photoshop、fierwork等制图软件美化出来的，不同的子页，不同的背景，Photoshop都把它们渲染的淋漓尽致。 另外flash基于矢量，所以还有以下特点：第一，普及性强，flash软件操作界面简单易懂可以充分发挥自己的创造力。 第二，互动性强，多媒体和交互性强大。第三，通用性好，在各类浏览器中样式统一，在没有安装插件的系统里，可以使用JAVA或动态GIF89a来运行。基于以上的优点，网页制作过程充分使用了flash及Photoshop等软件。 第三章 总体设计与详细设计 3.1总体设计 设计图如： 图3—1 主页总体结构图 3.2 结构设计 图3—2 子页结构设计 网页设计思路是进入主页后会看到上方相应的导航条，子页共设为九个部分，可因个人喜好习惯进入自己想要参观的网页，参观者可任意选折进入。 3.3 详细设计 主页以及相关子页截图如下： 主页如图所示 主页设计风格主页以热门健身项目为主，例如：瑜伽等主打运动项目，让顾客了解我俱乐部目前的趋势，页面色彩搭配协调，以淡色为主，红色部分较为显眼，目的是吸引参观者的眼球，上面有注明俱乐部特色，会员风采，减肥训练 立即加入等字样。导航前加入flash按钮使网页多样化，导航上面设有滚动字样，使网页整体效果富有活力性。白色滚动字样更能吸引顾客的注意力，红色区域上是俱乐部近期做过的各种活动，和即将要组织的活动，以及最新的动态，希望顾客及时参与。 子页1如图 该页体现的的主体是主要项目的具体介绍，如俱乐部主打的几项运动，有瑜伽、大众健身操、动感单车、街舞、羽毛球、健美操等。这几项运动是目前本俱乐部开展的最受欢迎的几项运动，能很好的体现俱乐部与时俱进、抓住现在年轻人的心理，开展各项大众喜爱的健身项目，吸引顾客前来亲身体验。旁边列举了俱乐部的一些其他健身项目，如拉丁舞，搏击健美操等。种类多样，适合青年，中年，老年的各种健身器材，页面色调简单，没有加入太多的色彩，因为我个人感觉运动的颜色就是白色甚至是透明，是无色的，喜欢运动的人会从中找到快乐，懂得运动的人在运动之后不会感觉疲惫，而是大汗淋漓后的轻松，会感到身心愉悦，轻松自在，我个人感觉运动是神奇的，有时会从中找到自信，也会锻炼人的意志力。我建议大家都根据自身情况做适合自己的运动项目。生命在于运动是很有道理的。 子页2如图所示 本页是健身项目，设计的思想是页面设计不要太复杂，既然只是让顾客知道极限健身俱乐部都有哪些运动项目，就要直入主题，避免一些无用的东西，以免顾看看起来不舒服，觉得啰嗦还没有达到自己的目的，本页我加入flash动画配合本页，看起来非常搭配，颜色也很符合，而且加上是动态的效果，还是一个球体在上下运动，可谓是恰到好处。就像健身球一样，有着动感的元素，中间是各项运动项目列表，有健身球、网球、动感单车、瑜伽、羽毛球、跑步机、健美操。当然还有很多项目不能一一列举，内置导航，可供顾客自行进入更多了解。 子页3如图所示 本页是客户服务页，专为客户设置，为方便客户更好的联系我们，如遇到任何问题可以及时与我们沟通保持联系，我们会尽最大能力帮助解决困难。页面简单清晰，导航还设置其他服务项目，例如高级教练、专业顾问、相关咨询等服务项目。 子页4如图所示 本页主要内容是本俱乐部高级健身教练简介，为方便客户能第一时间预约到适合