【网页设计期末/课程设计】酒文化网站(JavaScript/jQuery)

如对项目有任何问题或需要，请加文章下方推广QQ 

本文CSDN资源：https://download.csdn.net/download/weixin_47040861/89630147

---

1.题目要求

(一)具体要求
1．形式:网站（静态，无后台）。
2．主题:为某一类或某一种商品的介绍及售卖网站。3．题目:题目自拟，原创。
4．LOGO:设计原创。
5．结构:网站各栏目内容设计合理;必须含有首页（首页为一级页面);二级页面（指导航上的各栏目）不少于4个;三级页面不少于1个，总页面数不少于7个。
6．导航(菜单):导航为多级形式，并需用S或jQuery完成各种导航（菜单）的展开特效;并保证在网页中位置固定，始终存在
7．页面设计:页面布局合理、美观，协调设置网站主色调、页面中的图文搭配、及多媒体内容的插入等内容:其中需使用JS或jQuery完成适当的网页特效和交互设计等,如轮播广告、图片淡入淡出等效果;在页面设计中不得使用 Bootstrap框架及插件，如使用 Bootstrap框架整个期末考试内容按0分计。
8．表单设计:在注册页面完成表单验证。注册页有相应的注册成功页。注册页面不能单独作为栏目，且不计入三级页面个数内，且注册页为必写内容。
9．购物车:完成商品的采购，并产生订单。购物车中商品可实现删除。
10．链接:各页面跳转正确有效。
11．变量命名方式:JS和jQuery中所涉及到的脚本编程过程中如使用到变量，则变量的命名方式:“考生姓名首字母的缩写(大写)+字母、数字、下划线”，如考生姓名为陈洁，则其编程用到的变量名称为:“CJ_m1"，"CIml”、“CJI”等形式。如不按照要求进行变量的命名则脚本编程部分计为0分。

编程软件：

2.视频演示

【网页设计期末/课程设计】酒文化网站(JavaScript/jQuery)

3.项目介绍

1.首页

通过左右箭头和下方按钮控制轮播：

2.酒的生产

静态页面，无互动

3.酒的种类

经验页面，无互动

4.经济影响

点击目录跳转到当前页面的对应位置；

5.品酒技巧

点击文字跳转到购物车页面：

6.购物车页面

点击“添加到购物车”按钮将对应商品添加到购物车，点击右下角购物车按钮展开购物车;

点击右上角X关闭购物车，点击“结算”按钮统计当前购物车中商品总价格，点击“删除商品”按钮删除对应商品

7.给我留言

鼠标悬停于悬停按钮时变色：

8.登录注册

默认账号user，密码123，可以在文件“LoginPage.js”文件的第23行处修改：

点击左上角“新人注册”文字切换到注册页面，点击“返回主页”文字回到主页：

↓如对项目有任何问题或需要，请加下方QQ↓