信息门户网站

PerformerY

浏览: 4840 次

最近访客更多访客>>

u012363178

小猪肥嘟嘟200904

1131170225liu

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

2015-09 ( 13)
更多存档...

博客分类：

JavaWeb

<!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>
<link href="css/sytle.css" rel="stylesheet" type="text/css"/>

</head>

<body>

<div id="main_container">
<div id="container_bg1">
<div id="container_bg1_top"></div>
<div id="container_bg1_main"></div>
</div>

<div id="main_content">

              <div id="login_container">
              <form name="form1" action="?" method="post">
                            <ul>
                                <li>用户名</li>
                               <li><input type="text" name="user" class="txt"></li>
                               <li>密码</li>
                               <li> <input type="password" name="pwd" class="txt"></li>
                               <li>记住我<input type="checkbox"></li>
                               <li>验证码</li>
                               <li><img src="images/num.png" /></li>
                               <li><input type="submit" name="dl" value="登录" class="btn"></li>
                               <li><input type="button" name="zc" value="注册" class="btn"></li>
                            </ul>

              </form>
              </div>



    <div id="vi_container">
                            <div id="vi_main"></div>
                            <div id="vi_banner"><img src="images/ban.jpg" /></div>

</div>


     <div id="nav_container">
              <div id="nav_content">
                                   <ul>
                                    <li><a href="#">首页</a></li>
                                   <li><a href="#">资讯</a></li>
                                   <li><a href="#">知识</a></li>
                                   <li><a href="#">软件</a></li>
                                   <li><a href="#">硬件</a></li>
                                   <li><a href="#">外包</a></li>
                                   <li><a href="#">方案</a></li>
                                   <li><a href="#">厂商</a></li>
                                   <li><a href="#">供求</a></li>
                                   <li><a href="#">管理</a></li>
                                   <li><a href="#">书籍</a></li>
                                   <li><a href="#">人才</a></li>
                                   <li><a href="#">下载</a></li>
                                   <li><a href="#">社区</a></li>
                                   </ul>

              </div>
              </div>

                          <div class="advertise">
                          <img src="images/ad1.jpg"/>
                          </div>


   <div class="line_content">
              <div class="line_hot"> <img src="images/01.jpg" /></div>
                  <div class="news_container">
                    <div class="news_content">
                        <div class="news_title">>>咨询</div>
                                        <ul>
                                            <li><a href="#">胡在十一届人大一次会议闭幕会作重要讲</a></li>
                                            <li><a href="#">中国最大烂尾楼复活中石化买下后销售（图）</a></li>
                                            <li><a href="#">08年起中小企业信息化将进入深化应用阶段</a></li>
                                            <li><a href="#">朝鲜收获季节喜迎劳动党成立60周年大庆</a></li>
                                            <li><a href="#">专家建议全国6小时工作制严格3倍加班工资</a></li>
                                            <li><a href="#">中央驻洛阳科研院所外迁当地极力挽留无果</a></li>
                                            <li><a href="#">人事部部署实施“635工程”</a></li>
                                            <li><a href="#">区域经济：中国新一轮“雁陈起飞”</a></li>
                                            <li><a href="#">美国军方再爆乌龙洲际导弹零部件误运台湾</a></li>
                                            <li><a href="#">股价暴跌富豪身家大减女首富缩水达680亿</a></li>
                                            <li><a href="#">专家建议全国6小时工作制严格3倍加班工资</a></li>
                                            <li><a href="#">南航成功处置恐怖分子炸机机组获奖40万元</a></li>
                                        </ul>
                    </div>

                  </div>


               <div class="news_container">
                    <div class="news_content">
                        <div class="news_title">>>软件</div>
                                                    <ul>
                                                        <li><a href="#">胡在十一届人大一次会议闭幕会作重要讲</a></li>
                                                        <li><a href="#">中国最大烂尾楼复活中石化买下后销售（图）</a></li>
                                                        <li><a href="#">08年起中小企业信息化将进入深化应用阶段</a></li>
                                                        <li><a href="#">朝鲜收获季节喜迎劳动党成立60周年大庆</a></li>
                                                        <li><a href="#">专家建议全国6小时工作制严格3倍加班工资</a></li>
                                                        <li><a href="#">中央驻洛阳科研院所外迁当地极力挽留无果</a></li>
                                                        <li><a href="#">人事部部署实施“635工程”</a></li>
                                                        <li><a href="#">区域经济：中国新一轮“雁陈起飞”</a></li>
                                                        <li><a href="#">美国军方再爆乌龙洲际导弹零部件误运台湾</a></li>
                                                        <li><a href="#">股价暴跌富豪身家大减女首富缩水达680亿</a></li>
                                                        <li><a href="#">专家建议全国6小时工作制严格3倍加班工资</a></li>
                                                        <li><a href="#">南航成功处置恐怖分子炸机机组获奖40万元</a></li>
                                                    </ul>
                    </div>

                </div>


         </div>


                                     <div class="advertise">
                                             <img src="images/ad2.jpg" />
                                    </div>

                    <div class="line_content">


            <div class="line_hot">
                    <div class="news_content">
                        <div class="news_title">>>方案</div>
                                                        <ul>
                                                            <li><a href="#">胡在十一届人大一作重要讲</a></li>
                                                            <li><a href="#">中国最大烂尾楼复活（图）</a></li>
                                                            <li><a href="#">08年起中小企业信息化将</a></li>
                                                            <li><a href="#">朝鲜收获季节喜迎劳动党</a></li>
                                                            <li><a href="#">专家建议全国6小时工作制 </a></li>
                                                            <li><a href="#">中央驻洛阳科研院所外迁 </a></li>
                                                            <li><a href="#">人事部部署实施“635工程”</a></li>
                                                            <li><a href="#">区域经济：中国新一轮“雁</a></li>
                                                            <li><a href="#">美国军方再爆乌龙洲际</a></li>
                                                            <li><a href="#">股价暴跌富豪身家大减 </a></li>
                                                            <li><a href="#">专家建议全国6小时工作制</a></li>
                                                            <li><a href="#">南航成功处置恐怖分子炸机</a></li>
                                                        </ul>
                     </div>

                 </div>

                  <div class="news_container">
                   <div class="news_content">
                        <div class="news_title">>>供求</div>
                                                            <ul>
                                                                <li><a href="#">胡在十一届人大一作重要讲</a></li>
                                                                <li><a href="#">中国最大烂尾楼复活（图）</a></li>
                                                                <li><a href="#">08年起中小企业信息化将</a></li>
                                                                <li><a href="#">朝鲜收获季节喜迎劳动党</a></li>
                                                                <li><a href="#">专家建议全国6小时工作制 </a></li>
                                                                <li><a href="#">中央驻洛阳科研院所外迁 </a></li>
                                                                <li><a href="#">人事部部署实施“635工程”</a></li>
                                                                <li><a href="#">区域经济：中国新一轮“雁</a></li>
                                                                <li><a href="#">美国军方再爆乌龙洲际</a></li>
                                                                <li><a href="#">股价暴跌富豪身家大减 </a></li>
                                                                <li><a href="#">专家建议全国6小时工作制</a></li>
                                                                <li><a href="#">南航成功处置恐怖分子炸机</a></li>
                                                            </ul>
                     </div>

                    </div>


               <div class="news_container">
                    <div class="news_content">
                        <div class="news_title">>>人才</div>
                                                    <ul>
                                                        <li><a href="#">胡在十一届人大一作重要讲</a></li>
                                                        <li><a href="#">中国最大烂尾楼复活（图）</a></li>
                                                        <li><a href="#">08年起中小企业信息化将</a></li>
                                                        <li><a href="#">朝鲜收获季节喜迎劳动党</a></li>
                                                        <li><a href="#">专家建议全国6小时工作制 </a></li>
                                                        <li><a href="#">中央驻洛阳科研院所外迁 </a></li>
                                                        <li><a href="#">人事部部署实施“635工程”</a></li>
                                                        <li><a href="#">区域经济：中国新一轮“雁</a></li>
                                                        <li><a href="#">美国军方再爆乌龙洲际</a></li>
                                                        <li><a href="#">股价暴跌富豪身家大减 </a></li>
                                                        <li><a href="#">专家建议全国6小时工作制</a></li>
                                                        <li><a href="#">南航成功处置恐怖分子炸机</a></li>
                                                    </ul>
                    </div>

                </div>


