<html>
<head>
<meta
http-equiv="Content-Language"
content="zh-cn">
<meta
http-equiv="Content-Type"
content="text/html
charset=gb2312">
<meta
name="keywords"
content="这是我的网页">
<meta
name="description"
content="这是我的网页">
</head>
<body
bgcolor="#808080">
<div
style="position:
absolute
width:
450px
height:
550px
z-index:
1
left:
400px
top:
60px
padding-left:
60px
padding-right:
60px
padding-top:
90px
padding-bottom:
60px
background-color:
#FFFFFF"
id="layer1">
<p
align="center"><b>这是我的XXX页</b></p>
</body>
</html>
将上面的所有代码复制到记事本中,将记事本的后缀由txt更改为htm,这样打开后就会看到一张最简单的网页,如果需要多页,只需多复制几份即可,不同的内容需要你更改一下,如:我的网站首页,照片,个人资料,日志等...
<!DOCTYPE html><html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
body{
height:500px
background: linear-gradient(#A6CADE,#F8C6F8) no-repeat
}
ul,li,div {
padding:0margin:0
}
.container{
width: 500px
margin:0 auto
}
#tab-con div{
display: none
width:500px
height:282px
}
#tab-con div img{
width: 100%
height:100%
}
#tab-con div.active{
display: block
}
#tab-list ul li{
float:left
list-style: none
}
#tab-list ul li a{
display: block
width:70px
text-align: center
text-decoration: none
color:#000
background: #D6D6D1
}
#tab-list ul li.active a{
color:#fff
background:#f96302
}
</style>
</head>
<body>
<div class="container">
<div id="tab-con">
<div class="active"><img src="img/test1.jpg"></div>
<div><img src="img/test2.jpg"></div>
<div><img src="img/test3.jpg"></div>
<div>图片4</div>
<div>图片5</div>
<div>图片6</div>
<div>图片7</div>
</div>
<div id="tab-list">
<ul>
<li><a href="javascript:">首页</a></li>
<li><a href="javascript:">美食</a></li>
<li><a href="javascript:">交通</a></li>
<li><a href="javascript:">图片4</a></li>
<li><a href="javascript:">图片5</a></li>
<li><a href="javascript:">图片6</a></li>
<li><a href="javascript:">图片7</a></li>
</ul>
</div>
</div>
<script>
var tablist = document.getElementById('tab-list').getElementsByTagName('li')
var tabcon = document.getElementById('tab-con').getElementsByTagName('div')
for(var i = 0 i<tablist.length i++){
tablist[i].onclick = function(){
starttab(this)
}
}
function starttab(obj){
for(var i = 0 i<tablist.length i++){
if(tablist[i] == obj){
tablist[i].className = "active"
tabcon[i].className = "active"
}else{
tablist[i].className = ""
tabcon[i].className = ""
}
}
}
</script>
</body>
</html>
如果你做的首页模板不需要调用cms的数据，那么随便弄一个html文件，首页可以设为跟cms不同默认静态页文件后缀不同即可，或者更改虚拟主机的默认首页名称和顺序，比如，你可以在你的虚拟主机上设你的首页为star.html，index.html，star.html排在最前就可以了欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）