码迷,mamicode.com
首页 > Web开发 > 详细

做的第一个网站草图

时间:2016-11-06 11:46:29      阅读:251      评论:0      收藏:0      [点我收藏+]

标签:clean   http   名企   body   电话   net   val   href   padding   


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
*{margin:0px auto; padding:0px;}
#w1{ width:100%; height:1000px; background-color:#FFF;}
#wai{ width:950px; height:28px; background:#FFF; margin-top:10px;}
#wai div{ border-left-style:solid; border-color:#999; border-left-width:1px;float:left; margin-left:10px; padding:2px;}
#logo{ width:950px; height:126px; background-image:url(file:///C|/Users/Administrator/Desktop/%E5%9B%BE%E7%89%87/bj_head.jpg); color:#155290;}
#xt{ width:950px; height:30px; background-color:#03C;}
.lest{float:right; width:250; height:100px;}
#zf{ position:relative; bottom:-10px;}
#a1{ width:950px; height:500px; background-color:#C9CCB5}
#a3{ position:relative; margin-left:-136px; margin-top:-19px }
#t{ position:relative; margin-left:-248px; margin-top:10px; font-family:微软雅黑; font-style:normal;}
#zs{ width:78px; height:14px; background-color:#FFF; float:left; margin-left:-250px }
#e2{ width:500px; height:100px; background-color:#FFF; position:relative; left:-5px; top:50px; text-decoration:none}
#sq{ width:78px; height:26px; background-color:#41519A; position:absolute; left:200px; bottom:80px; border-radius:5px;}
#qs{ font-family:微软雅黑; color:#FFF; font-size:18px;font-weight:normal; padding:5px 2px 5px 2px;}
#t1{ position:relative; left:460px; bottom:400px}
#t2{ position:relative; left:550px; bottom:440px}
#t3{ position:relative; left:640px; bottom:480px}
#t4{ position:relative; left:730px; bottom:520px}
#tu1{ width:100px; height:40px; position:absolute; right:1010px; bottom:-60px;}
#g9{ width:78px; height:26px; background-color:#41519A;position:absolute; left:700px; bottom:280px; border-radius:5px;}
#g2{ font-family:微软雅黑; color:#FFF;font-size:18px; padding:5px 2px 5px 2px;}
#e3{ position:relative; left:250px; bottom:150px; text-decoration:none}
#s1{ width:78px; height:26px; background-color:#41519A;position:absolute; left:700px; bottom:109px; border-radius:5px; }
#s2{ font-family:微软雅黑; color:#FFF;font-size:18px; padding:5px 2px 5px 2px;}
#s3{ position:relative; left:520px; bottom:100px;}
#bb{ width:950; height:30px; position:relative; top:-60px;}
#za{ position:relative; top:9px;}
#w9{ width:100%; height:90px; background-image:url(file:///C|/Users/Administrator/Desktop/%E5%9B%BE%E7%89%87/bj_foot.jpg);}
#w11{ position:absolute; left:10px; bottom:-75px;}
#w22{ position:absolute; left:85px; bottom:-75px;}
#w23{ position:absolute; left:850px; bottom:-70px;}
#zi{ position:absolute; left:210px; bottom:-90px}
#o1{ text-decoration:none}
#o2{ text-decoration:none}
#o3{ text-decoration:none}

</style>
</head>

<body>
<div id="w1">
<div id="wai" style="font-size:12px;">

<div>你好,游客</div>
<div>登录</div>
<div>注册</div>
<div>搜索</div>
<div clean: both></div>
<div style="margin-left:720px">繁體</div>
</div>

<div id="logo">

<span>
<span><img src="logo_hnjy1.gif" width="500px" height="120px"</span>
<span><img src="file:///C|/Users/Administrator/Desktop/图片/zzzy2013.gif" width="353" height="100" style="margin-right:65px; float:right; background-position:right"/></span>
</span>

