基于html健身与健康网页

摘 要

我们已经进入互联网时代，互联网实现了世界范围的网络间的互联和信息共享，并已全面介入人们生产生活的方方面面。随着我国计算机技术的发展与普及，网络已经成为人与人之间交流的一种重要形式。我校作为教育部门，在发展教育的过程中更是离不开网络技术，因为它能够让复杂的事情简单化。

现今网络已经成为我们生活中不可缺少的部分了，生活中处处反映着网络的作用，比如Internet、局域网，甚至手机通信的GPRS。然而随着网络技术的飞快发展,各式各样的网站制作技术涌现了出来，拉动了一些新兴的产业，比如聊天，网络游戏，上网看电视等的飞快发展。

健身是随着人类社会的发展而产生和发展的。原始人类在为生存而同自然界进行斗争中，发展了走、跑、跳、投掷、游泳以及其他各种技能。这些原始人类的生产和生活技能与现代人的体育活动都是身体的活动，其区别在于前者主要用于谋生，后者主要用以锻炼身体。健身作为一个专门的科学领域，是人类社会长期实践中，随着社会生活和生产的不断发展而逐渐建立和发展起来的，它受一定的社会政治、经济的影响与制约，也为一定的社会政治、经济服务。 

本课题采用HTML+DIV+CSS布局的方法实现了一个小型的健康页的构建。网页主要包括了整理网站的相关资料，完成图形和图像的加工与制作，设计版式与布局，运用多媒体特效等。同时网站的制作包含了网站的前期策划，版式与布局设计，网站的色彩搭配和界面设计，各页面的具体实现，多媒体动画的应用以及网页的测试与维护等等。

关键词：健身；DIV；HTML ；CSS

目  录

摘 要 Ⅱ

第1章 研究对象与方法 1

1.1健康宝典 1

    1.1.1 2017年12大健康生活方式 1

1.1.2关于跑步健身的几点小知识 2

1.2.3懒人忙人的最佳运动健身方式 4

1.2.4全民健身--大学生平板"撑"霸 4

1.2.5世界公认十大健康水果 5

第2章 设计步骤 6

2.1 Dreamweaver制作静态页面 6

2.1.1 打开Dreamweaver软件 6

2.1.2 新建html文件 6

2.1.3 首页保存为index.html 7

2.1.4 对应原初设计的文件栏目做好文件夹分类 8

2.1.5 在index.html 文件中新增首页的代码 8

第3章 关键技术介绍 9

3.1技术分析 9

3.1.1  DIV+CSS 9

3.1.2 HTML 9

第4章 系统分析 9

4.1 开发工具选择 9

4.1.1  Dreamweaver 9

4.1.2  Photoshop 9

第5章 详细设计 10

5.1网站色彩 10

5.2 字体设计 10

5.3 logo设计 10

5.4 导航设计 10

5.5 健康宝典页面设计 11

5.6 健康新闻页面设计 12

5.7 视频页面设计 12

5.8 健康宝典三级页面设计 15

第6章 系统测试 16

6.1 浏览器兼容测试 16

    6.1.1 IE浏览器下测试结果 16

    6.1.2 谷歌浏览器下测试结果 17

第7章 结论 18

参考文献 19

致谢 20

成品题目录像免费下载：

javajsp程序设计选题表题目大全含录像免费下载地址：（点击打开）

https://www.soudaima.cn/jd_test89/products/13659651.html

php程序设计选题表题目大全含录像免费下载地址：（点击打开）

https://www.soudaima.cn/jd_test89/products/13659652.html

asp.net程序设计选题表题目大全含录像免费下载地址：（点击打开）

https://www.soudaima.cn/jd_test89/products/13659653.html

javajspssm程序设计选题表题目大全含录像免费下载地址：（点击打开）

https://www.soudaima.cn/jd_test89/products/13792170.html

javajspssh程序设计选题表题目大全含录像免费下载地址：（点击打开）

https://www.soudaima.cn/jd_test89/products/13792180.html

javajspmvc程序设计选题表题目大全含录像免费下载地址：（点击打开）

https://www.soudaima.cn/jd_test89/products/13659651.html

Android安卓程序设计选题表题目大全含录像免费下载地址：（点击打开）

https://www.soudaima.cn/jd_test89/products/13792190.html

HTML程序设计选题表题目大全含录像免费下载地址：（点击打开）

https://www.soudaima.cn/jd_test89/products/13792200.html

定做题目免费下载：

php定做题目大全免费下载地址：（点击打开）

https://www.soudaima.cn/jd_test89/products/13792230.html

Javajsp定做题目大全免费下载地址：（点击打开）

https://www.soudaima.cn/jd_test89/products/13792220.html