1、网站设计与实现课程设计吉林工程技术师范学院 网 站 设 计 与 建 设 课程设计报告设计题目： 极限健身俱乐部网站设计 2011 年 12 月信息工程学院网站设计与实现课程设计摘 要随着生活的日益发展，人们的生活水平也不断提高，健身房也是很多年轻人青睐的地方，不但可以强身健体，还能丰富业余生活。健身俱乐部作为专业的健身办事行业，已经越来越受到人们的青睐。随着自身的范围不绝扩大，客户数量也不断增多。由于本人爱好运动，所以选折为俱乐部设计网站，运用网页设计这门课程所学的基础知，实现了将静态网页与各种特效效果相结合。例如：网页中插入 flash 动画，增加网页生动性，还运用图层、字幕滚动等特效使网页
2、色彩搭配协调，看起来很舒服。在理论和技术的基础上，能够掌握网络环境中网站设计和建设的应用技术。通过课程设计的过程，加深了对理论知识的理解和技术的运用，加强了个人的分析问题、解决问题、设计实施 方案的能力，并掌握多门知识的运用，加强了个人专业技能的提高。该网页风格设计简明清晰。内容丰富、操纵轻便、界面雅观。基本满足俱乐部实际的需要。关键字：俱乐部 网站设计 内容丰富 flash网站设计与实现课程设计3目 录第一章 绪论41.题目的背景41.题目的意义51.结构设计5第二章 技术设计功能分析62.1 功能分析62.2 技术设计分析6第三章 总体设计与详细设计73.1 总体设计93.2 结构分析10
3、3.3 详细设计14第四章 编码实现15第五章 系统调试205.1 调试遇到的问题21第六章 总结与心得22附录：参考资料22网站设计与实现课程设计4第一章 绪论1.1 题目的背景经过近几年的观察，健身房成为许多中年人和年轻朋友们比较喜欢的娱乐场所，既能娱乐又能保持身体健康。致使越来越多的人去健身房，如学生、上班一族、中年人、老年人。这是一个非常好的现象，因为越来越多的人懂得多锻炼，少对点电脑，可以利用这些时间多做运动，放松心情，还能减轻压力，达到减肥的目的。大多数女同志们去健身房的直接目的是为了减肥，随着健身设施的增加，减肥的方式也变的多样，并不像以前只是跑步来减肥，现在很多女孩子最喜欢的减
4、肥方法就是瑜伽，既能减去赘肉，还能美化身体线条。是女生首选的运动项目。而男生们大多数是为了增强体质，增加自己的肌肉感，使身材看起来更有型一些，当然，除了健身方面的原因，还有一个原因是现在很多年轻人把去健身房当作一个很好的交际场所，他们可以借此机会结交一些朋友，扩展自己的交际圈，平时也可以和大家组织一些群体活动。而老人去健身房的主旨是为了锻炼身体，很多老人不再只是散散步，打打拳之类的，他们也追随年轻人的运动方式，偶尔去去健身房。介于健身房如此火热，我这次的选题就是为健身房设计的网站。极限健身俱乐部是我所知比较有代表性的俱乐部，其市内环境优雅，服务到位，健身设施齐全，适合男女老少各个年龄的人们到来
5、，为了大家更好的了解极限健身俱乐部，我已以网站的形式向网站设计与实现课程设计5大家展示。相信大家一定会更了解极限健身俱乐部。更多朋友也会被它吸引。1.2 题目的意义 通过本网站，希望更多的人了解健身的意义，不仅仅是娱乐，也并不仅仅只是达到减肥的目的，更多的是从中我们会获得快乐，还能增强自身的体质，更能和更多的人成为朋友，希望大家能把上网玩游戏，看电影的时间多一点用来健健身。何尝不是一个更好的选折呢。1.3 结构设计论文的结构分为六部分，从背景介绍到功能分析，从总体设计到编码实现部分，最后是系统调试与总结，论文主要是围绕我制作的网站分步介绍，而网站的结构是由一个主页到九个子页构成的，每一页的内容
6、都是独立又与其他页保持联系的，主页是一个网站最主要的部分，要想做好一个网站必须首先做好一个主页，给人新颖的感觉才能吸引人们的眼球，我的主页选折的是清新淡雅的颜色，因为运动本身就是给人感觉悠闲、自由的，所以颜色清淡更能让人内心感觉放松，愉悦。主页我选用极限健身俱乐部的招牌健身运动，瑜伽作为主页的图片。也相应给出其他健身项目的图片，不要给人单调的感觉。网站设计与实现课程设计6第一个子页分别介绍了俱乐部都有哪些健身项目，给人一目了然的视觉效果，第二个子页是对极限健身俱乐部的介绍，该页插入 flash 动画效果，让人在阅读资料的过程中不会感到枯燥，动态的效果更能吸引人的眼球。第三页是对各个健身项目的简
7、介，让前来参观极限健身俱乐部网站的顾客更多的了解俱乐部内的各种运动设施，和他们各自的功能，相信一定会有一项运动适合您的。网站的第四个子页体现的是极限健身俱乐部的新闻页，上面显示了俱乐部的最新动态，近期做过哪些活动，并且有什么优惠方便大家。第五个子页是客户服务页，方便大家有什么问题可以及时与我们联系。第六页专门介绍了俱乐部的顶级教练员，详细介绍教练信息，让大家更多的了解，方便提前预约教练。第七页给出了俱乐部的详细地址和联系方式，方便大家很容易找到俱乐部。第八页展示了俱乐部的招牌运动项目，让顾客了解我俱乐部目前的趋势动态，方便给您更好的建议。最后一页是在线留言页，顾客可以二十四小时联系我们在线的顾
8、问，随时咨询您不懂的问题，也希望大家多多提出宝贵意见。网站设计与实现课程设计7第二章 技术设计功能分析2.1 功能分析本网站是浏览健身俱乐部网站，以图片和 Flash 动画欣赏为主，包含了少量的文字。以图片为主，图片更能很好的体现俱乐部的特征。网站主要由首页，图片和 Flash 动画组成，首页包括图片和 Flash 按钮。还运用文字滚动字幕实现了动态的效果。访问起来简单方便。网页风 格 统 一 ， 色 彩 基 本 一 致 ， 看 似 舒 服 自 然 。将 自 己 的 风 格 、 爱 好 从 整 个 网 页 中 表 现 出 来 。 该 网 页 主 要 静 态网 页 为 主 ， 但 个 别 子 页
9、 也 加 入 flash 动 画 增 加 动 态 效 果 。 加 强网 页 的 活力性，静而不死板。个别子页使用框架集制作，还集合了模版页的功能。子页中还运用图层，表单等。2.2 技术设计分析本网页的制作可利用的操作系统如 Windows XP，Linus系统，Unix 系统等等。 制作本网页的主要工具是利用Dreamweaver 和 fash 等设计软件及 html 编写。 本网页图片的及色彩的搭配都是用 Photoshop、fierwork 等制图软件美化出来的，不同的子页，不同的背景，Photoshop 都把它们渲染的淋漓尽致。另外 flash 基于矢量，所以还有以下特点：第一，普及性网
10、站设计与实现课程设计8强，flash 软件操作界面简单易懂可以充分发挥自己的创造力。第二，互动性强，多媒体和交互性强大。第三，通用性好，在各类浏览器中样式统一，在没有安装插件的系统里，可以使用JAVA 或动态 GIF89a 来运行。基于以上的优点，网页制作过程充分使用了 flash 及 Photoshop 等软件。网站设计与实现课程设计9第三章 总体设计与详细设计3.1 总体设计设计图如：俱乐部新闻图 片 区 健身项目展示最 新 动 态详 细 地 址首 页导 航 条 链接各子页咨 询 方 式网站设计与实现课程设计10图 31 主页总体结构图3.2 结构设计首页健身项目俱乐部简介项目简介俱乐部新闻联系我们售后服务教练员简介其他在线留言极限健身俱乐部网站导航图 32 子页结构设计网页设计思路是进入主页后会看到上方相应的导航条，子页共设为九个部分，可因个人喜好习惯进入自己想要参观的网页，参观者可任意选折进入。
