你下载的只是网站程序的源码
要想公开投放网络
首先需要有一个自己的网址,就是注册购买域名
然后要有一个放置这个程序运行的服务器空间,购买虚拟主机
然后上传安装程序
即可访问网站了
效果图，自己换，
html代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>泰国</title>
<link rel="stylesheet" type="text/css" href="css/indexcss"/>
<script type="text/javascript" src="js/indexjs"></script>
</head>
<body>
<div class="box">
<div class="titles">泰国</div>
<div class="img-box">
<img class="auto-img" src="images/a001jpg"/>
</div>
<div class="text-box">
<div class="text-box-a">
<a href="#">曼谷、芭提雅(珊瑚岛、金沙岛)5晚7天</a>
</div>
<div class="text-box-a">
东航直飞曼谷客机，入住1晚曼谷国际5星+4晚泰式5星酒店,芭提雅双岛(珊瑚岛+金沙岛)清
</div>
<div class="text-box-a">
出发日期：星期一,星期二,星期三,星期四,星期五
</div>
</div>
<div class="bottom ovf">
<div class="fl text-a1">
班期：每周发团
</div>
<div class="fr">
<div class="price">￥ 4549</div>
<div class="rush-to-buy">立即抢购</div>
</div>
</div>
</div>
</body>
</html>
css样式：
html,body{
padding:0;
margin:20px 0 0;
}
a{
text-decoration:none;
}
fl{
float:left;
}
fr{
float:right;
}
ovf{
overflow: hidden;
}
box{
width:50%;
margin:0 auto;
border:1px dashed #000000;
padding:4px;
}
titles{
width:100%;
text-align: center;
color:#ffffff;
background-color: #ff0000;
}
img-box{
width:100%;
margin-top: 4px;
}
auto-img{
display: block;
width:100%;
}
text-box{
width:100%;
}
text-box-a{
width:100%;
font-size: 14px;
line-height: 20px;
letter-spacing: 1px;
}
text-box-a>a{
color:#0089ff;
}
bottom{
margin-top: 30px;
}
text-a1{
font-size: 18px;
font-style: italic;
font-style:oblique;/为保证斜体效果加一个/
}
price{
font-size: 16px;
color:#8B3E2F;
}
rush-to-buy{
width:80px;
text-align: center;
background-color: #ff0000;
font-size: 16px;
}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 10 Transitional//EN" "http://wwww3org/TR/xhtml1/DTD/xhtml1-transitionaldtd">
<html xmlns="http://wwww3org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>溅</title>
<style>
<!--
body {
background:url(img/bg9gif);
margin:0px;
padding:0px;
}
pic{
border:1px solid #00406c;
}
p {
padding-top:30px;
color:#001671;
}
pcon{
padding-left:4px;
padding-right:4px;
}
ptitle {
paddin-top;0px;
}
chara1 {
font-size:12px;
background-color:#90bcff;
}
chara1 td{
text-align:center;
}
chara2 {
background-color:#d2e7ff;
text-align:center;
font-size:12px;
vertical-align:top;
}
chara3 {
background:#e9fbff url(img/selfjpg) no-repeat bottom right;
vertical-align:top;
padding-top:15px;
padding-left:30px;
font-size:12px;padding-right:15px;
}
-->
</style>
</head>
<body>
<table align="center" cellpadding="1" cellspacing="0">
<tr><td><img src="img/banner3jpg" border="0" /></td></tr>
</table>
<table width="600px" cellpadding="2" cellspacing="2" class="chara1" align="center">
<tr><td>首面</td><td>心情日记</td><td>Free</td><td>一起走到</td><td>从明天起</td><td>纸飞机</td><td>下一站</td></tr>
</table>
<table width="600px" align="center" cellpadding="0" cellspacing="1">
<tr>
<td width="150px" class="chara2"> <p><img src="img/selfpicjpg" class="pic"/><br />我的日记本</p>
<p class="con">他们彼此深信，是瞬间并发的热情让他们相遇。这样的确定是美丽的，但变幻无常更为美丽。</p>
<p> <img src="img/selfpic2jpg" class="pic"/><br/>心情轨迹</p>
<p class="con">董事长的一切都让人既羡慕又忌妒，但更让人受不了的是，有一天，上苍忽然赐给他一个神奇的礼物</p> </td>
<td class="chara3">
<h4>介绍</h4>
<p>我努力的抓紧世界，最后却仍被世界淘汰，如果一开始就松手，我会不那么伤心吗？你说，亲爱的孩子，世事难料，随它去吧！</p>
<h4>照相本子</h4>
<p>关于童年，你记住了什么？ <br>
两岁时，我拥有一只巨大的粉红猪，它总在我嚎啕大哭时逗我笑。<br>
三岁时，我骑着小木马一路摇到外婆家，它不喝水也不吃草。<br>
四岁时，我离家出走，在公车上睡着了，最后是太空超人送我回家。<br>
我真的没骗你，我通通都记得，还有照片为证。
</p>
<h4>地下铁</h4>
<p>天使在地下铁的入口，<br>
和我说再见的那一年，<br>
我渐渐看不见了。<br>
十五岁生日的那年秋天早晨，<br>
窗外下着毛毛雨，<br>
我喂好我的猫。<br>
六点零五分，<br>
我走进地下铁。</p>
<h4>向左走向右走</h4>
<p>They're both convinced<br>
that a sudden passion joined them<br>
Such certainth is beautiful,<br>
but uncertainty is more beautiful still</p>
<br>
</td>
</tr>
</table>
</body>
</html>
欢迎分享，转载请注明来源：表白网
微信扫一扫
支付宝扫一扫
评论列表（0条）