本套大作业共计10个页面，网页中包含：Div+S、Tale、下拉菜单栏、anner轮播图、二级页面、视频、侧边导航栏、小图标及按钮设计，同时设计了logo，如图所示，首页有着美观大方的排版和充实的内容；子页面版式也各不相同，基本期末作业所需的知识点全覆盖。
<!doctypehtml>
<html>
<head>
<metacharset="utf-8">
<title>古韵敦煌</title>
<linkrel="stylesheet"href="s/style.s">
<linkrel=stylesheettype=text/shref="s/anner.s">
<styletype="text/s">
ody{
margin-left:0px;
margin-top:0px;
margin-right:0px;
margin-ottom:0px;/*定义页面上下左右边距为0*/
font-family:'HelveticaNeue','Helvetica','MicrosoftYahei',sans-serif;/*字体集*/
}
a:link{
color:#ffffff;
text-decoration:none;
}
a:visited{
text-decoration:none;
color:#ffffff;
}
a:hover{
text-decoration:none;
color:#e3ffff;
}
a:active{
text-decoration:none;
}
.c-title{/*栏目标题样式设置*/
height:26px;
width:140px;
margin-right:auto;
margin-left:auto;
font-size:1.3em;
font-weight:old;
color:#000;
text-align:center;
line-height:26px;
padding-top:50px;
}
.a_line{/*分割线*/
ackground-color:#622014;
height:4px;
width:60px;/*设置一个固定尺寸的盒子作为装饰分割线*/
margin-top:20px;
margin-right:auto;
margin-left:auto;
order-radius:4px;/*圆角设置*/
}
.column{/*版块分类父级盒子*/
width:1150px;/*在pc页面宽度固定*/
margin-right:auto;
margin-left:auto;
font-size:0.85em;
line-height:30px;
