“四季养生网”网站建设
终期报告
院系：信息科学与工程学院
班级：
组成员：
目录
引言 ··················（1）
1.需求分析 ··················（2）
1.1网站定位 ················（2）
1.2可行性分析 ···············（3）
1.3技术解决方案 ··············（3）
2.规划站点结构 ··············· （4）
3.收集素材 ··················（4）
4.搭建环境 ··················（5）
5.网站设计 ··················（5）
5.1草图（手绘板） ·············（6）
5.2前中期框架图 ··············（7）
5.3完成效果图 ···············（8）
6.团队成员介绍及分工 ············（13）
7.心得体会 ··················（14）
引言
近年来，业内专家将人的健康和生存环境结合起来研究时发现：传统的国学思想中蕴含着丰富的生态医学思想，并且论证了一个比较完备的生态医学体系。在中国文化根基—— 国学上衍生出来的中医理论体系和现在医学的治病机理不同，中医按照“时间、空间、人”把大环境以及个体的整体进行辩证论治和预防的；西医重调养，轻治疗，将“保持平衡、天人合一”作为核心内涵和自然观以达到形神统一的整体观。正是这种中西医学的跨文化沟通正在催生“生态养生学”理论向实践的转折，生态养生将成为健康生活的主流方式。
据卫生部门统计，随着生活水平的提高，生活方式疾病呈快速上升势态；我国疾病死亡率发生了重大变化。50年代，我国死亡的人约有24%是死于生活方式疾病；到90年代末，则有约75%的人是死于生活方式疾病，这是一组令人震惊的数字，应该引起我们的高度重视。世界卫生组织曾发布了一个健康的公式：
健康 = 15%遗传 + 10%社会因素 + 8%医疗 + 7%气候因素 + 60%生活方式 可见，决定健康的主要因素是可能一直被你忽略的你的生活方式、行为。根据《国民营养与健康现状》来看居民营养与健康问题不容忽视。
在物质条件丰富，人们生活水平日益提高的今天，人们对于健康与长寿的要求也越来越高，因而养生也成为当今人们普遍关注的话题。电视上各种各样的养生保健类节目，以及市面上让人眼花缭乱的养生类书籍，常常让人找不到方向，不能方便地找到适合季节的养生方法。因此，为了更方便大家的生活，能够让大家在短的时间获得有用的信息，我们小组通过召开小组会议，大家最终一致决定建设一个“四季养生”网站。
1.需求分析：
① 网站定位
我们网站的主旨在于从各个方面介绍如何养生，通过建立该网站可提供一个方便的与老百姓“面对面”的交互平台。通过这个平台，人们可以很方便、快速的浏览到一年四季的养生之道，从而让人们能够更好的预防疾病、保持健康。该养生网站分为五个模块，分别为：首页、春季养生、夏季养生、秋季养生、冬季养生。首页主要实现综合整个网站信息的功能，使得用户能够快速了解网站信息。春季养生模块中主要实现以下功能：该季节养生食品、饮食注意事项、进补食品、多发疾病及预防、运动注意事项。其他三个季节功能与春季相似。与其他网站一样，该网站也通过Internet来对外宣传网络。
② 可行性分析
改革开放三十年，中国的经济飞速发展，GDP跃居世界前列，人民的生活水平有了质的飞跃，因而他们对健康的重视度也与日俱增。人们不再单单只要求能吃饱，而在于怎么能吃好，怎么吃能对身体有益。前段日子，“蒜你狠”、“豆你玩”等社会现象的存在，表明老百姓现在对于健康的重视，同时也反映出目前缺乏一个平台能通过确切、方便的引导方式让老百姓“有地儿抓药”，为了给人们提供一个方便、真实的养生之道，我们决定要开发功能全面并且可方便、快捷使用的四季养生网站。本小组就养生网站的一般功能作了具体的分析以及对开发时间做了系统的结合，得出了确实可行的计划。
③ 技术解决方案
系统开发语言：HTML语言、php语言、CSS样式布局、javascript
网站运行环境：安装集合了SQL Server 20##、Apache、PHP 等
的XAMPP软件包
运行平台： Windows操作系统
网页设计软件：Dream weaver网页编辑排版
图片处理软件：photoshop等
二．规划站点结构：
站点结构规划是否合理，关乎到建设整个网站的思路是否清晰。通过小组成员讨论，我们分析了几种站点结构的利弊，最后决定采用树型目录结构的站点结构，具体结构如下图：
图解：第一行为根目录 第二行包含整个网站 第三行为四个季节的页面内容
index（首页） spring（春季养生） summer（夏季养生）
autumn（秋季养生） winter（冬季养生） images(网站图片)
三．收集素材：
主要在网站搜集所需要的网页信息，包括图片和文字。同时通过查询相关的书籍和素材光盘等方式搜集所需的文字资料，图像资料，flash动画和网页特效等，用以得到更加具有说服力的网页。其中：
图片包括：背景图片、春夏秋冬四季风景图以及美食图。
文字性资料包括： 通过图书馆查阅养生相关医疗保健的书籍、
查阅春夏秋冬四季的养生食品、饮食注意事项、进补食品、
多发疾病及预防、运动注意事项及各个网页的标语。
四．搭建环境
安装建设网站所需的软件，如Dream Weaver，photoshop、SQL
Server数据库、Web服务软件。
五．网页设计
网站设计整体思路：建立站点——设计主页面——设计分页面
网页设计原则：保持整个页面的平衡性、对称性、对比性、疏密度、比例性。
我们的网站使用DIV+CSS布局，这样可以使得加载速度得到很大提高，动态页面使用javascript实现。网站主题为四季养生网，主页面以土黄色为主，logo为养生的繁体字，标语为“以自然之道，养自然之根”，主页面链接四个季节的养生网页，可以使用户很方便的查阅相关季节养生信息，主页面下方会列出友情链接，将链接到与养生相关的网站。春季养生网页以绿色作为主色调，体现了春季的春意盎然，标语为“春主生发，重在养肝”；夏季养生网页以红色作为主色调，体现了夏天的热情奔放，标语为“夏主散步，重在养胃”；秋季养生网页以淡黄色作为主色调，体现了秋天的丰收，标语为“秋主收敛，重在养肺”；冬季养生网页以蓝色作为主色调，体现了冬天的温馨，标语为“冬主收藏，重在养肾”。在这四个网页中将详细展示每个季节的养生食品、饮食注意事项、进补食品、多发疾病及预防、运动注意事项等等。
接下来将展示该养生网站的草图、框架图、效果图（注：四个季节页面布局相似，在此将展示首页与春季页面的草图与框架图）
草图(手绘板)：
首页
内容页
前中期框架图：
网站首页
内容页
网站效果图：
网站首页：
春季效果图：
夏季效果图：
秋季效果图：
冬季效果图：
六．团队成员介绍及分工：
xxx：组长，负责网站制作过程中组织协调、任务的分配，以及信息的收集，主要负责完成网站前期报告、终期报告、制作“冬季养生”页面。
xxx：小组成员，主要负责整体网站代码的修改，以及各页面动态效果的制作和编辑，主要负责完成网站前期报告、终期报告、“秋季养生”页面的制作。
xxx：小组成员，负责网站美工以及各页面标题图片的美化处理PS等，主要负责完成网站前期报告、终期报告、“夏季养生”页面的制作。
xxx：小组成员，主要负责的是网站整体代码的知识运用（DIV+CSS布局）以及各个页面的布局代码设计，主要负责补充前期、终期报告，“春季养生”页面的制作。
七．心得体会：
经过本学期的大家的共同努力，我们小组的四季养生网站终于顺利完成了。整个网站的90%以上的代码为原创代码，通过学习HTML，css以及js的相关课程以及在网络上查阅相关的资料，我们做到了能自己编写的代码绝对原创，不会自己编写的代码，借鉴别人的但做到能读懂，能模仿。网站中包含大量的与养生相关的文章，我们全部通过网络查找，自己组织编写代码为文章重新排版，整个网站的文章数量达到了130多篇，其中还包括大量的图片，尽力做到了图文并茂，不给人以“文字狱”。在整个网站的设计开发过程中，我们小组的每一位成员都积极参与讨论，认真按时完成自己的任务，前后开过数次小组讨论会议，网站也经过数次改版并最终成型。通过这次养生网站从设计到最终网站成功完成，我们不仅学到了课堂上很多不能学到的关于网站建设的知识，更重要的是能将学到的知识融会贯通，通过查阅资料了解了很多网站建设的前沿知识，例如HTML5等等，通过这次网站的设计我们基本上可以熟练的掌握dreamwaver软件的使用，掌握了很多网页设计的操作技巧，对网页的设计又有了更深的了解。
这次小组共同完成网站的制作，让我们学到了团队合作的精神，各司其职，各尽其力，使我们网站的制作圆满完成，总之，这次的小组合作，让每一位成员都受益匪浅。
第二篇：《网站建设》课程实验报告
桂林电子科技大学信息科技学院
《网站建设》课程实验报告
9
10
11
12
13
14
15
16
