上一节对整个网站的框架画了草图，这一步就是静态页面的设计。因为本人不是学前端设计的，所以直接套用bootstrap框架，适当调整一下内容就行。个人信奉的是：先完成，再完美！
项目设计的模块较多，以培训管理模块为例，设计静态页面。
1. 对系统功能进行详细分析。
该模块主要包括以下几个内容（小模块）：
- 年度培训计划
- 月度培训
- 个人培训（各个调度员）
- 新员工培训
- 考试系统
对小模块进行分析：
- 培训计划：年度培训计划由管理员在后台进行录入，每个月的培训内容由年度计划得到。
- 个人培训计划，来源于两个方面：（1）对班员的培训需求进行需求，这就需要一个收集培训需求的页面。（2）上级要求的学习内容，这个内容由管理员在后台录入。
- 培训后的测试与考试：每一期培训完成后，需要对培训内容进行总结，并进行考试。
2. 用bootstrap设计静态页面
-
登录页面
login.png -
系统首页
index.png -
培训模块首页
trainIndex.png -
培训后台管理
trainAdminYearPlan.png
