传统美食网站前后台的设计

摘  要：当今社会是一个信息爆炸的时代，网络作为起良好的载体，已经越来越能影响到人类对于事物的认识和认知了，本网站就是基于这类原因，将内容分为首页、色相、香馨、味美、手造、民间、关于等模块，力图设计一个传统美食爱好者的乐土，为一些即将流失的传统美食工艺留下足够详细的文字图片描述，也可以为愿意学习研究的人留一个平台。传统美食网站平台运用Photoshop、Visual Studio 2010、动软等工具，实现了前台用户与用户，用户与网络平台在本站交互学习，以及实现了后台管理员的数据的管理，即实现了用户可以查看信息，管理员在后台实现增删改查，为实现传统美食的传承努力。

关键词：美食网站 界面设计 布局

目 录

1 引言 1

1.1 课题的研究背景及意义 1

1.2 研究现状与发展趋势 1

2 课题的研究目标和内容 3

2.1 课题的研究目标和内容 3

2.2 我完成的相关任务 3

3 开发工具以及项目中应用到的关键技术 5

3.1 界面设计开发工具 5

3.1.1 Photoshop 5

3.1.2 Visual Studio 2010 5

3.1.3 动软代码生成器 7

3.2 相关技术 8

3.2.1 DIV+CSS 8

3.3 关键技术的研究 8

3.3.1 全站风格设计 8

4 系统需求分析 9

4.1 系统需求分析 9

4.1.1 系统概述 9

4.1.2 系统基本目标 9

4.1.3 用户群体分析 9

4.2 系统总体结构设计 9

4.2.1 总体结构图 9

4.2.2 项目进度表 10

5 传统美食网站的设计思路和最终效果 12

5.1 首页界面整体效果以及设计思路概述 12

5.1.1 首页概述 12

5.1.2 首页模块分析 13

5.1.3 LOGO的设计 16

5.1.4 导航的设计 16

5.1.5 底部的设计 17

5.2 列表页界面的设计 18

5.2.1 内容页概述 18

5.2.2 内容页模块设计 19

5.3 后台界面的设计 21

5.4 界面布局中所遇所得 22

5.5 系统兼容性问题的解决 24

6 总结与展望 26

致谢 27

参考文献 28