Web实训6
Posted Frozen_Guardian
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Web实训6相关的知识,希望对你有一定的参考价值。
项目1
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="Frozen_Guardian">
<title>网络主题研讨会日程表</title>
<style type="text/css">
h2{
background-image:url('https://s3.bmp.ovh/imgs/2021/10/86759efe3874bbef.png');
background-repeat:no-repeat;
background-size:100% 100%;
color:white;
height:50px;
width:300px;
padding-top:10px;
padding-left:25px;
margin-bottom:10px;
}
div{
margin:30px;
width:1010px;
height:600px;
background-color:#efeeee;
}
table{
width:1000px;
position:relative;
}
p{
margin-top:10px;
}
.wonderful_replay{
position:absolute;
right:0;
width:150px;
height:30px;
background-image:url("https://s3.bmp.ovh/imgs/2021/10/7939cef592211825.png");
background-size:100% 100%;
background-repeat:no-repeat;
text-align:center;
margin-right:3px;
}
table .light{
background-color:#f7f6f6;
}
table .normal{
background-color:#e5e4e4;
}
table .dark{
background-color:#dddcdc;
}
table h4{
color:grey;
}
</style>
</head>
<body>
<div>
<h2>报告内容</h2>
<table border="1" cellspacing="0" bordercolor="#bebdbd" align="center">
<tr class="dark" height="100px">
<td colspan="3">
<p><span style="color:red;">会议平台不支持WinXP系统,请大家使用Win7或Win8系统,IE或火狐浏览器登陆</span></p>
<p>
<b>报告主题:“持久性有机污染物分析技术”网络主题研讨会</b>
<a class="wonderful_replay" href="#">精彩回放</a>
</p>
</td>
</tr>
<tr class="normal" align="center" height="60px">
<td width="150px"><h4>会议时间</h4></td>
<td><h4>会议名称</h4></td>
<td width="200px"><h4>演讲人</h4></td>
</tr>
<tr class="light">
<td rowspan="6" align="center">2015年10月14日09:30 - 17:00</td>
<td height="50px">中国二恶英排放清单研究</td>
<td align="center">刘文彬 研究员(中国科学院生态研究中心)</td>
</tr>
<tr class="normal">
<td height="50px">优化的PAHs和Dioxin分析仪在环境分析中的应用</td>
<td align="center">孔晔(安捷伦)</td>
</tr>
<tr class="light" >
<td height="50px">LCMS在持久性有机污染物分析中的研究进展</td>
<td align="center">朱怀恩(SCIEX)</td>
</tr>
<tr class="normal">
<td height="50px">质谱技术在持久性有机污染物的分析方法</td>
<td align="center">陈志凌(岛津)</td>
</tr>
<tr class="light" >
<td height="50px">持久性有机污染物POPs的前处理技术</td>
<td align="center">苏丽评(莱伯泰科)</td>
</tr>
<tr class="normal">
<td height="50px">极地持久性有机污染物研究进展</td>
<td align="center">张庆华 研究员(中国科学院生态研究中心)</td>
</tr>
</table>
</div>
</body>
</html>
项目2
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="Frozen_Guardian">
<title>江苏教育电子政务网-简化版</title>
<style type="text/css">
table{
width:100%;
border-spacing:0 10px;
}
.logo{
background-image:url("https://s3.bmp.ovh/imgs/2021/10/88ec8965319cb8f1.jpg");
background-size:100% 100%;
height:300px;
}
.navigation{
background-color:mediumpurple;
text-align:center;
height:40px;
}
.navigation a{
color:white;
text-decoration:none;
}
.left{
width:20%;
text-align:center;
float:left;
}
.left td{
padding-bottom:30px;
}
.right{
width:80%;
float:right:
}
.title{
text-align:center;
color:red;
font-weight:bold;
}
.content{
text-indent:2em;
}
.footer{
text-align:center;
}
</style>
</head>
<body>
<table>
<tr><td class="logo" colspan="6"></td></tr>
<tr class="navigation">
<td><a href="http://dzzw.jsjyt.edu.cn/col/col7421/index.html">新闻资讯</a></td>
<td><a href="http://dzzw.jsjyt.edu.cn/col/col7662/index.html">领导讲话</a></td>
<td><a href="http://www.jsjyt.gov.cn">行政公文</a></td>
<td><a href="http://dzzw.jsjyt.edu.cn/col/col7426/index.html">成果展示</a></td>
<td><a href="http://dzzw.jsjyt.edu.cn/col/col7431/index.html">江苏教育网</a></td>
<td><a href="http://www.jse.gov.cn">江苏教育信息网</a></td>
</tr>
</table>
<table class="left">
<tr><td>新闻资讯</td></tr>
<tr><td>行政公文</td></tr>
<tr><td>领导讲话</td></tr>
<tr><td>成果演示</td></tr>
</table>
<table class="right">
<tr class="title">
<td>2014年全省教育电子政务工作座谈会在宁召开</td>
<td>国务院:运用大数据提高政府服务水平</td>
</tr>
<tr class="content">
<td>为进一步统一思想、提高认识、振奋精神、明确方向,3月14日,全省教育电子政务工作座谈会在宁召开,来自13个省辖市、3个省管县(市、区)教育门户网站维护保障单位负责人参加了会议,各地就教育电子政务工作开展的情况作了交流,对全省教育门户网站绩效考核指标体系、江苏教育网《视频新闻》栏目筹建和通联站建设管理方案进行深入的研讨。</td>
<td>近日,国务院办公厅印发《关于运用大数据加强对市场主体服务和监管的若干意见》(以下简称《意见》)。
《意见》要求,以社会信用体系建设和政府信息公开、数据开放为抓手,充分运用大数据、云计算等现代信息技术,提高政府服务水平,加强事中事后监管,维护市场正常秩序,促进市场公平竞争,释放市场主体活力,进一步优化发展环境。</td>
</tr>
</table>
<hr style="clear:both;"/>
<table class="footer">
<tr><td>江苏省电子政务中心 版权所有</td></tr>
<tr><td>地址:南京市北京西路15号 联系电话:025-63335653</td></tr>
<tr><td>苏ICP备:10205850</td></tr>
</table>
</body>
</html>
课外扩展1
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="Frozen_Guardian">
<title>新书推荐</title>
<style type="text/css">
img{
width:200px;
height:250px;
}
table{
}
</style>
</head>
<body>
<table border="1" cellspacing="0" bordercolor="lightgrey">
<tr><td colspan="4"><h4>总编推荐</h4></td></tr>
<tr>
<td><img src="https://s3.bmp.ovh/imgs/2021/10/8561b6d3f2197081.jpg"/></td>
<td>
<h4>数学的世界 I</h4>
<p>作者: J.R. 纽曼 编, 王善平, 李璐 译 定价: 59.00元 推荐理由: 呈现在大家面前的是由J.R. 纽曼花费十五年心血, 所精选的迄今为止世界上最天才的数学文献集锦。 高 ...</p>
</td>
<td><img src实训任务2:部署Web项目