【html+css+js】美食网站设计 web前端开发 基于html 大学生课设

目  录

第一章  课程任务设计.

1.1课设任务.

1.2创新要求.

1.3设计要求.

第二章  系统分析.

2.1需求分析.

2.2 可行性分析.

第三章  概要设计.

3.1网页设计思路.

3.2网页运行界面.

第四章  网页详细设计与功能实现. 

4.1主页整体布局. 

4.2导航栏设计. 

4.3LOGO设计. 

4.4视屏播放窗口设计. 

4.5 3d立方体旋转美食图设计. 

4.6图片滑动出现设计. 

4.7 tab栏切换设计. 

4.8用户购买. 

4.9 美食讨论美食轮播图设计. 

4.10评论区功能设计. 

4.11用户滑动登录注册功能设计. 

4.12返回顶部按钮功能设计. 

4.13社区背景. 

4.14图片放大变圆. 

4.15光标点击爱心特效. 

第五章  存在的不足. 

结束语. 

致  谢. 

第三章  概要设计

3.1 网页设计思路

这个页面的设计主要是围绕各类美食展开的，从全国挑选出了南京、长沙、成都、新疆和西安五地，介绍当地的特色美食。网页分为首页、美食介绍、特产购买、美食讨论、用户注册登录界面。

在首页，有四个通向路径，分别为用户注册，美食介绍，特产购买和美食讨论。用户注册页面为单页面，在此页面完成任务之后即返回首页。之后，用户可再次前往美食介绍、特产购买和美食讨论的页面。

网页的色调整体比较偏单，为了突出美食的色泽，吸引浏览者的目光，，这也是为了突出网站的主题是美食。

这个页面的设计主要是围绕各类美食展开的，从全国挑选出了南京、长沙、成都、新疆和西安五地，介绍当地的特色美食。网页分为首页、美食介绍、特产购买、美食讨论、用户注册登录界面。

在首页，有四个通向路径，分别为用户注册，美食介绍，特产购买和美食讨论。用户注册页面为单页面，在此页面完成任务之后即返回首页。之后，用户可再次前往美食介绍、特产购买和美食讨论的页面。

网页的色调整体比较偏单，为了突出美食的色泽，吸引浏览者的目光，，这也是为了突出网站的主题是美食。

第四章  网页详细设计与功能实现

4.1主页整体布局

主页整体大致由三个模块组成，分别是：顶部模块、导航栏、主模块和底部模块，每个模块又由不同的内容构成，顶部模块分别由LOGO、搜索功能、注册功能构成

首页

城市美食

特色购买

购物车

增加数量可以自动计算出总金额，也可以对商品进行删除

美食讨论页面

登录注册