上一节对整个网站的框架画了草图，这一步就是静态页面的设计。因为本人不是学前端设计的，所以直接套用bootstrap框架，适当调整一下内容就行。个人信奉的是：先完成，再完美！
项目设计的模块较多，以培训管理模块为例，设计静态页面。

1. 对系统功能进行详细分析。

该模块主要包括以下几个内容（小模块）：

1. 年度培训计划
2. 月度培训
3. 个人培训（各个调度员）
4. 新员工培训
5. 考试系统

对小模块进行分析：

1. 培训计划：年度培训计划由管理员在后台进行录入，每个月的培训内容由年度计划得到。
2. 个人培训计划，来源于两个方面：（1）对班员的培训需求进行需求，这就需要一个收集培训需求的页面。（2）上级要求的学习内容，这个内容由管理员在后台录入。
3. 培训后的测试与考试：每一期培训完成后，需要对培训内容进行总结，并进行考试。

2. 用bootstrap设计静态页面

1. 登录页面

   
   
   login.png

2. 系统首页

   
   
   index.png

3. 培训模块首页

   
   
   trainIndex.png

4. 培训后台管理

   
   
   trainAdminYearPlan.png