1 <!DOCTYPE html>
2 <html>
3 <head lang="en">
4 <meta charset="UTF-8">
5 <title>北大青鸟课程介绍页面</title>
6 <link href="css/本章作业3.css" rel="stylesheet" type="text/css"/>
7 </head>
8 <body>
9 <div>
10 <img src="image/title.gif" width="565"/>
11 <img src="image/img_01.png"/>
12 <p id="p1">
13 <span>逆向课程设计:</span> 以企业需求决定课程设计内容,确保训练内容及深度和企业需求一致<br/>
14 <span>模拟学员学习路线:</span> 强调难点和复杂技能点的反复训练,力求学习效果和学习体验<br/>
15 <span>互联网作为教学环境:</span> 学员的日常教学和训练均在互联网线上进行<br/>
16 <span>学习挡板监控网上学习效果:</span> 每个学习阶段设置线上线下测试,严密监控学习效果<br/>
17 <span>真实开发项目经验积累:</span> 采用专业互联网企业提供的真实项目作为模拟开发
18 </p>
19 <img src="image/img_02.png"/>
20 <p id="p2">
21 <span>【实用性】 ̄</span> 以就业岗位需求为导向,重点讲解企业80%的时间在使用的20%的技术<br/>
22 <span>【权威性】 ̄</span> 与来自百度等知名企业的专家联合开发<br/>
23 <span>【专业性】 ̄</span> 引进业内资深人才和典型行业开发项目<br/>
24 <span>【真实性】 ̄</span> 在互联网真实环境下进行教学和训练<br/>
25 <span>【易学性】 ̄</span> 在线培训模式,24小时专家在线解答疑难问题<br/>
26 <span>【完整性】 ̄</span> 利用SNS虚拟社区:学习、人脉双丰收
27 </p>
28 </div>
29 </body>
30 </html>
31 div{
32 width:565px;
33 background:linear-gradient(to top,#FFFFED,#ECECEC) ;
34 }
35 #p1{
36 color:#5C9815;
37 line-height:1.8;
38 }
39 #p2{
40 color:#F26522;
41 line-height:1.8;
42 }
43 span{
44 color: white;
45 }
46 #p1 span:nth-of-type(1){
47 background: rgb(10, 80, 61);
48 }
49 #p1 span:nth-of-type(2){
50 background:rgb(39,126,70);
51 }
52 #p1 span:nth-of-type(3){
53 background: rgb(49, 140, 222);
54 }
55 #p1 span:nth-of-type(4){
56 background:#1A66B3;
57 }
58 #p1 span:nth-of-type(5){
59 background: rgb(28, 23, 93);
60 }
61 #p2 span:nth-of-type(1){
62 background: #ff6d10;
63 }
64 #p2 span:nth-of-type(2){
65 background: #bd3620;
66 }
67 #p2 span:nth-of-type(3){
68 background: #ff2276;
69 }
70 #p2 span:nth-of-type(4){
71 background: #b30d30;
72 }
73 #p2 span:nth-of-type(5){
74 background: rgb(116, 49, 107);
75 }
76 #p2 span:nth-of-type(6){
77 background: rgb(102, 15, 101);
78 }