淄博十一中官网

  通过以前学习的知识,我做了我母校,高中淄博十一中的官网首页,由于时间原因,超链接部分都有一个网址代替了,这里实在是不好意思,然后对于做的这个小任务,我觉得还是在博客上保留下来好了,毕竟是回忆。

   

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>山东淄博第十一中学</title>
<style>
* {
margin:0px;
padding:0px;
}
a {
text-decoration:none;
color:black;

}
.top {
width:100%;
height:140px;
background-color:#f1f1f1;
border:1px solid black;

}
.top1 {
width:35%;
height:110px;
/*border:1px solid black;*/
margin:0px 0px 0px 185px;
background-image:url(img/logo十一中.png);
background-repeat:no-repeat;
float:left;


}
.top2 {
width:22%;
height:50px;
border:1px solid grey;
margin:53px 0px 0px 200px;
/*background-image:url(img)*/
float:left;
}
[name=top9] {
width:80%;
height:33px;
margin:6px 0px 0px 5px;
background-color:#f1f1f1;
color:#f1f1f1;
float:left;

}
.top22 {
width:15%;
height:40px;
/*border:1px solid black;*/
float:left;
margin:4px 0px 0px 0px;
background-image:url(img/十一中搜索.jpg);
background-repeat:no-repeat;

}
.top22:hover {
/*background-color:black;*/
color:white;
cursor:pointer;
}



