<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>北大青鸟课程介绍页面</title>
<style>
div{
width: 600px;
height: 700px;
background: -moz-linear-gradient(to top,#ECECEC,#FFFFED);
}
.a{
color: #5C9815;
}
.b{
color: #F26522;
}
span{
background-color: #640000;
color: white;
}
</style>
</head>
<body>
<div>
<img src="title.gif"/>
<img src="img_01.png"/>
<a class="a">
<p><span>逆向课程设计:</span>以企业需求决定课程设计内容,确保训练内容及深度和企业需求一致</p>
<p><span>模拟学员学习路线:</span>强调难点和复杂技能点的反复训练,力求学习效果和学习体验</p>
<p><span>互联网作为教学环境:</span>学员的日常教学和训练均在互联网线上进行</p>
<p><span>学习挡板监控网上学习效果:</span>每个学习阶段设置线上线下测试,严密监控学习效果</p>
<p><span>真实开发项目经验积累:</span>采用专业互联网企业提供的真实项目作为模拟开发</p>
</a>
<img src="img_02.png"/>
<a class="b">
<p><span>【实用性】——</span>以就业岗位需求为导向,重点讲解企业80%的时间在使用的20%的技术</p>
<p><span>【权威性】——</span>与来自百度等知名企业的专家联合开发</p>
<p><span>【专业性】——</span>引进业内资深人才和典型行业开发项目</p>
<p><span>【真实性】——</span>在互联网真实环境下进行教学和训练</p>
<p><span>【易学性】——</span>在线培训模式,24小时专家在线解答疑难问题</p>
<p><span>【完整性】——</span>利用SNS虚拟社区:学习、人脉双丰收</p>
</a>
</div>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>初相遇--席慕容</title>
<link rel="stylesheet" href="css/ec4.css">
</head>
<body>
<div>
<h1>初相遇 文/席慕容</h1>
<p><span>美</span>丽的梦和美丽的诗一样,都是可遇而不可求的,
常常在最没能料到的时刻里出现。</p>
<p>我喜欢那样的梦,在梦里,一切都可以重新开始,一切都可以慢慢解释,
心里甚至还能感觉到,所有被浪费的时光竟然都能重回时的狂喜与感激。
<span id="a">胸怀中满溢着幸福,只因你就在我眼前</span>,对我微笑,一如当年。</p>
<p>
我喜欢那样的梦,明明知道你已为我跋涉千里,却又觉得芳草鲜美,落落英缤纷,
好像你我才初相遇。</p>
</div>
</body>
</html>
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <title>淘宝女装分类页面</title>
- <style>
- #a{
-
- background-image: url("图片素材/dress01.png");
- background-repeat: no-repeat;
-
- }
- #b{
- background-image: url("图片素材/dress02.png");
- background-repeat: no-repeat;
- }
- #c{
- background-image: url("图片素材/dress03.png");
- background-repeat: no-repeat;
- }
- #d{
- background-image: url("图片素材/dress04.png");
- background-repeat: no-repeat;
- }
- #e{
- background-image: url("图片素材/dress05.png");
- background-repeat: no-repeat;
- }
- h1{text-indent: 2.3em;
- font-weight: bold;
-
- font-size: 18px}
- h1 a{
- color: black;
- text-decoration: none;
- }
- h1 a:hover{
- text-decoration: underline;
- }
- li a{
- font-size: 12px;
- color: black;
- text-decoration: none;
-
- }
- li{
- list-style: none;
- text-indent: -2.3em;
-
- }
- li a:hover{
- text-decoration: underline;
- }
-
-
- </style>
- </head>
- <body>
- <div id="a"><h1><a href="#">夏季流行</a></h1></div>
-
- <hr>
- <ul>
- <li><a href="#">夏季新品</a> <a href="#">雪纺裙</a><a href="#">短袖T</a> <a href="#"铅笔裤></a><a href="#">短裤</a>
- <a href="#">短袖衬衫</a> <a href="#">小脚牛仔裤</a> </li>
- <li><a href="#">开衫</a><a href="#">蕾丝/雪纺衫</a> <a href="#">韩版外套</a> <a href="#">小西装</a> <a href="#">中长款裙</a> </li>
- </ul>
- <h1 id="b"><a href="#">上装</a></h1>
- <hr>
- <ul>
- <li><a href="#">T恤</a><a href="#">衬衫 </a> <a href="#">针织衫</a> <a href="#">长袖T</a> <a href="#">韩版T</a>
- <a href="#">情侣衫</a><a href="#">雪纺衬衫</a> </li>
- <li><a href="#">韩版衬衫</a><a href="#">防晒衣 </a> <a href="#">休闲套装</a><a href="#">卫衣</a> <a href="#">背心/吊带</a> </li>
- </ul>
- <h1 id="c"><a href="#">裙子</a></h1>
- <hr>
- <ul>
- <li><a href="#">连衣裙</a> <a href="#">半身裙 </a><a href="#">长裙</a><a href="#">短袖裙</a> <a href="#">蕾丝连衣裙</a><a href="#">长袖裙</a> </li>
- <li><a href="#">无袖/背心裙 </a><a href="#">A字裙 </a><a href="#">牛仔裙</a> <a href="#">半身中长裙</a> <a href="#">半身短裙</a> <a href="#">包臀裙 </a></li>
- </ul>
- <h1 id="d"><a href="#">裤子</a></h1>
- <hr>
- <ul>
- <li><a href="#">裤子</a><a href="#">休闲裤</a> <a href="#">牛仔裤 </a><a href="#">打底裤</a><a href="#">长裤</a>
- <a href="#">哈伦裤</a><a href="#">阔腿裤</a> </li>
- <li><a href="#">短裤/热裤</a><a href="#">连体裤</a> <a href="#">七/九分裤 </a> <a href="#">牛仔短裤</a> <a href="#">西装裤</a></li>
- </ul>
- <h1 id="e"><a href="#">其他女装</a></h1>
- <hr>
- <ul>
- <li><a href="#">胖M装</a><a href="#">中老年</a> <a href="#">婚纱</a> <a href="#">礼服</a><a href="#">旗袍</a>
- <a href="#">夜店</a><a href="#">舞台装</a> <a href="#">唐装</a> </li>
- <li><a href="#">职业装</a><a href="#">全球购</a> <a href="#">羊绒衫</a> <a href="#">毛衣 </a><a href="#">呢大衣</a>
- <a href="#">羽绒服</a> <a href="#">真皮皮衣 </a> </li>
- </ul>
- </body>
- </html>