Теория:
<!DOCTYPE HTML PUBLIC"-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<title>Теория</title>
<style type="text/css">
body {background-image:url(якорь.gif)!important}
</style>
<link rel="stylesheet" type="text/css" href="style.css"/>
</head>
<body>
<div id="line">
<table class="tfirst">
<tr style="background-image:url(радуга.jpeg)">
<td class="bold24" width="160" height="47"><a href="Мониторинг малых рек главная.html" title="Главная">Главная</a></td>
<td class="bold24"><a href="Music Belgorod.html" title="Песня Белый город">Музыка</a>
</td>
<td class="bold24"><a href="Video river.html" title="Видео">Видео</a>
</td>
<td class="bold24"><a href="Список методов анализа.html" title="Список">Теория</a>
</td>
<td class="bold24" width="270"><a href="Map.html" title="Карта">Навигационная карта</a>
</td>
</tr>
</table>
</div>
<div id="line">
<table class="tfirst">
<tr style="background-image:url(лист.jpeg)">
<td width="100%" height="200"> <h1> Малые реки Белгородской области </h1> </td>
</tr>
</table>
</div>
<h1 > Основные подходы мониторинга и оценки геоэкологического состояния малых рек, прогнозирования загрязненности </h1>
<p>В настоящее время неравномерное распределение водных ресурсов во времени и пространстве при одновременном увеличении их потребления, а также возрастающее антропогенное воздействие на естественный водный режим привело к загрязнению и истощению водных ресурсов, что требует разработки и составления схем рационального использования и охраны водных ресурсов на региональном уровне, создания постоянно действующей системы контроля загрязненности, учета и расходования водных ресурсов с целью оперативного управления водным хозяйством. Таким образом, использование современной технологии создания, хранения и обработки гидрологической информации стало весьма актуальной проблемой. Данные обстоятельства делают также актуальными оптимизацию использования водных ресурсов и их мониторинг. </p>
<p id="leftbold">Алгоритм методик оценки качества воды для различных целей её назначения:</p>
<ol class="size24">
<li>Фактор (для каких целей устанавливается качество воды).</li>
<li>Номенклатура (для каких вод устанавливается качество).</li>
<li>Критерий качества.</li>
<li>Норматив качества.</li>
<li>Качество воды.</li>
</ol>
<p id="leftbold">В основе организации и проведения наблюдений за качеством поверхностных вод лежат следующие принципы:</p>
<ol class="size24">
<li>Комплексность и систематичность наблюдений;</li>
<li>Согласованность сроков их проведения с характерными гидрологическими ситуациями;</li>
<li>Определение показателей качества воды едиными методами.</li>
</ol>
</body>
</html>
Навигационная карта:
<!DOCTYPE HTML PUBLIC"-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<title>Карта</title>
<link rel="stylesheet" type="text/css" href="style.css"/>
</head>
<body>
<div id="line">
<table class="tfirst">
<tr style="background-image:url(радуга.jpeg)">
<td class="bold24" width="160" height="47"><a href="Мониторинг малых рек главная.html" title="Главная">Главная</a></td>
<td class="bold24"><a href="Music Belgorod.html" title="Песня Белый город">Музыка</a>
</td>
<td class="bold24"><a href="Video river.html" title="Видео">Видео</a>
</td>
<td class="bold24"><a href="Список методов анализа.html" title="Список">Теория</a>
</td>
<td class="bold24" width="270"><a href="Map.html" title="Карта">Навигационная карта</a>
</td>
</tr>
</table>
</div>
<div id="line">
<table class="tfirst">
<tr style="background-image:url(лист.jpeg)">
<td width="100%" height="200"> <h1> Малые реки Белгородской области </h1> </td>
</tr>
</table>
</div>
<h1>Навигационная карта</h1>
<p>Используя данную карту Белгородской области, вы сможете узнать некоторую информацию о реках того или иного района. Для этого необходимо щёлкнуть по нужному вам району (активированы Белгородский, Прохоровский, Валуйский, Грайворонский районы).</p>
<div style="text-align:center">
<img ismap="ismap" src="карта 1.png" class="sizemap" usemap="#region"/>
<map id="region" name="region">
<area shape="poly"
coords="190,271,161,268,121,233,130,204,145,208,169,165,197,177,195,165,213,168,209,187,236,197,196,238"
alt="Белгород" title="Реки Белгорода" href="file:///D:/%D0%94%D0%B0%D1%88%D0%B0/%D0%A3%D0%BD%D0%B8%D0%B2%D0%B5%D1%80/%D0%9C%D0%B5%D1%82%D0%BE%D0%B4%D1%8B%20%D0%98%D0%BD%D1%82%D0%B5%D1%80%D0%BD%D0%B5%D1%82/%D0%9B%D0%B0%D0%B1%206/%D0%9A%D0%BE%D0%BF%D0%B8%D1%8F%20Bootstrap%203/Belgorod%20region.html" target="_blank" />
<area shape="poly" coords="188,146,175,136,184,85,198,94,256,62,259,88,277,87,270,125,254,119,234,152,203,133"
alt="Прохоровка" title="Реки Прохоровского района" href="Prohorovka region.html" target="_blank" />
<area shape="poly" coords="350,270,364,276,408,244,469,276,445,316,438,325,439,348,407,354" alt="Валуйки"
title="Реки Валуйского района" href="Valuyky region.html" target="_blank" />
<area shape="poly" coords="25,176,49,172,57,185,78,174,97,235,59,257,12,184" alt="Грайворон" title="Реки Грайворонского района" href="Grayvoron region.html" target="_blank" />
</map>
<!--<a href="#">
<img ismap="ismap" src="карта 1.png" class="sizeimg"/>
</a>-->
</div>
</body>
</html>
Белгородский район:
Сделан при помощи Bootstrap!
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Белгородский район</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<script src="js/respond.js"></script>
</head>
<body>
<div class="container-fluid">
<!-- строка 1 -->
<div class="row">
<div class="col-lg-6 col-sm-8">
<h1>Мониторинг малых рек Белгородской области</h1>
<p>Всё о характеристиках рек, их местоположении, качестве вод.</p>
</div>
<div class="col-lg-6 col-sm-4">
<img src="img/герб1.jpg" alt="Герб Белг. района" width="46%" height="40%" vspace="7">
</div>
</div>
<!-- строка 2 -->
<div class="row">
<h1> Реки Белгородского района</h1>
<p>Статьи о реках Везёлка, Лопань, Уды, Липовый Донец</p>
</div>
<!-- строка 3 -->
<div class="row">
<div class="col-md-3 col-sm-6">
<p><img src="img/река везёлка.jpg" alt="река Везёлка" width="100%" height="100%" class="img-rounded"></p>
<h4>Везёлка</h4>
<p class="text-justify">Везелка делит современный город на две части, центральная часть с северным районом и «Харьковская гора».Перепад высот между берегами позволяет соорудить канатную дорогу.В пригороде Белгорода Красное в Везелку впадает Гостенка, от чего до второй половины XlX века река именно в черте города последняя делалась особенно полноводной. </p>
<table class="table table-bordered table-hover table-condensed">
<tr class="active">
<th>Место</th>
<th>Длина</th>
<th>Бассейн</th>
</tr>
<tr class="info">
<td>г.Белгород</td>
<td>21 км</td>
<td>132 км<sup>2</sup></td>
</tr>
</table>
<p><a target="_blank" href="https://ru.wikipedia.org/wiki/Везёлка">Читать далее >></a></p>
</div>
<div class="col-md-3 col-sm-6">
<p><img src="img/Лопань.jpg" alt="река Лопань" width="100%" height="100%" class="img-circle"></p>
<h4>Лопань</h4>
<p class="text-justify">Во всём своём течении от Весёлой Лопани до Харькова на расстоянии около 85 км по берегам вдоль течения реки идёт практически сплошная Белгородско-Харьковская агломерация, частично (на территории Украины) входящая в Харьковскую — более 33-х населённые пунктов, практически переходящих друг в друга; из них два города — Дергачи и Харьков.</p>
<table class="table table-bordered table-hover table-condensed">
<tr>
<th colspan="3" class="text-center" >Гидрологические характеристики русла</th>
</tr>
<tr>
<th>Ширина</th>
<th>Глубина</th>
<th>Наклон реки</th>
</tr>
<tr>
<td>1-20 м</td>
<td>0,3-1 м</td>
<td>0,89 м⁄км </td>
</tr>
</table>
<p><a target="_blank" href="https://ru.wikipedia.org/wiki/Лопань">Читать далее >></a></p>
</div>
<div class="col-md-3 col-sm-6">
<p><img src="img/уды.jpg" alt="река Уды" width="90%" height="70%" class="img-rounded"></p>
<h4>Уды</h4>
<p class="text-justify">Анализ современного состояния малых рек бассейна реки Уды и оценка степени их хозяйственного использования показали, что при маловодности и большой неравномерности речного стока интенсивное водопользование приведёт к истощению и значительному ухудшению качества водных ресурсов. Для рационального использования водных ресурсов необходим всесторонний анализ взаимосвязей всех компонентов ландшафтно-географической системы в целом. </p>
<table class="table table-bordered table-hover table-condensed">
<tr>
<th colspan="2" class="text-center" >Характеристики бассейна</th>
</tr>
<tr class="success">
<th>Лесистость</th>
<th>Заболоченность</th>
</tr>
<tr>
<td>10 %</td>
<td>1 %</td>
</tr>
</table>
<p><a target="_blank" href="https://ru.wikipedia.org/wiki/Уды">Читать далее >></a></p>
</div>
<div class="col-md-3 col-sm-6">
<p><img src="img/Липовый Донец.jpg" alt="Липовый Донец" width="90%" height="100%" class="img-thumbnail"></p>
<h4>Липовый Донец</h4>
<p class="text-justify">Липовый Донец — река в России, протекает в Прохоровском и Белгородском районах Белгородской области. Устье реки находится в 1003 км по правому берегу реки Северский Донец. Длина реки составляет 27 км. Болотный комплекс с незамерзающими родниками и ольшанниками в пойме реки Липовый Донец около сел Непхаево,Вислое, Терновка и Шопино имеет статус комплексного заказника.</p>
<table class="table table-bordered table-hover table-condensed">
<tr>
<th colspan="2" class="active text-center">Координаты</th>
</tr>
<tr>
<th>с.ш.</th>
<th class="active">в.ш.</th>
</tr>
<tr>
<td class="active">50° 52′ 04″</td>
<td >36° 33′ 38″</td>
</tr>
</table>
<p><a target="_blank" href="https://ru.wikipedia.org/wiki/Липовый_Донец">Читать далее >></a></p>
</div>
</div>
<!-- строка 4 -->
<div class="row">
<p> © Мониторинг малых рек Белгородской области</p>
</div>
</div>
<!-- javascript -->
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</body>
</html>