网页设计报告.docx

上传人:b****5 文档编号:5022426 上传时间:2022-12-12 格式:DOCX 页数:13 大小:752.09KB
下载 相关 举报
网页设计报告.docx_第1页
第1页 / 共13页
网页设计报告.docx_第2页
第2页 / 共13页
网页设计报告.docx_第3页
第3页 / 共13页
网页设计报告.docx_第4页
第4页 / 共13页
网页设计报告.docx_第5页
第5页 / 共13页
点击查看更多>>
下载资源
资源描述

网页设计报告.docx

《网页设计报告.docx》由会员分享,可在线阅读,更多相关《网页设计报告.docx(13页珍藏版)》请在冰豆网上搜索。

网页设计报告.docx

网页设计报告

 

网页设计报告书

设计名称:

网页设计

学生姓名:

徐文皓

专业:

软件工程

班别:

软件工程1班

学号:

20151008295

指导老师:

李伟

日期:

2016年10月31日

一、指定网站名称、域名及截图:

北京化工大学

 

 

二、HTML代码

EnglishVersion

430px;height:

298px;margin:

0px;padding:

0px;"frameborder="0">

12px;line-height:

16px;text-align:

center;">第十八次科技工作会议

电子邮箱

数字校园

两学一做

图书馆

blank"target="_blank">新校区命名

信息公开

教育基金会

blank"target="_blank">课程学习网

blank"target="_blank">精密仪器

blank"target="_blank">胜古朝阳

校内电话

blank"target="_blank">班车安排

president@">校长信箱|

校外认证|

VPN|

news@">联系我们|

center@">技术支持|

京公网安备:

110402430060

Copyright@北京化工大学|地址:

北京市朝阳区北三环东路15号|邮编:

100029|Email:

news@

三、CSS代码

*{

margin:

0;

padding:

0;

}

#all{

width:

1000px;

margin:

auto;

padding:

0;

}

body{

text-align:

center;

font-size:

12px;

font-family:

Arial,Helvetica,sans-serif,宋体,黑体;

background:

url(image/bg.jpg)repeat-x00;

}

#top{

height:

113px;

background:

url(image/top.jpg)no-repeat00;

width:

1000px;

position:

relative;

}

#english{

color:

#006699;

position:

absolute;

top:

20px;

right:

20px;

}

#englisha{

text-decoration:

none;

color:

#FFFFFF;

}

#image1{

height:

138px;

width:

998px;

border:

#85AAD7solid1px;

}

#dhl{

width:

1000px;

height:

34px;

background:

url(image/dh.jpg)repeat-xrighttop;

}

#dhlulli{

list-style:

none;

width:

88px;

color:

#99FF00;

font-size:

14px;

text-align:

center;

float:

left;

margin-top:

12px;

}

#dhlullia{

text-decoration:

none;

color:

#FFFFFF;

}

#mian{

width:

1000px;

height:

400px;

text-align:

left;

margin-top:

10px;

font-size:

12px;

clear:

both;

}

#left{

width:

300px;

float:

left;

overflow:

hidden;

background:

none;

position:

relative;

}

#mid{

width:

430px;

float:

left;

}

#box{

height:

150px;

width:

430px;

display:

block;

}

#box1{

height:

31px;

text-align:

left;

}

#new{

background:

url(image/news.png)no-repeat00;

float:

left;

padding-left:

500px;

}

#newhla{

color:

#000000

}

#box2{

clear:

both;

margin-top:

1px;

}

.box2h1{

font-size:

14px;

line-height:

31px;

height:

31px;

padding-left:

25px;

color:

#890C0F;

}

#box2a{

text-decoration:

none;

color:

#333;

}

#box2a:

hover{text-decoration:

none;}

#box2h1a{

float:

right;

font-size:

10px;

padding-right:

12px;

color:

#000;

font-family:

Arial,Helvetica,sans-serif;

font-weight:

normal;

text-decoration:

none;

}

#box2ulli{

text-align:

left;

padding-left:

12px;

height:

26px;

line-height:

26px;

font-size:

12px;

}

#box2ullispan{

float:

right;

padding-right:

10px;

font-size:

12px;}

#box2ullia{

padding-left:

10px;

font-size:

12px;

}

#right{

width:

250px;

float:

left;

padding-left:

15px;

overflow:

hidden;

}

#righta{

text-decoration:

none;

color:

#000000;

}

#table{

width:

255px;

overflow:

hidden;

height:

300px;

padding-top:

10px;

}

#tablespan{

border:

#9FC8E8solid1px;

width:

243px;

height:

219px;

padding:

5px;

line-height:

26px;

}

.photo1{

background:

url(image/dzyx.jpg)no-repeat00;

float:

left;

width:

80px;

height:

40px;

padding-left:

45px;

}

.photo2{

background:

url(image/szxy.jpg)no-repeat00;

float:

left;

height:

40px;

width:

80px;

padding-left:

45px;

}

.photo3{

background:

url(image/lxyz.jpg)no-repeat00;

float:

left;

height:

40px;

width:

80px;

padding-left:

45px;

}

.photo4{

background:

url(image/tsg.jpg)no-repeat00;

float:

left;

height:

40px;

width:

80px;

padding-left:

45px;

}

.photo5{

background:

url(image/xxqmm.png)no-repeat00;

float:

left;

height:

40px;

width:

80px;

padding-left:

45px;

}

.photo6{

background:

url(image/xxgk.jpg)no-repeat00;

float:

left;

height:

40px;

width:

80px;

padding-left:

45px;

}

.photo7{

background:

url(image/jyjjh.jpg)no-repeat00;

float:

left;

height:

40px;

width:

80px;

padding-left:

45px;

}

.photo8{

background:

url(image/kcxxw.jpg)no-repeat00;

float:

left;

height:

40px;

width:

80px;

padding-left:

45px;

}

.photo9{

background:

url(image/jmyq.jpg)no-repeat00;

float:

left;

height:

40px;

width:

80px;

padding-left:

45px;

}

.photol{

background:

url(image/sgcy.jpg)no-repeat00;

float:

left;

height:

40px;

width:

80px;

padding-left:

45px;

}

.photom{

background:

url(image/xndh.jpg)no-repeat00;

float:

left;

height:

40px;

width:

80px;

padding-left:

45px;

}

.photon{

background:

url(image/bcap.png)no-repeat00;

float:

left;

height:

40px;

width:

80px;

padding-left:

45px;

}

#footer{

height:

120px;

padding-top:

80px;

clear:

both;

line-height:

30px;

font-size:

12px;

background:

url(image/footer.jpg)repeat-x05px;

text-align:

center;

}

展开阅读全文
相关资源
猜你喜欢
相关搜索

当前位置:首页 > 高中教育 > 英语

copyright@ 2008-2022 冰豆网网站版权所有

经营许可证编号:鄂ICP备2022015515号-1