基于divcss的Tasty美食网站的界面设计毕业论文.docVIP

PAGE 2 毕 业 论 文（设计） 题 目 基于DIV+CSS的 Tasty美食网站的界面设计 指导老师 *** 专业班级 *** 姓 名 *** 学 号 ********* 2014 年 05 月 25 日 浙江经贸职业技术学院毕业论文(设计) 第 第 PAGE 1 页 摘 要：美食，贵的有山珍海味，便宜的有街边小吃。美食是不分贵贱的，只要是自己喜欢的，就可以称之为美食。吃前有期待、吃后有回味的东西。美食遭遇心情的时候，美食已不仅仅是简单的味觉感受，更是一种精神享受。美食还体现人类的文明与进步。本网站以美食作为窗口，让海内外观众领略中华饮食之美，进而感知中国的文化传统和社会变迁。本文的主要内容集中在：对web进行概述，对DIV+CSS布局进行讨论，并对网站开发过程中使用的开发工具Dreamweaver和技术做了简要的介绍。本文分为四个部分，第一部分对网站进行概述，第二部分介绍了DIV+CSS，第三部分为网站分析，第四部分是对整个网站的制作进行详解。 关键词：网页设计；DIV+CSS；Dreamweaver；美食网站 第 第 PAGE 1 页 目 录 TOC \o 1-3 \h \z \u 2254 引 言 1 16809 1网站概述 1 3475 1.1 开发背景 1 4505 1.2 开发意义 2 11431 1.3 开发软件 2 2762 1.3.1 梦幻网页的编织者——Dreamweaver CS3 2 13421 1.3.2 图形、图像编辑设计制作软件——Adobe Photoshop 3 13709 2 DIV+CSS 4 6530 2.1 DIV+CSS简介 4 21338 2.2 级联样式表简介 5 24989 2.3 DIV+CSS布局方式 5 31903 3 网站分析 6 11946 3.1 可行性分析 6 20997 3.1.1技术可行性 6 13164 3.1.2经济可行性 6 1278 3.1.3社会可行性 7 26212 3.2 需求分析 7 22930 3.2.1界面设计需求 7 11480 3.2.2用户对网站的需求 7 5062 4 网站设计 8 18221 4.1 网站设计目标 8 5397 4.2 网站的总体设计 8 20721 4.3 整体风格设计 10 21201 4.3.1 页面属性设计 10 31300 4.3.2 色彩搭配 11 21606 4.3.3 链接效果 11 3459 4.3.4 导航设计 12 8401 4.3.5 细节设计 13 11112 4.4 首页设计 13 31953 4.4.1 DIV分布和概述 13 14581 4.4.2 搜索关键字与描述 15 10139 4.5 其他界面设计 15 5603 4.5.1 简介界面的设计制作过程 16 29199 4.5.2 中式美食界面的设计制作过程 16 10097 4.5.3 相册界面的设计制作过程 17 11462 4.5.4 西式美食界面的设计制作过程 19 25287 4.5.5 联系我们界面的设计制作过程 19 2933 结 论 21 6982 致 谢 22 20597 参考文献 23 第 PAGE 1 页 第 PAGE 1 页 引 言 推荐国家的历史有长有短，疆域有大有小，实力有强有弱，人口有多有少，民族构成、宗教信仰、政权性质和经济结构也有差异，故而各国的饮食文化是不一样的。随着个人消费水平的提高，每个人对美食的概念不一样，其中特例就是中餐、西餐的产生以及受人追捧选择。 论文详细论述了关于一个美食网站的开发的设计过程。在技术上，采用了 Dreamweaver网站开发工具，以 HTML的超大功能结合JavaScript的客户端语言。本文实现了首页、简介、中式美食、西式美食、联系我们等功能，全面化个人网站的需求。论文组织如下：首先阐述了该网站的开发背景、意义，详细介绍了DIV+CSS理论知识；其次介绍了相关的开发工具及技术基础；接着对网站进行了需求分析，提出了具体的设计方案；然后展现了整个网站的具体实现，包括网页的设计和链接，各功能模块的实现。 1网站概述 1.1 开发背景 “忽如一夜春风来，千树万树梨花开”，迅猛发展并日益成熟的互联网已经影响到