实验一：传智播客设计学院简介

关注

原创最新推荐文章于 2023-03-16 17:38:53 发布 2.3k 阅读 AI 写同款· GEO 优化 ›

传智播客设计学院简介网页代码项目任务项目分析 1.该网页分为左右两大板块 2.左边为字图结合,可在图片处理工具中将图片设计好,再将该图片设为背景即可 3.左图中文字部分可用有序列表制作 4.左图制作好后,设置左浮动,在进行右边的文字简介编辑 5.右边文字可分为三个段落,分别编辑,并将"传智播客设计学院"字体加粗即可下面我们来看代码 HTML 部分代码 <!DOCTYPE html PUBLIC "-//W3C/... 阅读详情

传智播客设计学院简介，并点击图片进入传智播客首页

实现效果：
在这里插入图片描述
源代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>传智播客设计学院简介</title>
  <style>
    .one{
      width: 640px;
      height: 300px;
      display: inline-block;
    }
    footer {
      height:25px;
    }
    .bg {
      text-align: center ;
      width: 1050px;
      height: 90px;
    }
    .beam{
      width: 400px;
      height: 300px;
      display: inline-block;
      text-indent:2em
    }
  </style>
</head>
<body>
<div class="bg">
  <hedar><b>传智播客设计学院简介</b></hedar>
  <footer >更新时间：2020年03月04日 14时08分 来源：传智播客</footer>
  <hr color="#ccc" size="1" >
</div>
<div class="one"><img src=".idea/SF27NVE4O3HV]Y62ZX2H2UW.jpg"/></div>
<div class="beam" >
  <b>传智播客设计学院</b>
  专注于平面设计师、网页设计师、UI设计师的培养，我们拥有专业的师资团队，清晰合理的课程构架，4个月的学习循序渐进、充实饱满，结合大量的案列和实战项目，毕业后相当于两年工作经验。
  <br/>
  <b>传智播客设计学院</b>交个你的远远不止如何作图，在这里你将学到真正的设计素养和理念，成为平面、网页、UI设计都精通的全能设计师
  <br/>
  迄今为止<b>传智播客设计学院</b>已经培养出来上万名设计师，遍布于各个大中型企业，同时，从传智播客走出去的学院也得到了各个企业的一致认可和好评。
  <br/>
</div>
</body>
</html>

转换到首页用一个超链接就可以实现了。

收录于