网页制作流程作业

登录

<!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: Georgia, "Times New Roman", Times, serif;
font-size: 18px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}
#box1 {
height: 58px;
width: 1096px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}
#box2 {
height: 63px;
width: 1096px;
}
#box2 {
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}
#box3 {
height: 101px;
width: 1096px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}
#box4 {
height: 1749px;
width: 1096px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}
#box5 {
float: left;
height: 1749px;
width: 312px;
}
#box6 {
float: right;
height: 1749px;
width: 784px;
}
#box7 {
height: 730px;
width: 312px;
}
#box8 {
height: 154px;
width: 312px;
}
#box9 {
height: 268px;
width: 312px;
}
#box10 {
height: 240px;
width: 312px;
}
#box11 {
height: 357px;
width: 312px;
}
#box12 {
height: 314px;
width: 784px;
}
#box13 {
float: left;
height: 314px;
width: 237px;
}
#box14 {
float: right;
height: 314px;
width: 547px;
}
#box15 {
height: 418px;
width: 784px;
}
#box16 {
height: 418px;
width: 784px;
}
#box17 {
height: 598px;
width: 784px;
}
#box18 {
height: 135px;
width: 1096px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}
#box19 {
height: 288px;
width: 1096px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}
#box20 {
height: 121px;
width: 1096px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}
</style>
</head>

<body>
<div id="box1"><img src="images/images/11_15_02.gif" width="1095" height="58" /></div>
<div id="box2"><img src="images/images/11_15_03.gif" width="1095" height="61" /></div>
<div id="box3"><img src="images/images/11_15_04.gif" width="1095" height="101" /></div>
<div id="box4"><div id="box5">
<div id="box7"><img src="images/images/11_15_05.gif" width="310" height="729" /></div><div id="box8"><img src="images/images/11_15_09.gif" width="310" height="153" /></div><div id="box9"><img src="images/images/11_15_11.gif" width="310" height="268" /></div><div id="box10"><img src="images/images/000_13.gif" width="310" height="239" /></div><div id="box11"><img src="images/images/11_15_14.gif" width="310" height="356" /></div></div><div id="box6"><div id="box12">
<div id="box13"><img src="images/images/11_15_06.gif" width="237" height="312" /></div><div id="box14"><img src="images/images/11_15_07.gif" width="548" height="312" /></div></div><div id="box15"><img src="images/images/11_15_08.gif" width="785" height="443" /></div><div id="box16"><img src="images/images/11_15_10.gif" width="785" height="395" /></div><div id="box17"><img src="images/images/11_15_13.gif" width="785" height="597" /></div></div></div>
<div id="box18"><img src="images/images/11_15_15.gif" width="1095" height="135" /></div>
<div id="box19"><img src="images/images/11_15_16.gif" width="1095" height="287" /></div>
<div id="box20"><img src="images/images/11_15_17.gif" width="1095" height="120" /></div>

</body>
</html>

zf0131 · 发表于 2015-11-13 15:42:46

代码我看不太懂不过网页制作的还是不错的排版比较规矩

yuanxi52028 · 发表于 2015-11-13 17:53:50

代码没什么问题，注意细节。
然后希望能养成良好的习惯，代码要整洁。
如果一个网站有几百几千行代码的话，这样可不行，要去做调整，哪里哪根本就找不到

<div id="box1"><img src="images/images/11_15_02.gif" width="1095" height="58" /></div>
<div id="box2"><img src="images/images/11_15_03.gif" width="1095" height="61" /></div>
<div id="box3"><img src="images/images/11_15_04.gif" width="1095" height="101" /></div>
<div id="box4">
<div id="box5">
<div id="box7"><img src="images/images/11_15_05.gif" width="310" height="729" /></div>
<div id="box8"><img src="images/images/11_15_09.gif" width="310" height="153" /></div>
<div id="box9"><img src="images/images/11_15_11.gif" width="310" height="268" /></div>
<div id="box10"><img src="images/images/000_13.gif" width="310" height="239" /></div>
<div id="box11"><img src="images/images/11_15_14.gif" width="310" height="356" /></div>
</div>
<div id="box6">
<div id="box12">
<div id="box13"><img src="images/images/11_15_06.gif" width="237" height="312" /></div>
<div id="box14"><img src="images/images/11_15_07.gif" width="548" height="312" /></div>
</div>
<div id="box15"><img src="images/images/11_15_08.gif" width="785" height="443" /></div>
<div id="box16"><img src="images/images/11_15_10.gif" width="785" height="395" /></div>
<div id="box17"><img src="images/images/11_15_13.gif" width="785" height="597" /></div>
</div>
</div>
<div id="box18"><img src="images/images/11_15_15.gif" width="1095" height="135" /></div>
<div id="box19"><img src="images/images/11_15_16.gif" width="1095" height="287" /></div>
<div id="box20"><img src="images/images/11_15_17.gif" width="1095" height="120" /></div>

[作业] 网页制作流程作业

本帖子中包含更多资源

共2个回复最后回复于 2015-11-13 17:53

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

[作业] 网页制作流程作业

本帖子中包含更多资源

共2个回复 最后回复于 2015-11-13 17:53

共2个回复最后回复于 2015-11-13 17:53