第三节网页制作流程(sn-21-10)

登录

本帖最后由 ggzzzhao 于 2016-3-6 16:21 编辑

<!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">
#zhukuang01 {
      height: 2509px;
      width: 1097px;
}
#zhukuan02 {
      float: left;
      height: 1752px;
      width: 310px;
}
#cpflq01 {
      height: 729px;
      width: 310px;
}
#gntjq01 {
      height: 154px;
      width: 310px;
}
#guanggaoqu01 {
      height: 269px;
      width: 310px;
}
#biaotiqu01 {
      height: 56px;
      width: 1097px;
}
#youqingljqu01 {
      height: 244px;
      width: 310px;
}
#guanggao02 {
      height: 356px;
      width: 310px;
}
#guanggao03 {
      float: left;
      height: 327px;
      width: 247px;
}
#xinpinq01 {
      float: right;
      height: 327px;
      width: 540px;
}
#tegongqu01 {
      float: left;
      height: 432px;
      width: 787px;
}
#tjxs01 {
      height: 393px;
      width: 787px;
      float: left;
}
#renqqu {
      float: left;
      height: 600px;
      width: 787px;
}
#guanggao04 {
      height: 146px;
      width: 1097px;
}
#fuwuqu01 {
      height: 270px;
      width: 1097px;
}
#banqqu01 {
      height: 125px;
      width: 1097px;
}
#daohangqu01 {
      height: 59px;
      width: 1097px;
}
#zhukuan03 {
      float: left;
      height: 327px;
      width: 787px;
}
#ggssq01 {
      height: 101px;
      width: 1097px;
}
</style>
</head>

<body>

<div id="zhukuang01">
  <div id="biaotiqu01"><img src="images/11_01.gif" width="1097" height="56" alt="标题" /></div>
  <div id="daohangqu01"><img src="images/11_03.gif" width="1097" height="101" alt="广告搜索01" /></div>
<div id="zhukuan02">
  <div id="cpflq01"><img src="images/11_04.gif" width="310" height="729" alt="产品分类" /></div>
  <div id="gntjq01"><img src="images/11_08.gif" width="310" height="154" alt="友情" /></div>
  <div id="guanggaoqu01"><img src="images/11_10.gif" width="310" height="269" alt="广告01" /></div>
  <div id="youqingljqu01"><img src="images/11_11.gif" width="310" height="244" alt="友情" /></div>
  <div id="guanggao02"><img src="images/11_13.gif" width="310" height="356" alt="广告02" /></div>
  <div id="guanggao04"><img src="images/11_14.gif" width="1097" height="146" alt="广告04" /></div>
  <div id="fuwuqu01"><img src="images/11_15.gif" width="1097" height="270" alt="服务" /></div>
  <div id="banqqu01"><img src="file:///F|/勤学网/21_网页美工设计入门详解/第三节  网页制作流程(sn-21-10)/11切片/images/11_16.jpg" width="1097" height="125" /></div>

</div>

<div id="zhukuan03">
  <div id="xinpinq01"><img src="file:///F|/勤学网/21_网页美工设计入门详解/第三节  网页制作流程(sn-21-10)/11切片/images/11_06.gif" width="541" height="327" /></div>
<div id="guanggao03"><img src="images/11_05.gif" width="246" height="327" alt="广告03" /></div>
<div id="tegongqu01"><img src="images/11_07.gif" width="787" height="432" alt="特供" /></div>
<div id="tjxs01"><img src="images/11_09.gif" width="787" height="393" alt="人气" /></div>
<div id="renqqu"><img src="images/11_12.gif" width="787" height="600" alt="人气" /></div>
</div>

</div>

</body>
</html>

ggzzzhao · 发表于 2016-3-6 15:55:57

想问下我做的网页怎么会有条黑边在左边

ggzzzhao · 发表于 2016-3-6 16:22:20

ggzzzhao 发表于 2016-3-6 15:55
想问下我做的网页怎么会有条黑边在左边

改好了；；；；；；；；；；；；；；；

yuanxi52028 · 发表于 2016-3-7 19:49:15

本帖最后由 yuanxi52028 于 2016-3-7 19:51 编辑

ggzzzhao 发表于 2016-3-6 16:22
改好了；；；；；；；；；；；；；；；

代码要编写工整，养成良好的习惯。现在是代码少能找着，如果在正式项目开发的时候，代码要比现在多得多，如果编写不工整，代码哪块是哪块很难找着的。每一个标签应该对齐，层级对齐。

banqqu01 xinpinq01 本地的文件不需要用绝对路经

黑边是因为效果图上就有黑边，需要切掉的。

[作业] 第三节网页制作流程(sn-21-10)

本帖子中包含更多资源

共3个回复最后回复于 2016-3-7 19:49

本帖子中包含更多资源

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

[作业] 第三节 网页制作流程(sn-21-10)

本帖子中包含更多资源

共3个回复 最后回复于 2016-3-7 19:49

本帖子中包含更多资源

[作业] 第三节网页制作流程(sn-21-10)

共3个回复最后回复于 2016-3-7 19:49