</div>

      <div id="foot_container">
                   <div id="foot_vi"></div>
                   <div id="foot_nav">
                                           <ul>
                                              <li><a href="#">网站介绍</a></li>
                                              <li><a href="#">网站地图</a></li>
                                              <li><a href="#">联系我们</a></li>
                                              <li><a href="#">版权说明</a></li>
                                              <li><a href="#">工作机会</a></li>
                                              <li><a href="#">友情链接</a></li>
                                              <li><a href="#">意见反馈</a></li>
                                           </ul>
                     </div>

                                                   <div class="foot_copyright">
                                                     Copyright www.enterinfo.com 2007 All right reserved <br/>
                                                     网络备案号：12345-67890
                                                    </div>

                     </div>



                 </div>


<div id="container_bg2">
<div id="container_bg2_top"></div>
<div id="container_bg2_main"></div>
</div>





            <div id="container_clear"></div>
</div>
<script type="text/javascript">
var div=document.getElementById("main_container");
var mdiv=document.getElementById("container_bg1_main");
var mdiv2=document.getElementById("container_bg2_main");

var h=div.scrollHeight;
h-=45;
mdiv.style.height=h+"px";
mdiv2.style.height=h+"px";
</script>

</body>
</html>


//css//
/* CSS Document */
/*页面整体样式*/
*{ margin:0px;
   padding:0px;
   font-size:12px;
}
/*整体容器*/
#main_container{ width:1000px;
         background-color:red;