<div id="xt" style="text-decoration:none; color:#FFF; font-size:12px; text-align:center;">
<a id="zf" href="#" style="text-decoration:none; color:#FFF">首页</a>
<a id="zf" href="#" style="text-decoration:none; color:#FFF">学校概况</a>
<a id="zf" href="#" style="text-decoration:none; color:#FFF">校园动态</a>
<a id="zf" href="#" style="text-decoration:none; color:#FFF">教学教辅</a>
<a id="zf" href="#" style="text-decoration:none; color:#FFF">党政群团</a>
<a id="zf" href="#" style="text-decoration:none; color:#FFF">师资队伍</a>
<a id="zf" href="#" style="text-decoration:none; color:#FFF">人才培养</a>
<a id="zf" href="#" style="text-decoration:none; color:#FFF">思正教育</a>
<a id="zf" href="#" style="text-decoration:none; color:#FFF">团学工作</a>
<a id="zf" href="#" style="text-decoration:none; color:#FFF">科学研究</a>
<a id="zf" href="#" style="text-decoration:none; color:#FFF">招生就业</a>
<a id="zf" href="#" style="text-decoration:none; color:#FFF">警察培训</a>
<a id="zf" href="#" style="text-decoration:none; color:#FFF">合作交流</a>
</div>
<div id="zb">
<div style=" line-height:15px;&gt;
&lt;/div&gt;
&lt;div id="a1">
<div style="width:950px; height:25px;"></div>
<div id="a2">
<a href="file:///C|/Users/Administrator/Desktop/图片/16092009455432s.jpg"></a>
<img src="file:///C|/Users/Administrator/Desktop/图片/16092009455432s.jpg" width="400px" height="260px"/ style="margin-left:35px">
<div id="sz" style=" width:400px;">
<div id="t" style="text-decoration:none; color:#41519A; font-size:14px;">
<i><b>军训检阅</i></b>
</div>
<div id="a3" style="text-decoration:none; color:#A6D2FF; font-size:12px;">
<form action="http//:www.baidu.com" method="get">
<input type="button" value="1"/>
<input type="button" value="2"/>
<input type="button" value="3"/>
<input type="button" value="4"/>
<input type="button" value="5"/>
<input type="button" value="6"/>
<input type="button" value="7"/>
<input type="button" value="8"/>
<input type="button" value="9"/>
<input type="button" value="10"/>
<input type="button" value="11"/>
<input type="button" value="12"/>
<input type="button" value="13"/>
<input type="button" value="14"/>
<input type="button" value="15"/>
</form>
</div>
<div id="zs">
<div id="sq">
<div id="qs">公告通知</div>
</div>

<div id="e2">
<ul>
<li><a id="o1" href="#a5">招聘启事:校报网站新闻编辑</a></li>
<li><a id="o1" href="#a5">学生火车票优惠区间填报指南</a></li>
<li><a id="o1" href="#a5">湖南警察学院演播室及精品课室声学环境及专业灯光…</a></li>
<li><a id="o1" href="#a5">湖南警察学院办公室关于规范部门材料呈批报送工作…</a></li>
<li><a id="o1" href="#a5">湖南警察学院2015年财务收支情况公示</a></li>
<li><a id="o1" href="#a5">湖南警察学院2015年度“教学十佳”“科研十佳”、…</a></li>
</ul>
</div>

<div id="tu1">
<a id="t1" href=""><img src="file:///C|/Users/Administrator/Desktop/图片/本科评建.gif"></a>
<a id="t2" href=""><img src="file:///C|/Users/Administrator/Desktop/图片/两学一做.gif"></a>
<a id="t3" href=""><img src="file:///C|/Users/Administrator/Desktop/图片/阳光服务.gif"></a>
<a id="t4" href=""><img src="file:///C|/Users/Administrator/Desktop/图片/教育政务.gif"></a>

 


</div>


</div>
<div id="g9">
<div id="g2">警院新闻</div>
</div>
<div id="e3">
<ul>
<li><a id="o2" href="#a5">25名老挝警察来我校学习打击网络犯罪</a></li>
<li><a id="o2" href="#a5">我校在全省普通高校课堂教学竞赛中再创佳绩</a></li>
<li><a id="o2" href="#a5">我校教师在2016年湖南省普通高校教师信息化教学竞…</a></li>
<li><a id="o2" href="#a5">王周院长一行考察调研学校家属区管理工作</a></li>
<li><a id="o2" href="#a5">湘琼两省新任市县公安机关领导班子成员培训班在我…</a></li>
<li><a id="o2" href="#a5">学校党委书记周学农一行前往天硚山村调研精准扶贫…</a></li>
<li><a id="o2" href="#a5">学校举行2016年下学期公安专业军事队列会操活动</a></li>
<li><a id="o2" href="#a5">湖南警察学院举行2016年下学期集体升旗仪式</a></li>
</ul>
</div>


