设为首页
收藏本站
开启辅助访问
请
登录
后使用快捷导航
没有帐号?
立即注册
首页
课程设置
平面设计
室内设计
机械设计
园林景观设计
影视后期制作
论坛
老师加盟
登录
|
注册
搜索
搜索
本版
帖子
用户
快捷导航
室内设计学院
论坛
BBS
论坛
›
学院
›
平面设计学院
›
第三节 网页制作流程(附源码)
返回列表
求学女子
31
主题
43
帖子
198
积分
注册会员
注册会员, 积分 198, 距离下一级还需 2 积分
注册会员, 积分 198, 距离下一级还需 2 积分
积分
198
加为好友
发送消息
访问家园
3
1049
电梯直达
[作业]
第三节 网页制作流程(附源码)
有时快乐有时悲伤
|
新手上路
|
勤币 62
|
学币 0
发表于 2016-1-9 11:30
|
复制链接
|
打印
|
上一主题
|
下一主题
网页美工设计入门详解
-
第三节 网页制作流程
认真跟着老师的步骤学习完了“
第三节 网页制作流程
”,对DIV非常不熟悉,DW折腾了一番DIV的浮动,终于算是完成了本次的作业,自我鼓励一下
,求点评
下面附完整的HTML代码
(DW新建一个空白的html页面,完全粘贴下面的代码,即可完整查看本次作业喔)
<!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>
<font color="#8b0000"><style type="text/css">
body {
margin-top: 0px;
margin-bottom: 0px;
}
#b_00 {
height: 2507px;
width: 1094px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}
#b_01 {
height: 54px;
width: 1094px;
margin-top: 0px;
}
#b_02 {
height: 59px;
width: 1094px;
}
#b_03 {
height: 101px;
width: 1094px;
}
#b_04 {
float: left;
height: 729px;
width: 307px;
}
#b_05 {
float: left;
height: 327px;
width: 246px;
}
#b_06 {
float: left;
height: 327px;
width: 541px;
}
#b_07 {
float: left;
height: 432px;
width: 787px;
}
#b_080 {
height: 1023px;
width: 307px;
float: none;
margin-top: -30px;
clear: left;
position: relative;
}
#b_09 {
float: right;
height: 393px;
width: 787px;
margin-top: -1023px;
position: relative;
}
#b_08 {
height: 154px;
width: 307px;
}
#b_12 {
float: left;
height: 600px;
width: 787px;
position: relative;
margin-top: -630px;
margin-left: 307px;
}
#b_14 {
clear: none;
height: 146px;
width: 1094px;
float: right;
position: relative;
margin-left: -1094px;
margin-top: -30px;
}
#b_10 {
clear: both;
height: 269px;
width: 307px;
}
#b_11 {
height: 244px;
width: 307px;
}
#b_13 {
height: 356px;
width: auto;
}
#b_15 {
height: 270px;
width: 1094px;
clear: both;
}
#b_16 {
height: 125px;
width: 1094px;
}
</style></font>
</head>
<body>
<div id="b_00">
<div id="b_01"><img src="http://i4.tietuku.com/a7d3f528ece1b4d9.jpg" width="1094" height="54" /></div>
<div id="b_02"><img src="http://i4.tietuku.com/00334194eb9ac1fb.jpg" width="1094" height="59" /></div>
<div id="b_03"><img src="http://i4.tietuku.com/81f9e16c1e3b19b4.jpg" width="1094" height="101" /></div>
<div id="b_04"><img src="http://i4.tietuku.com/ed1d281692f0bd9d.jpg" width="307" height="729" /></div>
<div id="b_05"><img src="http://i4.tietuku.com/42cf9f8ad0f88ec1.jpg" width="246" height="327" /></div>
<div id="b_06"><img src="http://i4.tietuku.com/2bf0f9ca4a502e4e.jpg" width="541" height="327" /></div>
<div id="b_07"><img src="http://i4.tietuku.com/ddbbdbca0052ca7f.jpg" width="787" height="432" /></div>
<div id="b_080">
<div id="b_08"><img src="http://i4.tietuku.com/a338c1f50a1c2d89.jpg" width="307" height="154" /></div>
<div id="b_10"><img src="http://i4.tietuku.com/db21be5745eb3a59.jpg" width="307" height="269" /></div>
<div id="b_11"><img src="http://i4.tietuku.com/92d10306d5ecf7e1.jpg" width="307" height="244" /></div>
<div id="b_13"><img src="http://i4.tietuku.com/d8aea40ad0f520dc.jpg" width="307" height="356" /></div>
</div>
<div id="b_09"><img src="http://i4.tietuku.com/74282f0db4ef9121.jpg" width="787" height="393" /></div>
<div id="b_12"><img src="http://i4.tietuku.com/bc51d1c78b7294e5.jpg" width="787" height="600" /></div>
<div id="b_14"><img src="http://i4.tietuku.com/e179044407a4d4fd.jpg" width="1094" height="146" /></div>
<div id="b_15"><img src="http://i4.tietuku.com/2eac3fba410af391.jpg" width="1094" height="270" /></div>
<div id="b_16"><img src="http://i4.tietuku.com/1ea584b49ec7b419.jpg" width="1094" height="125" /></div>
</div>
</body>
</html>
复制代码
下面的效果图为压缩的图片:
本帖子中包含更多资源
您需要
登录
才可以下载或查看,没有帐号?
立即注册
x
点赞
26
哪些同学觉得很赞!
lori棒棒糖
觉得很赞
昵昵妹
觉得很赞
潜意式
觉得很赞
龙猫1212
觉得很赞
大大大表哥
觉得很赞
依仔101
觉得很赞
西卡
觉得很赞
一品数码
觉得很赞
热爱生活热爱家
觉得很赞
我叫大帅比
觉得很赞
举报
使用道具
|
回复
共3个回复 最后回复于 2016-1-25 18:17
yuanxi52028
积分
167
0
主题
167
帖子
167
积分
注册会员
注册会员, 积分 167, 距离下一级还需 33 积分
注册会员, 积分 167, 距离下一级还需 33 积分
积分
167
加为好友
发送消息
访问家园
yuanxi52028
注册会员
勤币 614
学币 0
沙发
发表于 2016-1-9 17:54:31
|
只看该作者
不错,看得出学习是很认真的。
代码写得很工整。整体也完成得不错。
还会用绝对路经调用外部图片。赞一个。
举报
使用道具
回复
支持
反对
猫猫大人
积分
16434
77
主题
16029
帖子
16434
积分
论坛元老
积分
16434
加为好友
发送消息
访问家园
猫猫大人
论坛元老
勤币 17126
学币 30
板凳
发表于 2016-1-9 19:42:27
|
只看该作者
我去。。好厉害的样子,,不明觉厉
举报
使用道具
回复
支持
反对
求学女子
积分
198
31
主题
43
帖子
198
积分
注册会员
注册会员, 积分 198, 距离下一级还需 2 积分
注册会员, 积分 198, 距离下一级还需 2 积分
积分
198
加为好友
发送消息
访问家园
求学女子
注册会员
勤币 427
学币 0
地板
发表于 2016-1-25 18:17:15
|
只看该作者
请问作业JPG如何保存这么长的图片,跨页,截图截不全
举报
使用道具
回复
支持
反对
返回列表
B
Color
Image
Link
Quote
Code
Smilies
高级模式
您需要登录后才可以回帖
登录
|
立即注册
本版积分规则
发表回复
回帖后跳转到最后一页
快速回复
返回顶部
返回列表