文档介绍:智能手机操作与应用导引网站
第四小组
移设1213
网站项目概况:
为了以下目的安排这次实训:
掌握网站开发从规划到构建、维护的方法;
精通Dreanmweaver制作静态网页的方法,掌握一定的动态网页设计方法;
具有HTML语言>
<li> <img class="cubeRandom" src="../Img/index-img/" /></li>
<li> <img class="cubeRandom" src="../Img/index-img/" /></li>
</ul>
</div>
<script type="text/javascript" src="../js/index/"></script>
</div>
</div>
主页Css核心代码:
.box_skitter .next_button {
position: absolute;
top: 50%;
right: -5px;
z-index: 100;
width: 57px;
height: 62px;
overflow: hidden;
text-indent: -9999em;
margin-top: -25px;
background: url(../Img/index-img/) no-repeat left top !important;
}
loading {
position: absolute;
top: 50%;
right: 50%;
z-index: 10000;
margin: -16px -16px;
color: #fff;
text-indent: -9999em;
overflow: hidden;
background: url(../Img/index-img/ajax-) no-repeat left top;
width: 31px;
height: 31px;
}
***@charset "utf-8"
* {
margin: 0px;
padding: 0px;
}
典型页面:
典型页面Html核心代码:
<div id="wrapper">
<h1>IOS<small>易惹人爱 所以得众人所爱</small></h1>
<div id="content">
<ul id="appleNav">
<li><a href="../../Index/" >首页</a></li>
<li><a href="" >百科</a></li>
<li><a href="" >手机操作</a></li>
<li><a href="" >用ios娱乐</a></li>
<li><a href="" >用ios学****lt;/a></li>
<li><a href="">玩转ios</a></li>
<li><a href="" >硬件</a></li>
<li><a href="" >ios技巧</a></li>
<li><a href="" >越狱教程</a></li>>
</ul>
</div>
典型页面Css核心代码:
body {
background-repeat: no-repeat;
background-color: #FFFFFF;
padding: 0;
margin: 0;
}
a {
outline: none;
}
p {
padding: 0;
margin: 0;
}
img {
border: 0;
}
#iphone-scrollcontainer {
height: 461px;
width: 320px;
position: absolute;
top: 140px;
left: 400px;
background-color: #FFFFFF;
overflow: hidden;
}
.row {
clear: both;
}
.icon {
测试报告与记录:
1)代码验证(Html和Css)
2)兼容性测试
3