xml1111 / xml666

百度训练营基础版 静态页面

工作内容

工作内容概述

1.页面和布局 导航栏 头图 报名表单 页面主要内容 页脚 2.报名表单 二级级联选择菜单 3.“课程安排”选项卡
tab切换栏

文件目录

1.imgages - 图片资源目录 2.index.html - 主页 3.README.md - 介绍文档 4.select.js - 封装的二级级联选择菜单 5.style.css - 页面CSS文件 6.tab.js - 选项卡切换相关

主要代码：（因时间原因简述，请老师谅解）

1.导航栏 2.报名表单（详见 index.html报名表单部分和 select.js) 3.我们的宗旨部分 盒子模型浮动实现 4.课程安排 ‘tab栏选项卡切换’ 通过循环绑定点击事件和 排他**实现（详见index.html 3.course部分 和 tab.js） 5.页脚部分

总结（上线后使用的BUG发现）

1. 兼容性：由于使用原生JS实现，未做兼容性处理。
2. 移动端：未做移动端的适配.
3. 选项卡切换栏部分，存在切换后页面又回到顶部的问题，后续需要再优化，因时间和能力问题提交的作业暂未优化。
4. 没有实现表单验证功能 当用户邮箱格式输入错误时，出现报名失败及格式输入错的的提示框
5. 进入页面 出现加载满的问题（背景图片） 后期可以修改加载动画

XML666

XML666