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>江苏省电子政务中心&nbsp;&nbsp;版权所有</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项目

Web实训2

Web实训1

Web实训3

Web实训4

Web实训7