网页美工设计入门详解 > 第三节网页制作流程

登录

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<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: Verdana, Geneva, sans-serif;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}
#box-1 {
float: left;
height: 54px;
width: 966px;
}
#box-2 {
float: left;
height: 60px;
width: 966px;
}
#box-3 {
float: left;
height: 105px;
width: 966px;
}
#box-4 {
float: left;
height: 1761px;
width: 174px;
}
#box-5 {
float: left;
height: 1761px;
width: 792px;
}
#box-6 {
float: left;
height: 147px;
width: 966px;
}
#box-7 {
float: left;
height: 271px;
width: 966px;
}
#box-8 {
float: left;
height: 128px;
width: 966px;
}
#box-4 #box-4-1 {
float: left;
height: 729px;
width: 174px;
}
#box-4 #box-4-2 {
float: left;
height: 155px;
width: 174px;
}
#box-4 #box-4-3 {
float: left;
height: 273px;
width: 174px;
}
#box-4 #box-4-4 {
float: left;
height: 245px;
width: 174px;
}
#box-4 #box-4-5 {
float: left;
height: 359px;
width: 174px;
}
#box-5 #box-5-1 {
float: left;
height: 327px;
width: 792px;
}
#box-5 #box-5-2 {
float: left;
height: 429px;
width: 792px;
}
#box-5 #box-5-3 {
float: left;
height: 359px;
width: 792px;
}
#box-5 #box-5-4 {
float: left;
height: 646px;
width: 792px;
}
#box-5 #box-5-1 #box-5-1-1 {
float: left;
height: 327px;
width: 247px;
}
#box-5 #box-5-1 #box-5-1-2 {
float: left;
height: 327px;
width: 545px;
}
</style>
</head>

<body>
<div id="box-1"><img src="images/11_02.gif" width="912" height="56" alt="01" /></div>
<div id="box-2"><img src="images/11_05.gif" width="911" height="59" alt="02" /></div>
<div id="box-3"><img src="images/11_11.gif" width="911" height="99" alt="03" /></div>
<div id="box-4">
  <div id="box-4-1"><img src="images/11_17_17.gif" width="174" height="731" alt="04" /></div>
  <div id="box-4-2"><img src="images/11_36_32.gif" width="174" height="142" alt="05" /></div>
  <div id="box-4-3"><img src="images/11_40.gif" width="174" height="258" alt="06" /></div>
  <div id="box-4-4"><img src="images/11_45.gif" width="172" height="233" alt="07" /></div>
  <div id="box-4-5"><img src="images/11_52.gif" width="172" height="350" alt="08" /></div>
</div>
<div id="box-5">
  <div id="box-5-1">
<div id="box-5-1-1"><img src="images/11_20.gif" width="233" height="303" alt="016" /></div>
<div id="box-5-1-2"><img src="images/11_23.gif" width="438" height="301" alt="017" /></div>
  </div>
  <div id="box-5-2"><img src="images/11_29.gif" width="681" height="427" alt="015" /></div>
  <div id="box-5-3"><img src="images/11_35.gif" width="682" height="379" alt="014" /></div>
  <div id="box-5-4"><img src="images/11_47.gif" width="682" height="538" alt="012" /></div>
</div>
<div id="box-6"><img src="images/11_57.gif" width="938" height="125" alt="09" /></div>
<div id="box-7"><img src="images/11_62.gif" width="939" height="266" alt="010" /></div>
<div id="box-8"><img src="images/11_66.gif" width="942" height="118" alt="011" /></div>
</body>
</html>

rui0326 · 发表于 2015-9-14 15:09:16

试了很多次都不行呢

[作业] 网页美工设计入门详解 > 第三节网页制作流程

本帖子中包含更多资源

共1个回复最后回复于 2015-9-14 15:09

	B Color Image Link Quote Code Smilies 高级模式您需要登录后才可以回帖登录 \| 立即注册本版积分规则回帖后跳转到最后一页

[作业] 网页美工设计入门详解 > 第三节 网页制作流程

本帖子中包含更多资源

共1个回复 最后回复于 2015-9-14 15:09

[作业] 网页美工设计入门详解 > 第三节网页制作流程

共1个回复最后回复于 2015-9-14 15:09