margin:auto;
}
#container_clear{ clear:both;}

/*中间内容区*/
#main_content{
       width:876px;
   background-color:#069;
   float:left;
}
/*登录样式*/
#login_container{
height:45px;
background-color:#FCC;
}
#login_container{
border-bottom:solid 1px #e7e7e7;
height:45px;
background:url(../images/ct1.jpg) repeat-x top center;
}
#login_container ul{
width:500px;
margin:0 auto;
}
#login_container ul li{
float:left;
list-style-type:none;
padding-top:15px;
padding-left:2px;
}
#login_container .btn{
width:58px;
height:22px;
background-color:#f4f4f4;
border:solid 1px #bebebe;
border-left:solid 3px #f90;
}
#login_container .txt{
width:80px;
height:22px;
border-style:none;
border-bottom:solid 1px silver;
background-color:transparent;
}

/****VI标识区*****/
#vi_container{
height:90px;
background-color:ff9900;
}
#vi_container{
height:90px;
}
#vi_main{
float:left;
background-image:url(../images/vi.jpg);
width:220px;
height:90px;
}
#vi_banner{
float:left;
width:656px;
height:90px;
text-align:center;
overflow:hidden;
}

/****导航nav*****/
#nav_container{
height:26px;
background-color:#999999;
}

#nav_container{
width:876px;
height:26px;
background:url(../images/mn1.jpg) no-repeat left center;;

}
#nav_content{
width:791px;
height:26px;
line-height:26px;
overflow:hidden;
background:url(../images/mn2.jpg) repeat-x left center;
float:right;
}
#nav_content ul li{
list-style-type:none;
float:left;
width:50px;
height:20px;
text-align:center;
}
#nav_content ul li a{
display:block;
text-decoration:none;
width:50px;
color:#000000;
}
#nav_content ul li a:hover{
background-image:url(../images/mn4.jpg);
}

/****广告条 advertise ****/
.advertise{
height:100px;
background-color:#339900;
}

.advertise{
background-color:#ffffff;padding:6px;
padding-bottom:0px;
}

/****内容 content****/
.line_content{
height:261px;
background-color:#006666;
}
.line_content{
background-color:#fff;
padding-left:5px;
padding-top:5px;
height:260px;
}
.line_hot{
width:226px;
height:260px;
float:left;
border:solid 1px #aeb8c2;
}
.line_hot img{
width:220px;
height:252px;
margin-top:5px;
margin-left:3px;
}

.news_container{
border:solid 1px #aeb8c2;
width:312px;
height:260px;
float:left;
margin-left:5px;
}
.news_title{
background-image:url(../images/titlebg1.jpg);
height:23px;
line-height:23px;
overflow:hidden;
padding-left:10px;
font-weight:bold;
}
.news_content{
padding:5px;
padding-left:20px;
}
.news_content ul{
padding-left:5px;
}
.news_content ul li{
list-style-image:url(../images/start.gif);
line-height:18px;
}

/**** foot *******/
#foot_container{
   height:127px;
background-color:#006699;

}

#foot_container{
width:876px;
text-align:center;
clear:both;
}
#foot_vi{
width:876px;
height:27px;
background:url(../images/footvi.jpg) repeat-x top left;
}
#foot_nav {
height:20px;
background-color:#e7e7e7;
line-height:20px;
padding-left:200px;
overflow:hidden;
}
#foot_nav ul li{
width:60px;
float:left;
list-style-type:none;
}
#foot_copyright{
height:80px;
background-color:#f7f7f7;
line-height:20px;
}
/*左侧边*/
#container_bg1{
       width:62px;
           float:left;}
#container_bg1_top{
                    background:url(../images/mt1.jpg) no-repeat top center;
height:45px;
width:62px;}
#container_bg1_main{
          background: url(../images/ml1.jpg) repeat-y top center;
}
/*右侧边*/

#container_bg2{
        width:62px;
float:left;}
#container_bg2_top{
              background: url(../images/mt2.jpg) no-repeat top center;
height:45px;
width:62px;}
#container_bg2_main{
          background: url(../images/ml2.jpg) repeat-y top center;
}

信息门户网站.rar (388.1 KB)
下载次数: 2

分享到：

网页计算器 | HP-EPM xx公司用户注册

2015-09-09 20:12
浏览 425
评论(0)
分类:Web前端
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论