设为首页收藏本站
开启辅助访问
搜索
快捷导航
论坛 › 学院 › 平面设计学院 › 我的作业，直接用网站图片链接
发新帖
返回列表
2 1101
电梯直达  跳转到指定楼层

[作业] 我的作业，直接用网站图片链接

186442733|中级会员 |勤币 130 |学币 0
发表于 2016-1-9 23:19 | 复制链接 | 打印 | 上一主题 | 下一主题
网页美工设计入门详解 - 第三节 网页制作流程
本帖最后由 186442733 于 2016-1-9 23:49 编辑

<!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=gb2312" />
<title>无标题文档</title>
<style type="text/css">
<!--
body {
        font-family: "宋体";
        font-size: 18px;
        margin-top: 0px;
        margin-right: auto;
        margin-bottom: 0px;
        margin-left: auto;
}
#box {
        height: 2509px;
        width: 1097px;
        margin-top: 0px;
        margin-right: auto;
        margin-bottom: 0px;
        margin-left: auto;
}
#box1 {
        height: 56px;
        width: 1097px;
        margin-top: 0px;
        margin-right: auto;
        margin-bottom: 0px;
        margin-left: auto;
}
#box2 {
        height: 59px;
        width: 1097px;
        margin-top: 0px;
        margin-right: auto;
        margin-bottom: 0px;
        margin-left: auto;
}
#box3 {
        height: 101px;
        width: 1097px;
        margin-top: 0px;
        margin-right: auto;
        margin-bottom: 0px;
        margin-left: auto;
}
#box4 {
        height: 1752px;
        width: 310px;
        margin-top: 0px;
        margin-right: auto;
        margin-bottom: 0px;
        margin-left: auto;
        float: left;
}
#box5 {
        height: 1425px;
        width: 787px;
        float: left;
}
#box6 {
        float: left;
        height: 146px;
        width: 1097px;
}
#box7 {
        float: left;
        height: 270px;
        width: 1097px;
}
#box8 {
        float: left;
        height: 125px;
        width: 1097px;
}
-->
</style>
</head>

<body>
<div id="box">
<div id="box1"><img src="http://resbbs.qinxue.com/data/attachment/forum/201601/09/231938akrw7kyrldyzw5gl.gif" width="1097" height="56" /></div>
<div id="box2"><img src="http://resbbs.qinxue.com/data/attachment/forum/201601/09/231937fjljn566bvwqvbjl.gif" width="1097" height="59" /></div>
<div id="box3"><img src="http://resbbs.qinxue.com/data/attachment/forum/201601/09/231940sd5beb919kne5yne.gif" width="1097" height="101" /></div>
<div id="box4"><img src="http://resbbs.qinxue.com/data/attachment/forum/201601/09/231944wz3un3w6zunad03h.gif" width="310" height="729" /><img src="http://resbbs.qinxue.com/data/attachment/forum/201601/09/231942x9nblisjoqomd6is.gif" width="310" height="154" /><img src="http://resbbs.qinxue.com/data/attachment/forum/201601/09/231943gmzef7o704luhdym.gif" width="310" height="269" /><img src="http://resbbs.qinxue.com/data/attachment/forum/201601/09/231940y8uo9lyz9yvomp6v.gif" width="310" height="244" /><img src="http://resbbs.qinxue.com/data/attachment/forum/201601/09/231944rpbg0bqpqj4p4mpo.gif" width="310" height="356" /></div>
<div id="box5"><img src="http://resbbs.qinxue.com/data/attachment/forum/201601/09/231938zehh9c6cveech3h6.gif" width="246" height="327" /><img src="http://resbbs.qinxue.com/data/attachment/forum/201601/09/231939vcabbs0sxcszlyh3.gif" width="541" height="327" /><img src="http://resbbs.qinxue.com/data/attachment/forum/201601/09/231940txsc7iqskci2szss.gif" width="787" height="432" /><img src="http://resbbs.qinxue.com/data/attachment/forum/201601/09/231942vut39v5qdq93vg55.gif" width="787" height="393" /><img src="http://resbbs.qinxue.com/data/attachment/forum/201601/09/231939znsk1unmjyykymkj.gif" width="787" height="600" /></div>
<div id="box6"><img src="http://resbbs.qinxue.com/data/attachment/forum/201601/09/231938enionon4qhq483kc.gif" width="1097" height="146" /></div>
<div id="box7"><img src="http://resbbs.qinxue.com/data/attachment/forum/201601/09/231937jybiiyrvosgchsrw.gif" width="1097" height="270" /></div>
<div id="box8"><img src="http://resbbs.qinxue.com/data/attachment/forum/201601/09/231937aqzunpqj0110udqb.gif" width="1097" height="125" /></div>
<div id="box9"></div></div>
</body>
</html>



本帖子中包含更多资源

您需要 登录 才可以下载或查看，没有帐号？立即注册

x
举报 使用道具
| 回复

共2个回复 最后回复于 2016-1-11 18:40

xm10421396
金牌会员
勤币 8789   学币 0  
沙发
发表于 2016-1-11 18:10:48 | 只看该作者
作业完成的还不错，没有什么大问题，注意两点，一、div部分的代码要写整齐一点；二、图片左边的黑边需要切掉
举报 使用道具
回复 支持 反对
yuanxi52028
注册会员
勤币 614   学币 0  
板凳
发表于 2016-1-11 18:40:17 | 只看该作者
代码这样看是没啥问题，注意代码整洁，养成良好的习惯。

没看亲切出来的整体效果，是否显示正常呢
举报 使用道具
回复 支持 反对
发新帖
返回列表
B Color Image Link Quote Code Smilies
高级模式
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

快速回复 返回顶部 返回列表