H30529D-实验3-蛋糕商城注册

一、实验目的

1. 利用Bootstrap、jQuery、Html、CSS等设计蛋糕商城页面。
2. 掌握Bootstrap框架中导航条的设计方法以及列表、表单的创建操作方法。
3. 掌握jQuery动态效果的设计。
4. 熟悉页面布局的设计。

二、实验环境

IDEA2019、Windows10、Bootstrap、jQuery。

三、实验要求

根据本章中所学的网页知识，实现一个蛋糕商城注册页面，要求如下：页面主要分为3部分，第一部分为导航内容，有首页、商品分类、热销、新品、注册、登录、搜索及购物车等信息；第二部分为注册内容，有标题、注册表单、提交按钮等信息；第三部分为友情链接与作者署名内容。页面展示效果如下所示。

四、实验过程

1.本次实验代码如图1-图4所示。

五、实验结果与分析

1.本次实验效果如图5所示。

2.对于在邮箱填写区域中如果没有邮箱符号“@”，会提示错误，如图6所示。

六、附件下载