设为首页
收藏本站
开启辅助访问
请
登录
后使用快捷导航
没有帐号?
立即注册
首页
课程设置
平面设计
室内设计
机械设计
园林景观设计
影视后期制作
论坛
老师加盟
登录
|
注册
搜索
搜索
本版
帖子
用户
快捷导航
室内设计学院
论坛
BBS
论坛
›
学院
›
平面设计学院
›
网页的制作流程
返回列表
潜意式
3
主题
17054
帖子
17089
积分
版主
积分
17089
加为好友
发送消息
访问家园
1
622
电梯直达
[作业]
网页的制作流程
借问众神明
|
注册会员
|
勤币 184
|
学币 0
发表于 2016-3-11 21:54
|
复制链接
|
打印
|
上一主题
|
下一主题
网页美工设计入门详解
-
第三节 网页制作流程
这节课花了两天的时间,也真是太低产了~那么请老师和同学们来点评啦~~
首先是代码:
<!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_1 {
float: left;
height: 1757px;
width: 308px;
}
#box_1 {
height: 58px;
width: 1097px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}
#box_2 {
height: 60px;
width: 1097px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}
#box_3 {
height: 101px;
width: 1097px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}
#box_4 {
float: left;
height: 737px;
width: 308px;
}
#box_8 {
float: left;
height: 153px;
width: 308px;
}
#box_9 {
float: left;
height: 392px;
width: 789px;
}
#box_10 {
float: left;
height: 260px;
width: 308px;
}
#box_11 {
float: left;
height: 613px;
width: 789px;
}
#box_12 {
float: left;
height: 246px;
width: 308px;
}
#box_13 {
float: left;
height: 360px;
width: 308px;
}
#box_14 {
float: left;
height: 124px;
width: 1097px;
}
#box_15 {
float: left;
height: 284px;
width: 1097px;
}
#box_16 {
float: left;
height: 126px;
width: 1097px;
}
#box_5 {
float: left;
height: 315px;
width: 242px;
}
#box_6 {
float: left;
height: 314px;
width: 547px;
}
#box_7 {
float: left;
height: 438px;
width: 789px;
}
#box_1_2 {
height: 2509px;
width: 1097px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}
</style>
</head>
<body>
<div id="box_1_2">
<div id="box_1"><img src="images/11-1_01.gif" width="1097" height="58" /></div>
<div id="box_2"><img src="images/11-1_02.gif" width="1097" height="60" /></div>
<div id="box_3"><img src="images/11-1_03.gif" width="1097" height="101" /></div>
<div id="box_1_1">
<div id="box_4"><img src="images/11-1_04.gif" width="308" height="737" /></div>
<div id="box_8"><img src="images/11-1_08.gif" width="308" height="153" /></div>
<div id="box_10"><img src="images/11-1_10.gif" width="308" height="260" /></div>
<div id="box_12"><img src="images/11-1_12.gif" width="308" height="246" /></div>
<div id="box_13"><img src="images/11-1_13.gif" width="308" height="360" /></div>
</div>
<div id="box_5"><img src="images/11-1_05.gif" width="242" height="314" /></div>
<div id="box_6"><img src="images/11-1_06.gif" width="547" height="314" /></div>
<div id="box_7"><img src="images/11-1_07.gif" width="789" height="438" /></div>
<div id="box_9"><img src="images/11-1_09.gif" width="789" height="392" /></div>
<div id="box_11"><img src="images/11-1_11.gif" width="789" height="612" /></div>
<div id="box_14"><img src="images/11-1_14.gif" width="1097" height="124" /></div>
<div id="box_15"><img src="images/11-1_15.gif" width="1097" height="284" /></div>
<div id="box_16"><img src="images/11-1_16.gif" width="1097" height="126" /></div>
</div>
</body>
</html>
下面是成品:
本帖子中包含更多资源
您需要
登录
才可以下载或查看,没有帐号?
立即注册
x
点赞
26
哪些同学觉得很赞!
lori棒棒糖
觉得很赞
昵昵妹
觉得很赞
潜意式
觉得很赞
龙猫1212
觉得很赞
大大大表哥
觉得很赞
依仔101
觉得很赞
西卡
觉得很赞
一品数码
觉得很赞
热爱生活热爱家
觉得很赞
我叫大帅比
觉得很赞
举报
使用道具
|
回复
共1个回复 最后回复于 2016-3-12 18:01
潜意式
积分
17089
3
主题
17054
帖子
17089
积分
版主
积分
17089
加为好友
发送消息
访问家园
潜意式
版主
勤币 18146
学币 398
沙发
发表于 2016-3-12 18:01:56
|
只看该作者
完成很不错,素材的处理也很细致,赞一个~
举报
使用道具
回复
支持
反对
返回列表
B
Color
Image
Link
Quote
Code
Smilies
高级模式
您需要登录后才可以回帖
登录
|
立即注册
本版积分规则
发表回复
回帖后跳转到最后一页
快速回复
返回顶部
返回列表