基于div+css的tasty美食网站的界面设计毕业论文.pdf

毕 业 论 文（设计） 题 目 基于 DIV+CSS 的 Tasty 美食网站的界面设计 指导老师 *** 专业班级 *** 姓 名 *** 学 号 ********* 2014 年 05 月 25 日 浙江经贸职业技术学院毕业论文 (设计) 摘 要：美食，贵的有山珍海味，便宜的有街边小吃。美食是不分贵贱的，只要是 自己喜欢的，就可以称之为美食。吃前有期待、吃后有回味的东西。美食遭遇心 情的时候，美食已不仅仅是简单的味觉感受，更是一种精神享受。美食还体现人 类的文明与进步。本网站以美食作为窗口，让海内外观众领略中华饮食之美，进 而感知中国的文化传统和社会变迁。本文的主要内容集中在：对 web 进行概述， 对 DIV+CSS 布局进行讨论，并对网站开发过程中使用的开发工具 Dreamweaver 和 技术做了简要的介绍。本文分为四个部分，第一部分对网站进行概述，第二部分 介绍了 DIV+CSS，第三部分为网站分析，第四部分是对整个网站的制作进行详解。 关键词：网页设计；DIV+CSS；Dreamweaver；美食网站 第 0 页 浙江经贸职业技术学院毕业论文 (设计) 目 录 第 1 页 浙江经贸职业技术学院毕业论文 (设计) 第 2 页 浙江经贸职业技术学院毕业论文 (设计) 引 言 推荐国家的历史有长有短，疆域有大有小，实力有强有弱，人口有多有少， 民族构成、宗教信仰、政权性质和经济结构也有差异，故而各国的饮食文化是不 一样的。随着个人消费水平的提高，每个人对美食的概念不一样，其中特例就是 中餐、西餐的产生以及受人追捧选择。 论文详细论述了关于一个美食网站的开发的设计过程。在技术上，采用了 Dreamweaver 网站开发工具，以 HTML 的超大功能结合JavaScript 的客户端语言。 本文实现了首页、简介、中式美食、西式美食、联系我们等功能，全面化个人网 站的需求。论文组织如下：首先阐述了该网站的开发背景、意义，详细介绍了 DIV+CSS 理论知识；其次介绍了相关的开发工具及技术基础；接着对网站进行了需 求分析，提出了具体的设计方案；然后展现了整个网站的具体实现，包括网页的 设计和链接，各功能模块的实现。 1 网站概述 1.1 开发背景 “忽如一夜春风来，千树万树梨花开”，迅猛发展并日益成熟的互联网已经影 响到我们生活的方方 。人们真真切切的体会到了网络带给大家的便捷，互联 网也以其独有的优势快速地渗透到越来越多的传统领域。俗话说“民以食为天”， 在解决了温饱问题的现代，人们对食物的要求越来越高，已不仅仅局限于能吃饱 就好，更多是希望能吃好，追求更多的美食。 近年来，已出现不少网站对美食进行普及宣传，提供大量美食信息，介绍各 菜系和小吃的饮食文化、饮食习俗、饮食习惯等，具有一定的可读性和趣味性。 在网上推广美食，详述各种美食做法必定可以受到全国乃至全世界的美食爱好者 的追捧。 第 0 页 浙江经贸职业技术学院毕业论文 (设计) 1.2 开发意 设计开发此美食网站最基本的意义，就是能够尽可能详细地展示、介绍各种 美食信息，同时提供美食爱好者一个交流的平台，使得更多的美食传统做法得到 推广，也可激发更多美食创意的产生。 1.3 开发软件 1.3.1 梦幻网页的编织者——Dreamweaver CS3