.top4 {
width:100%;
height:35px;
/*border:1px solid black;*/
background-color:darkred;
}
.top41 {
width:980px;
height:35px;
/*border:1px solid black;*/
margin:0px auto;
}
.top41 li {
float:left;
color:white;
list-style:none;
text-align:center;
line-height:35px;
width:87px;
font-size:13px;
font-weight:bold;
}
.out {
/*border:1px solid black;*/
width:100%;
height:1112px;
background-color:#f4faff;

}
.center1 {
width:980px;
height:245px;
/*border:1px black solid;*/
margin:0px auto;
background-repeat:no-repeat;
background-color:#f1f1f1;

}
.center11 {
width:970px;
height:240px;
border:0px;
margin:8px auto;
background-image:url(img/十一中.jpg);

}
.center2 {
width:980px;
height:50px;
/*border:1px black solid;*/
margin:0px auto;
}
.c22 {
width:270px;
height:50px;
/*border:1px black solid;*/
float:left;
/*margin:0px 10px 0px 0px;*/
font-weight:bold;
font-family:宋体;
line-height:65px;
border-bottom:1px solid grey;
}
.c23 {
width:454px;
height:50px;
/*border:1px black solid;*/
float:left;
margin:0px 0px 0px 15px;
font-weight:bold;
font-family:宋体;
line-height:65px;
border-bottom:1px solid grey;
}
.c24 {
width:220px;
height:50px;
/*border:1px black solid;*/
float:left;
margin:0px 0px 0px 15px;
font-weight:bold;
font-family:宋体;
line-height:65px;
border-bottom:1px solid grey;
}
.center3 {
width:980px;
height:290px;
/*border:1px black solid;*/
margin:0px auto;
}
.c31 {
width:270px;
height:260px;
/*border:1px solid black;*/
margin:12px 0px 0px 0px;
float:left;
list-style-position:inside;
font-size:13px;
line-height:22px;
}
.c32 {
width:454px;
height:260px;
/*border:1px solid black;*/
margin:12px 0px 0px 15px;
float:left;

}
.c321 {
width:454px;
height:85px;
/*border:1px solid black;*/
border-bottom:dotted 1px grey;

}
.c321 li {
float:left;
list-style:none;
font-size:12px;
line-height:20px;
}
.c322 {
width:454px;
height:85px;
/*border:1px solid black;*/
border-bottom:dotted 1px grey;
}
.c322 li {
float:left;
list-style:none;
font-size:12px;
line-height:20px;
}
.c323 {
width:454px;
height:85px;
/*border:1px solid black;*/

}
.c323 li {
float:left;
list-style:none;
font-size:12px;
line-height:20px;
}
.c33 {
width:220px;
height:260px;
/*border:1px solid black;*/
margin:12px 0px 0px 15px;
float:left;

}
.center4 {
width:980px;
height:50px;
/*border:1px black solid;*/
margin:0px auto;
}
.c41 {
width:270px;
height:50px;
/*border:1px black solid;*/
float:left;
/*margin:0px 10px 0px 0px;*/
font-weight:bold;
font-family:宋体;
line-height:65px;
border-bottom:1px solid grey;
}
.c42 {
width:454px;
height:50px;
/*border:1px black solid;*/
float:left;
margin:0px 0px 0px 15px;
font-weight:bold;
font-family:宋体;
line-height:65px;
border-bottom:1px solid grey;
}
.c43 {
width:220px;
height:50px;
/*border:1px black solid;*/
float:left;
margin:0px 0px 0px 15px;
font-weight:bold;
font-family:宋体;
line-height:65px;
border-bottom:1px solid grey;
}
.center5 {
width:980px;
height:300px;
/*border:1px black solid;*/
margin:0px auto;
border-bottom:1px solid blue;
}
.c51 {
width:270px;
height:270px;
/*border:1px solid black;*/
margin:12px 0px 0px 0px;
float:left;
list-style-position:inside;
font-size:13px;
line-height:26px;
}
.c52 {
width:454px;
height:270px;
/*border:1px solid black;*/
margin:12px 0px 0px 15px;
float:left;
}
.c521 {
width:454px;
height:88px;
/*border:1px solid black;*/
border-bottom:dotted 1px grey;

}
.c521 li {
float:left;
list-style:none;
font-size:12px;
line-height:20px;
}
.c522 {
width:454px;
height:88px;
/*border:1px solid black;*/
border-bottom:dotted 1px grey;

}
.c522 li {
float:left;
list-style:none;
font-size:12px;
line-height:20px;
}
.c523 {
width:454px;
height:88px;
/*border:1px solid black;*/
border-bottom:dotted 1px grey;

}
.c523 li {
float:left;
list-style:none;
font-size:12px;
line-height:20px;
}
.c53 {
width:220px;
height:270px;
/*border:1px solid black;*/
margin:12px 0px 0px 15px;
float:left;
list-style-position:inside;
font-size:13px;
line-height:26px;
}
.down1 {
width:980px;
height:40px;
/*border:1px solid black;*/
margin:0px auto;
}
.cd1 {
width:400px;
height:40px;
/*border:1px solid black;*/
margin:0px auto;
}
.down1 li {
float:left;
list-style:none;
text-align:center;
color:blue;
margin:0px auto;
line-height:40px;
font-size:13px;
margin:0px 0px 0px 18px;
}
.down2 {
width:980px;
height:115px;
/*border:1px solid black;*/
}



 


</style>

</head>
<body>
<div class="top">
<div class="top1"></div>
<div class="top2">
<input type="text" placeholder="请输入搜索关键词" name="top9" />
<div class="top22"></div>

</div>
</div>
<div class="top4">
<div class="top41">
<ul>
<a href="Html5.8注册页面作业.html"><li>首页</li></a>
<a href="Html5.8注册页面作业.html"><li>学校概况</li></a>
<a href="Html5.8注册页面作业.html"><li>学校动态</li></a>
<a href="Html5.8注册页面作业.html"><li>党建之窗</li></a>
<a href="Html5.8注册页面作业.html"><li>德育园地</li></a>
<a href="Html5.8注册页面作业.html"><li>教学教研</li></a>
<a href="Html5.8注册页面作业.html"><li>教师队伍</li></a>
<a href="Html5.8注册页面作业.html"><li>六十周年</li></a>
<a href="Html5.8注册页面作业.html"><li>国际办学</li></a>
<a href="Html5.8注册页面作业.html"><li>艺体教育</li></a>
<a href="Html5.8注册页面作业.html"><li>文明创建</li></a>