</div>
<div id="s1">
<div id="s2">部门动态</div>
</div>
<div id="s3">
<ul>
<li><a id="o3" href="#a5">管理系2015-2016学年学生表彰大会隆重举行 48小时内更新</a></li>
<li><a id="o3" href="#a5">2016年度厅属单位民警警司晋升警督警衔培训班圆满…</a></li>
<li><a id="o3" href="#a5">中国人民公安大学实训部副主任尹伟教授来我校开授…</a></li>
<li><a id="o3" href="#a5">我校5名新招录教师参加教育部高等学校新入职教师…</a></li>
<li><a id="o3" href="#a5">交管系举行2015~2016学年学风建设表彰大会</a></li>
<li><a id="o3" href="#a5">刘佑生副院长带领团委和学管干部检查校园卫生情况</a></li>
<li><a id="o3" href="#a5">知名企业高管应邀来我校讲学</a></li>
<li><a id="o3" href="#a5">培训部党总支召开“落实省委第八巡视组反馈意见”…</a></li>
</ul>
</div>

</div>
</div>
</div>
<div id=bb>
<div id="xt" style=" text-decoration:none; color:#FFF; font-size:14px; text-align:center; ">
<a id="za" href="#" style="text-decoration:none; color:#FFF">校内办公</a>
<a id="za" href="#" style="text-decoration:none; color:#FFF">教务网</a>
<a id="za" href="#" style="text-decoration:none; color:#FFF">心理网</a>
<a id="za" href="#" style="text-decoration:none; color:#FFF">图书馆</a>
<a id="za" href="#" style="text-decoration:none; color:#FFF">学报投稿</a>
<a id="za" href="#" style="text-decoration:none; color:#FFF">鉴定中心</a>
<a id="za" href="#" style="text-decoration:none; color:#FFF">驾驶培训</a>
<a id="za" href="#" style="text-decoration:none; color:#FFF">专题信息</a>
<a id="za" href="#" style="text-decoration:none; color:#FFF">友情链接</a>
<a id="za" href="#" style="text-decoration:none; color:#FFF">联系我校</a>

</div>


<div id="w9">
<a id="w11" href=""><img src="file:///C|/Users/Administrator/Desktop/图片/hnjy_wx.jpg" style=" height:65px; width:65px;"></a>
<a id="w22" href=""><img src="file:///C|/Users/Administrator/Desktop/图片/edu-gov.jpg" style=" height:65px; width:65px;"></a>
<a id="w23" href=""><img src="file:///C|/Users/Administrator/Desktop/图片/hnga_logo.gif" style=" height:55px; width:75px;"></a>
<div id="zi" style=" text-decoration:none; color:#333; font-size:8px; text-align:center;">
<p>
Copyright<b>湖南警察学院</b><a href="http://www.hnpolice.com/">hnpolice.com</a> <a href="http://www.hnpolice.cn/">hnpolice.cn</a> <a href="http://beian.hnedu.cn/">湘教QS3-200505-000102</a> <a href="http://www.miibeian.gov.cn/">湘ICP备05001104号</a></p>
<p>地址:长沙市经济技术开发区远大三路九号,邮政编码:410138,电话:0731-82791600</p>
<p>招生咨询:0731-82791713、82791758 | 宣传:82791655</p>
<p>Powered by <a href="http://www.iwms.net/"> iwms 6.0</a></p>


</div>

 

 

 

 


</div>

 

</div>
</div>
</div>






</body>
</html>

 

 

一个网站的大体确实第一次做遇到很多问题,不过做完感觉实操的熟练度清晰了许多

做的第一个网站草图

标签:clean   http   名企   body   电话   net   val   href   padding   

原文地址:http://www.cnblogs.com/zqseven/p/6034902.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!