文档介绍:--------------------------校验:_____________-----------------------日期:_____________网站设计说明书DIV+CSS网站建设——精致膳食养身网——毕业设计说明书系部:学生姓名:专业班级:学号:指导教师:2012年10月15日目录摘要: 3一、引言 4(一)开发目的 4(二)开发技术 4(三)开发工具 4二、网站内容规划 4(一)网站主题 4(二)网站内容 5三、网站设计 5(一)网站形象设计 5(二)网站页面设计 6四、网站具体制作 7(一)DIV结构图 7(二)具体模块制作 11(三)特效制作 17五、网站测试 20(一)网站链接测试 20(二)页面检查 20(三)代码检查 20(四)站点文件夹精简 20六、总结 20致谢 22参考文献 22附录 23摘要:本论文主要讲述了关于精致膳食养身网的全部内容,包括网站的具体内容,设计思想,制作过程等等。随着人们生活水平的提高,越来越多的人开始关注自己的身体健康,开始关注养生。精致膳食养身网囊括各种养身知识,满足大众对于健康养身的需求。网站采用DIV+CSS方式构建完成,大大缩减页面代码,更好的控制页面布局,结构简明,让人一目了然。网站采用了清新自然的绿色为主色调,颜色明快柔和,界面美观简洁。清新的绿色让浏览者产生视觉上的放松。本网站文本简明、通俗易懂,整体结构清晰、统一。网站资源丰富、层次清楚、内容严谨。网站导航清晰,布局简单却不单调,下面就通过这篇说明书为大家简要的介绍网站的结构、内容、设计思路、色彩使用方案等内容。关键词:DIV+CSS;HTML;膳食养身一、引言(一)开发目的时代的不断发展促进了人们对养生知识的需求。现如今,无论是在网上、报纸杂志上、或是在电视上,各种各样的养身知识层出不穷,让大家无从选择。针对这个问题,我选择制作了精致膳食养生网。精致膳食养身网站融合了多种多样的养生知识,能满足大众对养身的需求,便于人们健康养身。(二)+CSSDIV+CSS大大缩减页面代码,能提高页面浏览速度,缩减带宽成本;结构清晰,容易被搜索引擎搜索到;缩短改版时间。只要简单的修改几个CSS文件就可以重新设计一个有成百上千页面的站点;CSS非常容易编写。你可以像写html代码一样轻松地编写CSS;还能够更好的控制页面布局。,也是目前网页中设计中最容易学又最方便的语言。我们可以利用JavaScript轻易的做出亲切的欢迎讯息、漂亮的数字钟、有广告效果的跑马灯及简易的选举,还可以显示浏览器停留的时间。让这些特殊效果提高网页的可观性。(三)、视频和多媒体领域的专业人士,使用3D和动画的图形和Web设计人员,以及工程和科学领域的专业人士的理想选择。呈现3D图像并将它合并到2D复合图像中。轻松编辑视频图层上的动画图形,让时间停下来。以及使用测量、计数和可视化工具,探查您的图像。二、网站内容规划(一)网站主题本网站的主题为精致膳食养身网,囊括多种多样养身知识,其主要目的是满足大众对养身知识的需求,增加大家的养身知识。(二)、蔬菜、鱼鲜春季夏季秋季意大利菜、法国菜、韩国菜烹饪技巧、菜谱、,具体包括首页、食材营养、四季美食、异域美食、烹饪食谱等功能。首页有美食推荐、饮食误区、烹饪食谱、食材营养等网站的最新动态信息。食材营养页面包含了各种关于食材的健康知识,四季美食页面包含了春、夏、秋等季节应该了解的养生美食,异域美食页面则包含了各种外国菜肴的做法,烹饪食谱页面包含了烹饪技巧、菜谱、调味品等内容,以上页面均可随意点击任意标题进入下一级页面了解更详细内容。三、网站设计(一),颜色明快柔和,界面美观简洁。清新的绿色让浏览者产生视觉上的放松。同时给人以健康而有生机之感,网页之中图片色彩丰富,橙色等的色彩更能刺激人们的食欲,吸引大众的目光。—14号字,大标题则采用黑体,具体字体大小根据网站的美观设计制定。(1)设计思想中国膳食博大精深,为在网站中体现这一点,logo的主要字体我选用特殊字体——汉书。以汉书体现标题,显得更有特色。(2)设计步骤将精致膳食养生四字以三角形状堆放,在三角形的中间特别插入一株小草形状的图案作为装饰