</ul>
</div>
</div>
<div class="out">
<div class="center1"><div class="center11"></div>
<div class="center2">
<a href="Html5.8注册页面作业.html"><div class="c22">精彩推荐&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp <label style="font-size:5px; color:grey;">MORE</label></div></a>
<a href="Html5.8注册页面作业.html"><div class="c23">新闻消息&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<label style="font-size:5px; color:grey;">MORE</label></div></a>
<a href="Html5.8注册页面作业.html"><div class="c24">校外扩展&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<label style="font-size:5px; color:grey;">MORE</label></div></a>
</div>
<div class="center3">
<div class="c31">
<img src="img/1111111.png" width="270" />
<ul type="disc">
<a href="Html5.8注册页面作业.html"><li>我校公示学校家庭教育工作协调员</li></a>
<a href="Html5.8注册页面作业.html"><li>淄博十一中中加课项目班2017年招生问答</li></a>
<a href="Html5.8注册页面作业.html"><li>2016年淄博十一中部门决算</li></a>
</ul>
</div>
<div class="c32">
<div class="c321">
<ul>
<li>17.05.12<br />
<img src="img/小图1.png" width="60" /></li>
<a href="Html5.8注册页面作业.html"><li><label style="font-size:15px;color:blue;">“5.12”防灾减灾日我校组织师生逃生演练活动</li></label></a>
<a href="Html5.8注册页面作业.html"><li>5月12日5月12日上午9:15分,随着校园广播发出的警报声,全校师生</li></a>
<a href="Html5.8注册页面作业.html"><li>按照预案要求,从教学楼、办公楼、实验楼等办公、</li></a>
<a href="Html5.8注册页面作业.html"><li> 学习场所有序疏散撤离。</li></a>

</ul>

</div>
<div class="c322">
<ul>
<li>17.05.09<br />
<img src="img/小图2.png" width="60" /></li>
<a href="Html5.8注册页面作业.html"><li><label style="font-size:15px;color:blue;">中国地质大学优秀生源基地落户我校</li></label></a>
<a href="Html5.8注册页面作业.html"><li>5月9日上午,中国地质大学授予淄博十一中优秀生源基地签约</li></a>
<a href="Html5.8注册页面作业.html"><li>及授牌仪式在我校隆重举行。</li></a>
<a href="Html5.8注册页面作业.html"><li>中国地质大学信息工程学院党委副书记许德华、我校校委会 </li></a>

</ul>
</div>
<div class="c323">
<ul>
<li>17.05.08<br />
<img src="img/小图3.png" width="60" /></li>
<a href="Html5.8注册页面作业.html"><li><label style="font-size:15px;color:blue;">挑战人生,决胜高考 ——高48级二模总结表彰大会</li></label></a>
<a href="Html5.8注册页面作业.html"><li>5月8日下午,高48级召开了2017年二模考试总结表彰大会</li></a>
<a href="Html5.8注册页面作业.html"><li>暨备战高考誓师大会。…</li></a>


</ul>
</div>
</div>
<div class="c33">
<img src="img/二维码.png" width="220" height="140" />
<img src="img/s11.jpg" width="220" />
<img src="img/教育.jpg" width="220" />
<img src="img/s22.jpg" width="220" />
</div>
</div>
<div class="center4">
<div class="c41">教师风采&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp <label style="font-size:5px; color:grey;">MORE</label></div>
<div class="c42">德育管理&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<label style="font-size:5px; color:grey;">MORE</label></div>
<div class="c43">教学教研&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<label style="font-size:5px; color:grey;">MORE</label></div>
</div>
<div class="center5">
<div class="c51">
<ul type="disc">
<a href="Html5.8注册页面作业.html"><li>风景这边独好 —我校开展女教工庆三八节</li></a>
<a href="Html5.8注册页面作业.html"><li>我校于华老师入选山东省教育专家库</li></a>
<a href="Html5.8注册页面作业.html"><li>我校2016年新入职教师完成“明日红杉”</li></a>
<a href="Html5.8注册页面作业.html"><li>我校召开新教师座谈会</li></a>
<a href="Html5.8注册页面作业.html"><li>我校五名青年教师获张店区教学能手称号</li></a>
<a href="Html5.8注册页面作业.html"><li>名师风采系列报道—淄博市骨干教师:李</li></a>
<a href="Html5.8注册页面作业.html"><li>名师风采系列报道—淄博市骨干教师:于</li></a>
<a href="Html5.8注册页面作业.html"><li>名师风采系列报道—淄博市骨干教师:罗</li></a>
<a href="Html5.8注册页面作业.html"><li>名师风采系列报道—淄博市骨干教师:景</li></a>
<a href="Html5.8注册页面作业.html"><li>名师风采系列报道—淄博市骨干教师:邓</li></a>
</ul>
</div>
<div class="c52">
<div class="c521">
<ul>
<li>17.05.10<br />
<img src="img/小图4.png" width="60" /></li>
<a href="Html5.8注册页面作业.html"><li><label style="font-size:15px;color:blue;">我校举行“不忘初心跟党走”新团员入团仪式</li></label></a>

