作业1

潜意式 · 发表于 2016-10-22 16:58:44

布局没有排好哦，蓝色块应该在列表下方，而产品在列表的右侧。

lising · 发表于 2016-10-23 17:25:47

参考过其他同学的做法，我也学会了怎么做了

猫猫大人 · 发表于 2016-10-23 20:29:47

lising 发表于 2016-10-23 17:25
参考过其他同学的做法，我也学会了怎么做了

很棒哦，新的作业也可以发上在这个贴里呀

lising · 发表于 2016-10-23 22:58:04

<!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: "宋体";
      font-size: 18px;
      margin: 0px auto;
}
#box_1 {
      height: 59px;
      width: 1097px;
      margin: 0px auto;

}
#box_2 {
      height: 59px;
      width: 1097px;
      margin: 0px auto;

}
#box_3 {
      height: 101px;
      width: 1097px;
      margin: 0px auto;

}
#box_4 {
      float: left;
      height: 729px;
      width: 310px;
}
#box_8 {
      float: left;
      height: 154px;
      width: 310px;
}
#box_10 {
      float: left;
      height: 269px;
      width: 310px;
}
#box_11 {
      float: left;
      height: 244px;
      width: 310px;
}
#box_13 {
      float: left;
      height: 356px;
      width: 310px;
}
#box_a {
      float: left;
      height: 760px;
      width: 300px;
}
#box_b {
float: none;
height: 1580px;
width: 1097px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}
#box_5 {
      float: left;
      height: 327px;
      width: 246px;
}
#box_6 {
      float: left;
      height: 327px;
      width: 541px;
}
#box_7 {
      float: left;
      height: 432px;
      width: 787px;
}
#box_9 {
      float: right;
      height: 393px;
      width: 787px;
}
#box_12 {
      float: right;
      height: 600px;
      width: 787px;
}
#box_14 {
      height: 146px;
      width: 1097px;
      margin: 0px auto;
}
#box_15 {
      height: 270px;
      width: 1097px;
      margin: 0px auto;
}
#box_16 {
      height: 125px;
      width: 1097px;
      margin: 0px auto;
}
</style>
</head>
<body>
<div id="box_1"><img src="../第四节  网页规范(sn-21-14)/作业/images/标题.gif" width="1097" height="60" border="0" /></div>
<div id="box_2"><img src="../第四节  网页规范(sn-21-14)/作业/images/导航.gif" width="1097" height="59" border="0" /></div>
<div id="box_3"><img src="../第四节  网页规范(sn-21-14)/作业/images/广告.gif" width="1097" height="101" border="1" /></div>
<div id="box_b">
<div id="box_a">
<div id="box_4">
  <div align="right"><img src="../第四节  网页规范(sn-21-14)/作业/images/图书分类.gif" width="175" height="729" border="0" /></div>
</div>
<div id="box_8">
  <div align="right"><img src="../第四节  网页规范(sn-21-14)/作业/images/推荐.gif" width="176" height="154" border="0" /></div>
</div>
<div id="box_10">
  <div align="right"><img src="../第四节  网页规范(sn-21-14)/作业/images/广告3.gif" width="178" height="269" border="0" /></div>
</div>
<div id="box_11">
  <div align="right"><img src="../第四节  网页规范(sn-21-14)/作业/images/友情链接.gif" width="178" height="244" border="0" /></div>
</div>
<div id="box_13">
  <div align="right"><img src="../第四节  网页规范(sn-21-14)/作业/images/广告6.gif" width="178" height="356" border="0" /></div>
</div>
</div>
<div id="box_5"><img src="../第四节  网页规范(sn-21-14)/作业/images/广告2.gif" width="246" height="327" /></div>
<div id="box_6"><img src="../第四节  网页规范(sn-21-14)/作业/images/新书资讯.gif" width="541" height="327" /></div>
<div id="box_7"><img src="../第四节  网页规范(sn-21-14)/作业/images/特供.gif" width="693" height="432" /></div>
<div id="box_9"><img src="../第四节  网页规范(sn-21-14)/作业/images/推荐畅销.gif" width="787" height="393" /></div>
<div id="box_12"><img src="../第四节  网页规范(sn-21-14)/作业/images/好评.gif" width="693" height="600" /></div>

<div id="box_14"><img src="../第四节  网页规范(sn-21-14)/作业/images/广告4.gif" width="1097" height="146" border="1" /></div>
</div>
<div id="box_15"><img src="../第四节  网页规范(sn-21-14)/作业/images/服务.gif" width="1097" height="270" border="0" /></div>

<div id="box_16"><img src="../第四节  网页规范(sn-21-14)/作业/images/版权.gif" width="1097" height="125" border="0" /></div>
</body>
</html>

lising · 发表于 2016-10-23 22:59:56

老师我遇到一种情况就是，在DW明明排版是在那个位置，但是在网页上看就不一样了？

潜意式 · 发表于 2016-10-24 17:22:10

一切与网页预览为准，可以使用不同的浏览器进行预览。

[作业] 作业1

本帖子中包含更多资源

共6个回复最后回复于 2016-10-24 17:22

本帖子中包含更多资源

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

[作业] 作业1

本帖子中包含更多资源

共6个回复 最后回复于 2016-10-24 17:22

本帖子中包含更多资源

共6个回复最后回复于 2016-10-24 17:22