1. 研究目的与意义（文献综述包含参考文献）
选题依据、背景情况
目前中国肥胖者已远远超过9000万名，超重者高达2亿名。专家预测，未来十年中国肥胖人群将会超过2亿。
《英国医学杂志》的一篇评论说，中国的肥胖问题正以令人担忧的速度增加，有近15％的人口体重超标，儿童肥胖在15年里增加了28倍。
专家们认为，肉类饮食的增多、汽车使用的增加以及体育锻炼的缺乏，这些更富足的生活方式是造成中国人肥胖的罪魁祸首。随着中国的13亿人口体重的增加，糖尿病和心脏病等疾病将会越来越多。
中国医学科学院的武阳丰教授在一篇论文里写道：中国曾是拥有最瘦人口的国家之一，如今它正迅速地赶上西方国家。令人不安的是，这一切是在极短的时间内发生的。
英国伯明翰大学糖尿病和肥胖症研究小组负责人托尼巴尼特说：这种现象变化速度惊人。有趣的是，不仅发达国家如此，发展中国家也有这种趋势。
2002年中国营养和健康调查数据显示，14．7％的中国人体重超标，2．6％的中国人属于肥胖。这与美国和英国比起来还有相当距离，这两国的体重超标比例分别占到总人口的近2／3和一半。
最令人吃惊的是中国追赶西方的速度。1985年～2000年，在年龄为8岁～18岁的中国儿童及青少年中，体重超标和肥胖人数增加了28倍。现在全球近1／5的体重超标者或肥胖者是中国人。巴尼特教授说：人们称之为西化，其实是城市化。城市化带来了生活方式的改变。
武教授说：中国人通常认为胖代表健康、富足。这或许是中国近代历史的结果，当时饥荒和长期营养不良造成数以百万人死亡。
肥胖带来的问题：
1.导致血脂异常
肥胖者，特别是腹型肥胖者比普通人更容易表现为高胆固醇血症、高甘油三酯血症、低密度脂蛋白和极低密度脂蛋白异常升高，而高密度脂蛋白反而降低。肥胖者容易患高脂血症的原因目前还不十分清楚，可能的原因有如下几点：一是进食脂肪多，二是体内脂肪储存多，三是高胰岛素血症可增高血脂，四是血脂的清除有问题。
2.增加脑血管病变
肥胖者容易患高血压、血脂紊乱及糖尿病，而有高血压、血脂紊乱和糖尿病的肥胖者，大脑更容易出问题。首先，这种人容易发生大脑动脉粥样硬化，他们的大脑血管又硬又脆，容易在高血压的作用下发生破裂，引起危险的脑出血，甚至危及生命。其次，肥胖者血液中的组织纤溶激活抑制因子也比普通人高，这种因子使血栓一旦生成，就难以溶解，所以肥胖者容易发生脑血栓，也就是脑梗死。
3.增加患高血压的概率
肥胖与高血压密切相关。在4050岁的肥胖者中，高血压的发生几率要比非肥胖者高50%。一个中度肥胖的人，发生高血压的机会是体重正常者的5倍多，是轻度肥胖者的2倍多。
4.增加心脏负荷
有人发现，肥胖者心绞痛和猝死的发生率提高了4倍。这说明肥胖肯定会增加心脏的负担，造成心脏损害。正常人体的心脏就像一个水泵，不停地收缩和舒张，维持着血液的循环流动。肥胖者由于血液中储存了过多的脂肪，所以血液总量也相应地增加了很多，心脏就会相应地增加收缩的力量。当心脏不堪重负时，它就无法再有效地泵血，就造成血液积聚在心血管系统的状态，重者甚至出现明显的心功能衰竭。
5.导致脂肪肝
大约有一半的肥胖者患有脂肪肝。肝脏是合成甘油三酯的场所，然而肝内并没有多少多余空间来储存它。在肥胖者体内甘油三酯合成与转运之间的平衡发生了失调，肥胖者的脂肪酸摄入多，所以肝脏合成的甘油三酯也多。大量的甘油三酯堆积在肝脏内.结果形成了脂肪肝。
6.增加糖尿病风险
肥胖是发生糖尿病的重要危险因素之一。在2型糖尿病病人中，80%都是肥胖者。而且，发生肥胖的时间越长，患糖尿病的几率就越大。
7.引起骨关节疾病
肥胖可能引起的骨关节疾病主要有三种：骨性关节炎、糖尿病性骨关节病和痛风性骨关节病。其中发生最多、危害最多的是骨性关节炎。肥胖引起的骨性关节炎主要影响膝关节，其次可影响髋关节及手指关节等。
8.肥胖者易患癌症
根据流行病学调查的结果，肥胖妇女更容易患子宫内膜癌和绝经后乳腺癌，肥胖男性则更容易患前列腺癌；而且只要是肥胖者，无论男女都更容易患结肠癌及直肠癌。肥胖的程度越严重，上面几种癌症的患病率就越高。
国内外研究情况
为了设计出能吸引用户浏览的网页，在设计网页之前，要对网页进行布局。所谓网页布局，就是要对出现在网页中的所有元素进行定位。例如要确定网页的标志图标LOGO、网页标题、新闻提要、导航栏、版权申明和联系信息等的位置。如今大部分网站都采用了一种更好、更灵活的，且功能更强大的网站设计方法，即DIV CSS。DIV CSS 是获得业内认可，并且迅速流行起来的新型网页设计技术，利用DIV CSS 布局网页是一种盒子模式的开发技术。它通过由CSS 定义的大小不一的盒子和盒子嵌套来编排网页。用这种方式排版的网页代码简洁，更新方便，能兼容更多的浏览器，例如PDA 设备也能正常浏览，因此越来越受到网页开发者的欢迎。
CSS 和DIV 的概念
CSS 是层叠样式表的缩写。CSS 技术是一种格式化网页的标准方式，可以为结构化文档添加样式( 字体、间距和颜色等) 。通过设置CSS 属性使网页元素获得不同效果，它扩展了HTML 的功能，使网页设计者能够以更有效的方式设置网页格式。CSS 可将网页要展示的内容与样式定义分开，即将网页的外观设定信息从网页内容独立出来，并集中管理。这样当改变网页外观时，只需更改样式定义，HTML 文件本身并不需要更改。CSS 的定义有三种: 外部样式表、内嵌样式表和行内样式表。外部样式表这种方式是将CSS 样式定义写成一个后缀为CSS 文件，可应用于网站的不同页面; 内嵌样式表是在＜ STYLE ＞ 标记符中定义样式信息，只能应用于当前页面; 行内样式表是在标记符中直接嵌套样式信息，其作用的范围仅限于本标签。
DIV 是指HTML 中的层标记符＜ div ＞ ，层Layer) 是一种HTML 页面元素，它功能强大，可以创建复杂的页面布局。可以将它定位在页面上的任意位置。层可以包含文本、图像或其他HTML文档。一个网页可以有多个层，多个层可以重叠和嵌套，可以设定层是否可见，是否有子层等。层的出现使网页从二维平面拓展到三维。
CSS DIV 页面布局的实现
网页中的表格或其他块都具备内容( content) 、填充( padding) 、边框( border) 、边界( margin) 等基本属性，一个CSS 盒子也具备这些属性。在利用DIV 和CSS 布局时，需要利用CSS 定义大小不一的CSS 盒子以及盒子嵌套。
一般而言，网页实现CSS DIV 布局的流程图。
定义样式 |
绘制图层 |
引用定义的样式 |
保存预览网页 |
主要参考文献
[1] 张瑛，郑国莘. 基于现有技术的几种网站建设方案[J]. 电脑开发与应用, 2000,(30 ):45~52.
[2]杜玉梅 , 杜习英,刘晓云. 中小企业的网站建设方案[J]. 合肥工业大学学报, 2001,(24): 697~699.
[3]牟凤瑞.基于windows的网站建设技术分析[A]. 计算机光盘软件与应用 [C].河北沧州： 河北省沧州师范学院, 2012.147-155.
[4] 曾志明. 网站开发技术的比较研究[J].电脑知识与技术,2010, (6): 第五期.
[5]方俊. 网站设计与开发课程教学的探索[J]. 大众科技, 2009 ,（2）: 157~158.
[6]李雪瑗. 基于flash技术的精品课程网站设计与实现 [D]. 山东: 山东师范大学,2019.9.29.
[7]陈虹 .ASP.NET软件开发中SQL数据库的访问控制问题浅析[J]. 计算机光盘软件与应用, 2013, (03): 191~193.
[8]于倩, 罗静. ASP.NET中ADO.NET对数据库的管理[J]. 微计算机应用,2004, (25 ): 373~375.
[9]程文玮. ASP.NET数据库管理[J].广州大学学报, 2005,( 4 ): 2 .
[10]John Sharp [英国].《VisualC#2010从入门到精通》[M]. 周靖 .北京：清华大学出版社，2010.
[11]甘洁静 .SQL数据库的简历与管理[J] . 计算机光盘软件与应用 ,2012,( 4 ): 109~110.
[12]向文红. 论体育运动与健康的辩证关系[J]. 2013, （18）:137~139.
[13]马春林, 刘志民. 体育运动与生活质量关系研究的进展与趋势[A]. 广州体育学院学报 [C].广州：广州体育学院 2011，28-33.
[13]杜河金 .关于厨房装修设计与施工中的细节分析[R].361009 ,福建 :厦门金腾装饰集团有限公司 ,2014 .
[14]马倩. 厨房装修不可忽视的7步骤 [N]. 厨房卫浴,2010.
[15]沈淑娴 .浅谈现代家庭厨房装修[J] .山西建筑, 2010,（36）:240~241.
[16]一周家庭养生菜谱 [J]. 百姓生活 ,2012,（4）:全文.
[17]小雯. 冬季养生菜谱[J]. 生活百科, 2012,（11）:全文.
[18]夏耘 .初春饮食4原则[J] .人人健康 everyone is well, 2014,(5):32~34.
[19]茅建民, 杨兆丰. 润肺养生菜谱[N] .健康宝典 ,73.
[20]Kholoud Al-Qeisi.Website design quality and usage behavior:Unified of Acceptance and Use of Technology.[J].Journal of Business Research,2014,(67):2282~2290
[21]Mei-Ling Wang, Ming-Yueh Tsay, Chih-Ming Chen, Yun-Er Ke, Chia-Ying Tsai, Yong-Ting Chen,Yi-Jen Lin . A Digital Library Pilot Study on Taiwan Libraries' History[A]. Journal of Library and Information Science[C]. 2008,（No.1）:20~22
[22]我要自学网[EB/OL].http://www.51zxw.net/default.aspx ,2015-1-31.
[23]SQL四条最基本的数据操作语句：Insert，Select，Update和Delete
[24]脚本之家[EB/OL].http://www.jb51.net/article/30948.htm ,2015-01-31.
[25]张丽英. 《 Dreamweaver网页设计与应用》[M].北京： 人民邮电大学出版社， 2009.
[26]张蒲生. 《数据库应用技术SQ Server 2005 基础篇》[M]. 北京：机械工业出版社 ,2005.
[27]朱如龙 . 《SQL Server2005数据库应用系统开发技术》[M]. 北京: 机械工业出版社 , 2006.
[28]邝孔武, 王晓敏. 《信息系统分析与设计》 [M].北京： 清华大学出版社， 2011.
[29]John Sharp [英国].《VisualC#2010从入门到精通》[M]. 周靖.北京：清华大学出版社 ，2010.
[30]张正礼, 王坚宁.《ASP.NET4.0从入门到精通》[M].北京：清华大学出版社， 2013.
[31]王晶晶, 陈文鹤. 运动减肥对肥胖青少年身体邢台、血液生化指标和心率的影响[J]. 上海体育学院学报 ,2009 ,( 33) : 58~61.
检索策略和结果
（1）检索源
中国知网，中国期刊网，中国重要数据全文数据库，万方数据资源系统，
百链云图书馆，经济学人，全文数据库，
（2）检索策略
不同的关键词进行组合
（3）检索词列表
网站建设 网页设计 健康饮食 食谱 体育健康
（4）检索结果汇总表
序号 | 检索式 | 检索结果 | ||||
1 | 中文数据库 | 英文数据库 | 合计 | |||
2 | 1 | 2 | 26 | 9 | 35 | |
3 | 1 | 3 | 19 | 8 | 27 | |
4 | 1 | 4 | 12 | 4 | 16 | |
5 | 1 | 5 | 33 | 24 | 57 | |
6 | 2 | 3 | 4 | 15 | 3 | 18 |
7 | 2 | 4 | 5 | 11 | 2 | 13 |
8 | 2 | 5 | 29 | 16 | 45 | |
9 | 3 | 4 | 5 | 7 | 2 | 9 |
10 | 3 | 5 | 6 | 1 | 7 | |
11 | 4 | 5 | 7 | 3 | 10 |
研究述评（已有研究不足或其研究的局限性）
从检索结果来看，我国目前有关健康饮食的网站还比较少，目前有关的网站都是单纯的关注菜谱，介绍一些烹饪方法。把健康饮食和食谱结合起来还是比较少的。
2. 研究的基本内容、问题解决措施及方案
研究目的：
利用html,css,javascript，做出一个关于健康食谱的网站，帮助人们健康饮食。
研究内容：