<a href="Html5.8注册页面作业.html"><li>5月10日下午,“不忘初心跟党走”新团员入团仪式在我校学术报告厅举</li></a>
<a href="Html5.8注册页面作业.html"><li>行。来自高中部和初中部的148名新团员宣誓加入了中国共青团。党委李润</li></a>


</ul>
</div>
<div class="c522">
<ul>
<li>17.05.11<br />
<a href="Html5.8注册页面作业.html"><img src="img/小图5.png" width="60" /></li></a>
<a href="Html5.8注册页面作业.html"><li><label style="font-size:15px;color:blue;">我校开展消防知识进校园活动</li></label></a>

<a href="Html5.8注册页面作业.html"><li>近日,我校组织初中部同学参与了高新区教育系统消防知识进校园活动。</li></a>
<a href="Html5.8注册页面作业.html"><li>这次活动由高新区消防大队亓参谋主讲,组织同学们观看了视频教育。</li></a>


</ul>
</div>
<div class="c523">
<ul>
<li>17.05.12<br />
<a href="Html5.8注册页面作业.html"><img src="img/小图6.png" width="60" /></li></a>
<a href="Html5.8注册页面作业.html"><li><label style="font-size:15px;color:blue;">我校召开安全工作专题会议</li></label></a>

<a href="Html5.8注册页面作业.html"><li>5月2日,我校召开了安全工作专题会议。纪委书记张平同志主持召开</li></a>
<a href="Html5.8注册页面作业.html"><li>会议上教育处房安贤主任部署了近期主要张平同志强调、校园安全。</li></a>


</ul>
</div>
</div>
<div class="c53">
<ul type="disc">
<a href="Html5.8注册页面作业.html"><li>我校举行青年教师培训活动</li></a>
<a href="Html5.8注册页面作业.html"><li>高50级举行9科竞赛召开阶段教学</li></a>
<a href="Html5.8注册页面作业.html"><li>数据背后的思考赵慧富副校长在</li></a>
<a href="Html5.8注册页面作业.html"><li>全市高一化学学科教研会在我校</li></a>
<a href="Html5.8注册页面作业.html"><li>召开高50级备课组长示范课活动</li></a>
<a href="Html5.8注册页面作业.html"><li>我校学生在全国中学生英语竞赛</li></a>
<a href="Html5.8注册页面作业.html"><li>高49级新学期开启“每周公开“</li></a>
<a href="Html5.8注册页面作业.html"><li>我校举行第四届教师做考题活动</li></a>
<a href="Html5.8注册页面作业.html"><li>厉兵秣马奋战冬三月我校高三全</li></a>
<a href="Html5.8注册页面作业.html" style="text-decoration:none"><li>教育部督查到我校进行校园全检</li></a>
</ul>
</div>

</div>
<div class="down1">
<div class="cd1"> <ul>
<li>学子风采</li>
<li>初中部</li>
<li>招考在线</li>
<li>学校管理</li>
<li>工会之家</li>
<li>其他</li>
</ul>

</div>
</div>

<div class="down2">
<img src="img/底部.png" />
</div>

 

 

 

 

 

 

 

 

 

</div>

 

 

 

 

 

</div>



</body>
</html>

 

转载于:https://www.cnblogs.com/yujiamin123/p/6918618.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值