做的第一个网站草图

<!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>

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

时间： 2024-08-08 03:05:03

做的第一个网站草图的相关文章

尝试做第一个网站

第一个网站雏形复习: 1.Expression Language El表达语言,只有在jsp页面中才可以使用,本身jsp页面中是默认支持el语言的. 写法:${} 作用: 1)取得作用域的值 2)参数param 3)类型转换 4)查找作用域 5)作用域中容器的属性 6)输出功能 7)运算 8)Javabean属性 9)取得值作为标签的属性值 2.Javaserverpage Standard Tag Language Jstl java服务器页面标准标签语言我们通常使用核心库,前缀置为C 1.

做站群SEO网站对站群服务器的要求高吗？做站群网站都需要注意哪些？

下面是本人做站群SEO的几年来大致总结的一些经验.如有肤浅谬误的地方,还请各位高手大虾海涵.以下内容仅供交流学习,本着互惠互利的原则,希望对各自黑猫优化的技术手段有所提升.觉得本人编辑的内容属于小儿科的请直接无视. 一. 域名的选择做站群网站对域名的选择是很关键的,不过究竟是新域名好还是老域名好,这就要看老域名本身的旧网站SEO优化基础是什么样了.如果旧网站曾经被K过,或者优化的程度不高.这个时候就不如采用新的域名了,同时新的域名要做好关键词布局.做好站内文章优化,而不是一味追求所谓的

《learning laravel》翻译第三章-----搭建我们第一个网站

重要: 这是一个稳定的版本. 让我们知道你的喜好. 我们将会修改bug和错误,并且定期更新所有章节. 第二章: 搭建我们第一个网站既然我们知道如何安装Laravel了, 那现在就开始通过我们自己的方式来搭建我们第一个基于Laravel的网站吧. 在本章中,通过搭建Laravel应用程序你将会很方便得学习Laravel的结构,路由,控制器,模板,Artisan命令,Elixir API和很多基础特性. 剖析Laravel结构假设你将Laravel安装在 ~/Code/Laravel目录.跳转到

新做了几个网站，欢迎光顾

最近没啥事做,学学织梦cms做了几个网站,没事玩玩呗! 丝袜世界 http://www.siwashijie.com 是街拍丝袜相关的,屌丝必备,不过好图不好找,更新较慢! 编程365 http://www.biancheng365.net 是一个IT资讯的网站,还不太完善,以后有时间了再更新吧! 每日美文http://www.6io.net 是一个以美文为主的网站,没事可以去看看! 青春华航 http://www.nciaer.com 是我的博客,会写一些技术笔记,不过很菜,如果帮到了您,希望

SharePoint 第一个网站

第一个网站 1.建立一个社区门户网站首先要建一个IIS网站,并且把匿名访问勾选上,这样才能真正的访问网站. 创建网站的时候更改自己想要的端口,以便操作这里更改网站是否启用匿名访问权限.点击是然后保存生成网站,生成网站大概需要5分钟 2.根据模版建议第一个社区网站网站建立好以后会出先一个带端口的网站IIS 记住这个端口,后面会用到. 下一步点击应用程序管理点击创建网站集 . 把第一项该成刚才那个8888端口的网址.说明网站建立在这个网站下面上面的主要就是配置网站的名称用的,按要求填就可以

做了一个手表网站，怎么用js改模板

做了一个手表网站,怎么用js改模板,卡地亚手镯love见证爱情对于很多情侣来讲,这对手镯对他意义是特殊的,相信每个情侣都会喜欢带情侣戒指项链,当然这款手镯是完全符合情侣之间的定情物,美好的爱情也需要这款卡地亚手镯love见证,情侣们可以考虑一下它啦!卡地亚手镯love款价格是多少呢?这款象征着美好爱情的手镯情侣们怎么可能不心动呢?当你购买这款手镯给对方的时候,相信他一定会很感动很喜欢哦.手镯一般情况下更多的女性朋友们更加追求的物品,但是男士也有男士手镯,为什么男士也要带手镯呢?这当然是有一定原因

做一个响应式网站需要多长时间

以传统的响应式建站模式来讲,做一个响应式网站需要的时间是很长的.抛开页面设计和模块的结合,光是网站的结构和网站布局就需要花费很长时间.还没计算建站前的准备工作,网站的策划等等.所以一般让企业对响应式网站望而止步的因素不单单是建站的费用,还有就是建站的时间过长,让网站的上线收到延迟,没有办法能够抢在黄金时间上线.那做一个响应式网站要多久呢?一般以企业展示型网站来统计,找建站公司来搭建大概需要3-6个月时间,如果是自己找开发团队时间大概要2-3个月时间.所以企业对于响应式网站既是爱,又是狠. 有什么

转游戏开发做的第一款手机网游的经历和体会

转游戏开发大半年以来,做过的游戏不多,刚开始就写单机版的游戏,不过也不多.后来就接触手机版网游,第一款游戏就是超级英雄,目前这款游戏还在升级维护当中,首次发布就是五月初,第一个月的收入就过千万.关于这款游戏直接看截图效果吧! 以上就是有关该款游戏的截图,有喜欢这款游戏可以下载试玩下,有想学的也可以下载看看交流下经验. 我以前是学C#,主要做桌面类型的软件会的语言也不多,也用过C++.在去年年底就接触到了cocos2d-x,了解到它是跨平台的然后就决心转手游开发了,初期阶段就看书,自己做些东西,也

自己做的html5手机网站

这个网站采用html5+css3+jquerymobile 只开发了前台的功能,前台的界面比较美观,主要是本人还没有学会后台的语言,所以后台就还没有开发,到目前为止只开发了前台的功能,如果各位博友有兴趣可以下载下来自己继续开发,这个网站的界面有参考各个菜谱网站的页面的样式,但是又不一样,是属于完全独立开发的.代码链接如下: 乐道厨房代码例图如下自己做的html5手机网站