CSS
@charset "utf-8";
/* CSS Document */
*{
margin: 0px;
padding: 0px;
}
.box{
position: relative;
width: 500px;
height: 300px;
background-color: #ffc0cb;
margin: 0 auto;
}
.bluebox{
position: absolute;
width: 300px;
height: 100px;
background-color: #0000ff;
top: 100px;
left: 100px;
}
.orangebox{
position: absolute;
width: 100px;
height: 300px;
background-color: #ffa500;
left: 200px;
}
/*********************************/
.box100{
width: 100px;
height: 100px;
margin-top: 100px;
float: left;
}
.bortop{
border-top: 1px solid black;
}
.borbottom{
border-bottom: 1px solid black;
}
/*********************************/
.box1{
width: 20%;
float: left;
}
.box2{
width: 65%;
float: left;
margin-left: 30px;
}
.body1{
padding-left: 15%;
}
dd{
border: 1px solid #ebebe9;
background-color: white;
font-size: 20px;
font-family: 微软雅黑;
text-indent: 2em;
height: 30px;
}
dt{
border: 1px solid #ebebe9;
background-color: white;
font-size: 20px;
font-family: 微软雅黑;
text-indent: 3em;
height: 30px;
}
ul{
background-color: #f7f7f6;
list-style-type: square;
list-style-position: inside;
}
p{
text-indent: 2em;
}
h1{
text-align: center;
}ol{
list-style-position: inside;
}
.l{
float: left;
}
题目一
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<link href="0.css" rel="stylesheet" type="text/css">
<title>题目一</title>
</head>
<body bgcolor="#ebebe9" class="body1">
<div align="left" class="box1">
<dl>
<dt style="background-color: #2d3756;color: white">计算机工程系</dt>
<dd>系部新闻</dd><dd>系部介绍</dd><dd>专业介绍</dd><dd>招生就业</dd><dd>实验中心</dd><dd>思科网院</dd><dd>认证考试</dd><dd>学生工作</dd><dd>优秀作品</dd><dd>底部链接</dd>
</dl>
<br>
<br>
<br>
<ul>
<br>
<p>最新文章列表</p>
<br>
<li><a href="http://qdc.edu.cn/a/xibushezhi/jisuanji/xibujieshao/383.html">计算机工程系简介[2014-11-28]</a></li>
<li><a href="http://qdc.edu.cn/a/xibushezhi/jisuanji/xibujieshao/382.html">提高核心竞争力的人才培养特色[2014-11-28]</a></li>
<br><br><br>
<li style="list-style-image: url(http://qdc.edu.cn/images/hits.png);text-align: center"></li>
</ul>
</div>
<div class="box2"><span>首页>系部设置>计算机工程系>系部介绍</span>
<br><br><br>
<h1>计算机工程系简介</h1>
<hr>
<p style="font-weight: 100;text-align: right;font-size: 12px">发表时间：2014-11-28 文章来源：图文/<ins>计算机工程系</ins></p>
<p><ins>计算机工程系</ins>始建于<em>2004</em>年，是琴岛学院设立最早的系部之一。在学院董事会的正确领导下、在全系师生员工的共同努力下，计算机工程系的办学实力得到迅速提高；按照“坚持标准、保证质量、改善结构、慎重发展”的专业布局方针，逐步形成了以计算机和信息技术为主的专业群，现有<ol><li class="l">计算机科学与技术、 </li><li class="l">软件工程、 </li><li class="l">信息管理与信息系统 </li><li class="l">电子信息工程、 </li><li class="l">电子信息科学与技术</li></ol>5个本科专业；计算机应用技术、计算机网络技术、嵌入式技术与应用、电子商务4个专科专业。 </p>
<strong><p>一、教学管理</p></strong>
<p>计算机工程系在人才培养上秉承学院“宽口径、厚基础、强能力、高素质”的人才培养理念，立足青岛，面向山东，以培养符合社会需求、具有创新精神和实践能力的高层次、应用型专业技术人才培养为目标，形成了鲜明的办学特色。严谨、规范，学风优良，学术气氛浓厚。坚持以培养计算机和信息技术领域，应用型、创新型人才为目标，加强教学管理，对主要教学环节严格监控，把对人才培养方案、教学大纲、授课计划、课程试卷、毕业设计(论文)、教学质量监控等，各个环节的学期检查作为一项基本制度，形成了规范化的教学管理长效机制，课堂教学、实践教学等各教学环节的质量监控体系完善。按照重技能、强素质原则，坚持“理论教学与实践教学两条线并重”，在保证基础理论教育质量前提下，以工程实践能力培养为中心，积极探索实践教学课程体系改革，优化人才培养模式，突出实践教学成效，致力于培养具有扎实专业理论基础和较强实践技能的高素质应用型人才。众多学子进入“985”、“211”高校和重点科研院所深造，一大批毕业生进入国内知名计算机企业工作，就业质量逐年攀升。</p>
<strong><p>二、师资队伍</p></strong>
<p>我系具有一只朝气蓬勃、高素质、能力强的师资队伍。在计算机工程系的教师队伍，以中青年教师为主的、结构优、素质高、能力强，硕士研究生占教师总人数的80%以上；他们在青岛理工大学硕士生导师为客座教授的指导下，密切追踪计算机科学技术的最新发展前沿，既具备深厚扎实的专业理论知识基础，又有较突出的工程管理、项目开发等实践能力，既能担任专业理论课的教学，又能胜任项目实训、项目开发的指导，使学生能够在“学中“做中学”，获得工程管理及项目开发的经验与技能。</p>
<div align="center"></div>
<strong><p>三、教学设施</p></strong>
<p>我系设备精良的网络教学和实验环境。目前，计算机工程系拥有单片机实验室、微机原理与接口实验室、信号与系统实验室、高频电子线路实验室、EDA 实验室、计算机网络实验室、通信原理实验室、DSP实验室、嵌入式系统实验室、电子实习中心、电子创新实验室、组成原理实验室、组装实验室等13个专业实验室。2010年1月，我院与思科公司（NASDAQ：CISCO）合作成功打造了当时在国内最大的802.11n标准无线校园网络，使无线网络遍布校园，不仅增强了学生上网的灵活性和移动性，还通过完整的信息化系统整合了校内资源，实现了网络互联和资源共享，为学生提供了方便而广阔的自学空间。</p>
<div align="center"></div>
<strong><p>四、实践教学</p></strong>
<p>我系广泛开展形式多样的实践教学活动，如课程实验、课程设计、项目实战、毕业见习等实践性环节，极大提高了学生的学习兴趣，锻炼了学生的实践能力。另外，针对各专业学生学习的特点及兴趣，积极开展丰富多样的课外科技活动，成立了多个学生科技兴趣小组和学生社团，如：计算机协会、软件开发者之友、电子爱好者协会、数字游戏动漫爱好者等社团活动，还定期、不定期地组织学术讲座，开展各种技能竞赛、校园科技服务等活动；激发了在校生投入科研实践锻炼的积极性，促进学生理论联系实际，积极拓展和加深学生专业知识和专业技能，也培养了学生创新能力和团队合作精神。</p>
<strong><p>五、校企业合作</p></strong>
<p>我系积极与国内知名企业密切合作，逐步探索出一条校企专业共建的新模式。伴随着“琴岛思科网络学院”、“琴岛英特尔软件学院”等一批校企合作项目的建成，在课程建设、师资培训、职业认证等方面不断开展深入合作，将Cisco认证（CCNA、CCNP）考核内容、英特尔认证体系和实训课程有机地等融入到课堂教学内容中；通过向合作办学单位邀请有丰富实践经验的工程技术人员到校授课，将职业教育引入课堂，有效地提高了学生的就业竞争力。</p>
<strong><p>六、校园文化活动</p></strong>
<p>打造精品活动，丰富校园文化。在校园文化中，我们一直在努力探索以拉近师生距离，加强系部凝聚力为目标的精品活动。在系领导的大力支持及全系师生的共同努力下，逐渐形成了以师生联欢晚会为主，以各项师生比赛为辅的文化活动体系。我们分别以“迎系部改革，展师生风采”，“展现师生风采，谱写系部华章”，“青春扬帆，携手同行”为主题，成功举办了三届师生联欢晚会。同时，师生羽毛球比赛、乒乓球比赛、拔河比赛等各项赛事也先后展开。同时我们以系青年志愿者服务基地，社会实践基地为依托，引导学生学会感恩，回馈社会。</p>
<div align="center">
 
</div>
<p><del>在院领导的关怀和全系师生的共同努力下，计算机工程系已经形成了一个良好的系风、教风和学风环境，我系正向着更高更远的目标迈进。欢迎各位同学加入计算机工程系。</del></p>
<!--哈哈哈-->
<br>
<br>
</div>
</body>
</html>
题目二
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<link href="0.css" rel="stylesheet" type="text/css">
<title>题目三</title>
</head>
<body>
<div class="box">
<div class="box100"></div>
<div class="box100 bortop"></div>
<div class="box100 borbottom"></div>
<div class="box100 bortop"></div>
<div class="box100"></div>
</div>
</body>
</html>
题目三
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<link href="0.css" rel="stylesheet" type="text/css">
<title>题目二</title>
</head>
<body>
<div class="box">
<div class="bluebox"></div>
<div class="orangebox"></div>
</div>
</body>
</html>
网友评论