1。代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>传智播客设计学院简介</title>
<style>
#head{
font-size:20px;
text-align:center;
font-weight:bold;
letter-spacing:3px;
width:1500px;
height:67px;
}
#head_date{
font-size:15px;
}
.divcss5{
width:1200px;
padding:10px;
height:1000px;
margin:0 auto;
text-indent:2em;
}
.divcss5-lf{
float:left;
width:760px;
height:280px;
}
#body_text{
font-weight:bold;
}
.divcss5-rt{
float:right; width:400px;
height:285px;
}
</style>
</head>
<body>
<div id="head">
<p id="head_introduce">传智播客设计学院简介</p>
<p id="head_date">更新时间:<script type="text/javascript">
var myDate = new Date();
document.write(myDate.toLocaleString())
</script>
来源:传智播客</p>
</div>
<div class="divcss5">
<div class="divcss5-lf"><img src="img/ui.jpg" height="280px" width="750px">
</div>
<div class="divcss5-rt">
<p><span id="body_text">传智播客设计学院</span>专注于平面设计师、网页设计师、UI设计师的培养。我们拥有专业的师资团队,清晰合理的课程架构,4个月的学习循序渐进、充实饱满,结合大量的案例和实战项目,毕业后相当于两年工作经验。
</p>
<p id="body_right2"><span id="body_text">传智播客设计学院</span>教给你的远远不止如何作图,在这里你将学到真正的设计素养和理念,成为平面、网页、UI设计都精通的全能设计师。
</p>
<p id="body_right3">迄今为止<span id="body_text">传智播客设计学院</span>已经培养出了上万名设计师,遍布于各个大中型企业,同时,从传智播客走出去的学员也得到了各个企业的一致认可和好评。
</p>
</div>
</div>
</body>
</html>
2。素材
img/ui.jpg
3。结果