Web实训4
Posted Frozen_Guardian
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Web实训4相关的知识，希望对你有一定的参考价值。
项目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">
label{
color:red;
}
.p1{
text-indent:2em;
}
.p2{
text-indent:3em;
margin-top:0px;
margin-bottom:0px;
}
.p3{
text-indent:2em;
margin-top:0px;
margin-bottom:0px;
}
</style>
</head>
<body>
<img src="https://s3.bmp.ovh/imgs/2021/10/6b0182c15ace76e7.jpg" style="position:absolute;">
<h3 align="center"><font face="黑体">《中国教育网络》</font>杂志简介</h3>
<h4 align="center">2016-03-03</h4>
<div style="background:#d4d4d4;padding:5px 50px;">
<h3 align="left">>><font face="黑体">推荐阅读</font></h3>
<table align="center" style="border-spacing:100px 0px;margin-bottom:30px">
<tr>
<td><label>*</label>COST论坛"迎新"系列视频讲座</td>
<td><label>*</label>技术应用升级 百所高校IPv6蝶变</td>
<td><label>*</label>教育信息化关注"十二五"规划</td>
</tr>
<tr>
<td><label>*</label>2010下一代互联网发展和应用论坛</td>
<td><label>*</label>教育信息化服务器应用突破壁垒</td>
<td><label>*</label>强调应用 移动IPv6发展空间无限</td>
</tr>
</table>
</div>
<div style="margin:10px 50px;">
<p class="p1">2004年12月，《中国教育网络》杂志正式出版发行。经国家新闻出版署、科技部批准，教育部主管，教育部科技发展中心主办，中国教育和科研计算机网(CERNET)承办的国家级权威科技期刊《中国教育网络》正式出版发行。</p>
<p class="p1">立足教育网络，服务于教育信息化，《中国教育网络》关注和解读国家信息化发展政策，全面报道中国教育网络建设现状及成就，研究探讨教育网络建设的经验与问题。介绍国际上先进的网络技术、理念，及时报道相关政策及重大事件，广泛反映围绕教育信息化的各种重大应用及重大事件，为领导、专家、师生及技术人员提供借鉴。</p>
<p class="p1">依托高校及社会各界的优秀专家，《中国教育网络》突出权威性、政策性、前瞻性，为专家及业界人士提供一个权威的交流与沟通平台。《中国教育网络》已成为中国最具影响力、权威性的专业期刊，已成为与中国教育信息化同步发展的核心媒体。</p>
<p class="p1"><b>目标</b></p>
<p class="p2">始终保持教育信息化领域第一品牌的市场地位</p>
<p class="p2">成为与中国教育信息化同步发展的核心媒体</p>
<p class="p1"><b>定位</b></p>
<p class="p3">中国教育网络领域的综合杂志</p>
<p class="p2">———全面反映教育网络研究、建设、管理及应用、文化。产业化的成就及重大事件。</p>
<p class="p3">受人尊重的专业权威杂志</p>
<p class="p2">———依托政府、教育界、IT产业界专家，专注于教育网络领域，制作高水准的内容。</p>
<p class="p3">创新IT媒体服务</p>
<p class="p2">———以创新、深入的视角报道教育信息化的进展和变化。</p>
<p class="p3">影响高端人士，成为教育信息化宣传队</p>
<p class="p2">———服务于教育网络的研究、建设与使用者，通过对高端人群的影响，确立自己作为教育信息化权威窗口地位。</p>
<p class="p1"><b>杂志优势</b></p>
<p class="p1">强有力的政府指导</p>
<p class="p1">在教育部及相关部门的指导下，及时准确地传达、贯彻教育信息化发展的方针、政策、法规等，保证中国教育网络健康发展，推动教育网络建设与应用。</p>
<p class="p1">权威的专家队伍</p>
<p class="p1">依托CERNET及教育信息化领域最权威的专家组成的编辑委员会，《中国教育网络》将为读者提供高水准的内容，为工作提供高起点的业务及技术指导。</p>
<p class="p1">影响未来的用户群</p>
<p class="p1">《中国教育网络》用户群以教育领域从事互联网建设及应用的领导、专家、教师、科研人员为主，在该领域具有强大的影响力。</p>
<p class="p1">遍布全国的渠道</p>
<p class="p1">依托各地方教委及CERNET，《中国教育网络》将建设遍布全国的记者站，伴随教育网络的建设及拓展，中国教育网络在为读者服务的同时，也将不断壮大自己的渠道网络。</p>
</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">
img{
width:250px;
height:300px;
border-width:10px;
border-style:groove;
border-color:#9900cc;
}
</style>
</head>
<body>
<div style="border:3px solid #47d1ef;">
<h1 align="center" style="color:red;">京东商品导购</h1>
<table align="center" cellpadding="10px">
<tr>
<td><img src="https://s3.bmp.ovh/imgs/2021/10/7c0c723d6a161caa.jpg"></td>
<td><img src="https://s3.bmp.ovh/imgs/2021/10/b420336af2ac78b2.jpg"></td>
<td><img src="https://s3.bmp.ovh/imgs/2021/10/07c83c22c213d03f.jpg"></td>
</tr>
<tr>
<td><img src="https://s3.bmp.ovh/imgs/2021/10/796f872a9c19063f.jpg"></td>
<td><img src="https://s3.bmp.ovh/imgs/2021/10/db652ff644c0d76f.jpg"></td>
<td><img src="https://s3.bmp.ovh/imgs/2021/10/e5a3ad7b2ee56152.jpg"></td>
</tr>
</table>
</div>
</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">
*{
margin:0px;
}
.header{
margin: 20px 10px;
}
.divOut{
border:1px solid #cecece;
margin-left:10px;
margin-right:30px;
}
.divIn{
margin-right: 30px;
margin-top: 30px;
margin-bottom:60px;
}
.divBottom{
clear:both;
margin-left: 40px;
margin-top: 10px;
}
.number{
background-color:red;
color:white;
}
.red{
color:red;
}
img{
float:left;
border:1px solid #cecece;
margin: 10px;
}
</style>
</head>
<body>
<h2 class="header">文轩图书榜</h2>
<div class="divOut">
<img src="https://s3.bmp.ovh/imgs/2021/10/29434af57bd2dd5d.jpg">
<div class="divIn">
<p><span class="number"> 9 </span><b>古汉语常用字字典(第4版)</b></p>
<p>(13条评论)</p>
<p>王力 等 原著者 2005年07月 <span class="red"><b>商务印书馆</b></span></p>
<p style="text-indent:2em;margin-top:10px;">本书由著名语言学家王力、岑麟祥、林焘、戴澧、唐作藩、蒋绍愚等十余位专家学者编写，是学习古汉语的必备工具书。</p>
</div>
</div>
<div class="divBottom">
<p>购买 收藏 <span class="red"><b>25.60元</b></span> （8.0折） 定价：<span style="color:darkgray;font-weight:bold;text-decoration:line-through;">￥32.00元</span> </p>
</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>
以上是关于Web实训4的主要内容，如果未能解决你的问题，请参考以下文章