论坛

标题: 一（三）作业网页制作流程 [打印本页]

作者: Jollyypj 时间: 2017-9-18 20:29
标题: 一（三）作业网页制作流程
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<div id="box_1">
  <html xmlns="http://www.w3.org/1999/xhtml">
  <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>一（三）作业网页制作流程</title>
  <style type="text/css">
body {
font-family: "宋体";
font-size: 18px;
margin: 0px auto;
}
#box_1 {
height: 56px;
width: 1097px;
}
  #box_2 {
height: 59px;
width: 1097px;
}
  #box_3 {
height: 101px;
width: 1097px;
}
  #box_a {
height: 1755px;
width: 310px;
float: left;
}
  #box_a #box_4 {
height: 729px;
width: 310px;
}
  #box_a #box_8 {
height: 154px;
width: 310px;
}
  #box_a #box_10 {
height: 269px;
width: 310px;
}
  #box_a #box_11 {
height: 244px;
width: 310px;
}
  #box_a #box_13 {
height: 356px;
width: 310px;
}
  #box_b {
float: left;
height: 1755px;
width: 787px;
}
  #box_b #box_5 {
float: left;
height: 328px;
width: 246px;
}
  #box_b #box_6 {
float: left;
height: 328px;
width: 541px;
}
  #box_b #box_7 {
float: left;
height: 432px;
width: 787px;
}
  #box_b #box_9 {
float: left;
height: 393px;
width: 787px;
}
  #box_b #box_12 {
height: 600px;
width: 787px;
float: left;
}

}
  #box_14 {
height: 146px;
width: 1097px;
float: left;
}
  #box_15 {
float: left;
height: 270px;
width: 1097px;
}
  #box_16 {
float: left;
height: 125px;
width: 1097px;
}
  </style>
  </head>

  <body>

  <div id="box_1"><img src="images/11_01.gif" width="1097" height="56" alt="logo" /></div>
  <div id="box_2"><img src="images/11_02.gif" width="1097" height="59" alt="导航" /></div>
  <div id="box_3"><img src="images/11_03.gif" width="1097" height="101" alt="搜索栏" /></div>

  <div id="box_a">
  <div id="box_4"><img src="images/11_04.gif" width="310" height="729" alt="4" /></div>
  <div id="box_8"><img src="images/11_08.gif" width="310" height="154" alt="8" /></div>
  <div id="box_10"><img src="images/11_10.gif" width="310" height="269" alt="10" /></div>
  <div id="box_11"><img src="images/11_11.gif" width="310" height="244" alt="11" /></div>
  <div id="box_13"><img src="images/11_13.gif" width="310" height="356" alt="13" /></div>
  </div>

  <div id="box_b">
  <div id="box_5"><img src="images/11_05.gif" width="246" height="327" alt="5" /></div>
  <div id="box_6"><img src="images/11_06.gif" width="541" height="327" alt="6" /></div>
  <div id="box_7"><img src="images/11_07.gif" width="787" height="432" alt="7" /></div>
  <div id="box_9"><img src="images/11_09.gif" width="787" height="393" alt="9" /></div>
  <div id="box_12"><img src="images/11_12.gif" width="787" height="600" alt="12" /></div>
  </div>

  <div id="box_14"><img src="images/11_14.gif" width="1097" height="146" alt="14" /></div>
  <div id="box_15"><img src="images/11_15.gif" width="1097" height="270" alt="15" /></div>
  <div id="box_16"><img src="images/11_16.gif" width="1097" height="125" alt="16" /></div>

  </body>
  </html>
</div>

[attach]106902[/attach]

作者: 潜意式 时间: 2017-9-19 17:56
完成没有问题哦，继续往后面学习即可。

欢迎光临论坛 (http://bbs.qinxue.com/)