毕 业 论 文（设计）
题 目 基于DIV+CSS的
美食网站界面设计
指导老师 ***** 专业班级 ******* 姓 名 *** 学 号 *********
2014 年 05 月 30 日
浙江经贸职业技术学院毕业论文(设计)
摘 要：美食，贵的有山珍海味，便宜的有街边小吃。美食是不分贵贱的，只要是自己喜欢的，就可以称之为美食。吃前有期待、吃后有回味的东西。美食遭遇心情的时候，美食已不仅仅是简单的味觉感受，更是一种精神享受。美食还体现人类的文明与进步。本网站以美食作为窗口，让海内外观众领略中华饮食之美，进而感知中国的文化传统和社会变迁。本文的主要内容集中在：对网站界面制作过程的详细描述，对div+css布局进行讨论，并对网站开发过程中使用的开发工具和技术做了简要的介绍。
关键词：网页设计；div+css；Dreamweaver；美食网站
1 页 第
浙江经贸职业技术学院毕业论文(设计)
目 录
引 言 .................................................................. 1 1市场调研 .............................................................. 1
1.1 网站开发背景和需求 ........................................... 1 1.2 同类型网站的分析 ............................................. 2 2 文献检索 .............................................................. 3
2.1 css样式编写规则 .............................................. 3 2.2 div+css布局方式 .............................................. 4 2.3 JavaScript编写规则 ........................................... 5 2.4 网站配色方案 ................................................. 5 3 设计实践 .............................................................. 5
3.1 设计立意 ..................................................... 5 3.2 创作过程 ..................................................... 6
3.2.1美食网站类主题与版面的分析 .............................. 7 3.2.2美食网站效果图的设计与制作 .............................. 8 3.2.3界面元素的制作过程 ...................................... 9 3.2.4首页界面的制作过程 ..................................... 10 3.2.5简介界面的制作过程 ..................................... 14 3.2.6中式美食界面的制作过程 ................................. 14 3.2.7相册界面的制作过程 ..................................... 15 3.2.8西式美食界面的制作过程 ................................. 17 3.2.9联系我们界面的制作过程 ................................. 18 3.3 制作中遇到的问题和解决方法 .................................. 20 4 网站的测试 .......................................................... 20 结 论 ................................................................. 22 致谢 ................................................................... 23 参考文献 ............................................................... 24
1 页 第