网页设计报告文档格式.docx
《网页设计报告文档格式.docx》由会员分享,可在线阅读,更多相关《网页设计报告文档格式.docx(13页珍藏版)》请在冰豆网上搜索。
_blank"
EnglishVersion<
/a>
/div>
image1"
imgsrc="
image/mp.jpg"
width="
998"
height="
138"
border="
0"
dhl"
ul>
li>
>
学校概况|<
/li>
北化新闻|<
学院设置|<
|<
人才培养|<
师资队伍|<
招生就业|<
合作交流|<
校园文化|<
北化校友|<
/ul>
main"
left"
src="
image/qiu.jpg"
mid"
iframesrc="
scrolling="
no"
style="
width:
430px;
height:
298px;
margin:
0px;
padding:
"
frameborder="
/iframe>
box"
box1"
<
divclass="
new"
"
<
h1>
image/news.png"
/>
/h1>
box2"
<
title="
【信息公告】关于征集北京化工大学校史(博物)馆馆藏资料和实物的通知"
【信息公告】关于征集北京化工大学校史(博物)馆馆藏资料和...<
span>
[11-05]<
/span>
【信息公告】2016年北京化工大学“启荣论坛”通知"
【信息公告】2016年北京化工大学“启荣论坛”通知<
【信息公告】北京化工大学开展2016年“11·
9”消防安全宣传月活动的通知"
9”...<
../djsz/76370.htm"
【信息公告】北京化工大学关于推荐2016年度“北京化工大学校长奖”候选人的通知"
【信息公告】北京化工大学关于推荐2016年度“北京化工大学...<
【信息公告】青春论坛——中央电视台著名节目主持人张泽群主题分享会活动"
【信息公告】青春论坛——中央电视台著名节目...<
right"
image/right.jpg"
250"
200"
align="
divstyle="
font-size:
12px;
line-height:
16px;
text-align:
center;
第十八次科技工作会议<
table"
photo1"
电子邮箱<
photo2"
数字校园<
photo3"
两学一做<
photo4"
图书馆<
photo5"
about:
blank"
新校区命名<
photo6"
信息公开<
photo7"
教育基金会<
photo8"
课程学习网<
photo9"
精密仪器<
photol"
胜古朝阳<
photom"
校内电话<
photon"
班车安排<
footer"
p>
/p>
mailto:
president@"
校长信箱<
|
校外认证<
VPN<
news@"
联系我们<
center@"
技术支持<
京公网安备:
110402430060<
Copyright@北京化工大学|地址:
北京市朝阳区北三环东路15号|邮编:
100029|Email:
news@<
/body>
三、CSS代码
*{
0;
}
#all{
width:
1000px;
auto;
body{
center;
font-size:
12px;
font-family:
Arial,Helvetica,sans-serif,宋体,黑体;
background:
url(image/bg.jpg)repeat-x00;
#top{
113px;
url(image/top.jpg)no-repeat00;
position:
relative;
#english{
color:
#006699;
absolute;
top:
20px;
right:
#englisha{
text-decoration:
none;
#FFFFFF;
#image1{
138px;
998px;
border:
#85AAD7solid1px;
#dhl{
34px;
url(image/dh.jpg)repeat-xrighttop;
#dhlulli{
list-style:
88px;
#99FF00;
14px;
float:
left;
margin-top:
#dhlullia{
text-decoration:
color:
#mian{
400px;
10px;
clear:
both;
#left{
300px;
overflow:
hidden;
none;
#mid{
430px;
#box{
150px;
display:
block;
#box1{
31px;
#new{
url(image/news.png)no-repeat00;
left;
padding-left:
500px;
#newhla{
#000000
#box2{
1px;
.box2h1{
14px;
line-height:
31px;
height:
padding-left:
25px;
#890C0F;
}
#box2a{
#333;
#box2a:
hover{text-decoration:
#box2h1a{
right;
padding-right:
#000;
Arial,Helvetica,sans-serif;
font-weight:
normal;
#box2ulli{
26px;
#box2ullispan{
right;
10px;
#box2ullia{
font-size:
#right{
250px;
15px;
#righta{
#000000;
#table{
255px;
padding-top:
#tablespan{
#9FC8E8solid1px;
243px;
219px;
5px;
26px;
.photo1{
background:
url(image/dzyx.jpg)no-repeat00;
float:
80px;
height:
40px;
padding-left:
45px;
.photo2{
url(image/szxy.jpg)no-repeat00;
.photo3{
url(image/lxyz.jpg)no-repeat00;
.photo4{
url(image/tsg.jpg)no-repeat00;
.photo5{
url(image/xxqmm.png)no-repeat00;
.photo6{
url(image/xxgk.jpg)no-repeat00;
.photo7{
url(image/jyjjh.jpg)no-repeat00;
.photo8{
url(image/kcxxw.jpg)no-repeat00;
.photo9{
url(image/jmyq.jpg)no-repeat00;
.photol{
url(image/sgcy.jpg)no-repeat00;
.photom{
url(image/xndh.jpg)no-repeat00;
.photon{
url(image/bcap.png)no-repeat00;
#footer{
120px;
30px;
url(image/footer.jpg)repeat-x05px;