Студопедия Главная Случайная страница Обратная связь

Разделы: Автомобили Астрономия Биология География Дом и сад Другие языки Другое Информатика История Культура Литература Логика Математика Медицина Металлургия Механика Образование Охрана труда Педагогика Политика Право Психология Религия Риторика Социология Спорт Строительство Технология Туризм Физика Философия Финансы Химия Черчение Экология Экономика Электроника

Московский государственный технический университет





Разработанный код сайта:

Главная:

 

<!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=windows-1251">

<title>Малые реки Белгородской области</title>

 

</head>

 

<body style="background-image:url(http://172.23.64.64/ftp/21/642138/Image/%D1%80%D0%BE%D0%BC%D0%B0%D1%88%D0%BA%D0%B0.jpg)">

 

 

<h1><center><font face="Monotype Corsiva, Arial"><font color="green">Малые реки Белгородской области</font></font></center></h1>

 

<p align="center">

<a href="Video river.html" target="_blank" title="Переход на видео">

<img src="http://172.23.64.64/ftp/21/642138/Image/%D1%80%D0%B5%D0%BA%D0%B0%201.gif"

width="220" height="150" alt="Река" border="2"/>

</a>

</p>

 

<p align="center">

 

 

<img ismap="ismap" src="http://172.23.64.64/ftp/21/642138/Image/%D0%BA%D0%B0%D1%80%D1%82%D0%B0%201.png" width="500" height="340" usemap="#region"/>

 

<map id="region" name="region">

<area shape="poly" coords="98,200,108,175,118,181,140,146,163,154,169,144,193,169,157,235" alt="Белгород" title="Реки Белгорода" href="Belgorod region.html" target="_blank" />

 

<area shape="poly" coords="148,75,215,54,227,101,191,129,166,119,153,128,144,116" alt="Прохоровка" title="Реки Прохоровского района" href="Prohorovka region.html" target="_blank" />

 

<area shape="poly" coords="292,236,339,211,388,240,363,302,334,305" alt="Валуйки" title="Реки Валуйского района" href="Valuyky region.html" target="_blank" />

 

<area shape="poly" coords="10,156,64,151,81,202,49,223" alt="Грайворон" title="Реки Грайворонского района" href="Grayvoron region.html" target="_blank" />

 

</map>

 

</p>

 

<p align="center" style="font-size:14px">Навигационная карта (активированы Белгород, Грайворон, Прохоровка, Валуйки)</p>

 

<br>

 

<a href="Music Belgorod.html" target="_blank" title="здесь вы найдёте музыку и текст песни Белый город">

 

<p><font size="3"><strong> Песня "Белый город"</strong></font></p>

 

</a>

 

<hr align="center" width="100%" size="2" color="#008000" />

 

<a href="https://ru.wikipedia.org/wiki/%D0%9A%D0%B0%D1%82%D0%B5%D0%B3%D0%BE%D1%80%D0%B8%D1%8F:%D0%A0%D0%B5%D0%BA%D0%B8_%D0%91%D0%B5%D0%BB%D0%B3%D0%BE%D1%80%D0%BE%D0%B4%D1%81%D0%BA%D0%BE%D0%B9_%D0%BE%D0%B1%D0%BB%D0%B0%D1%81%D1%82%D0%B8" target="_blank" title="Здесь вы найдёте более подробную информацию">Подробная информация о реках Белгородской области на сайте wikipedia.org</a>

 

<p style="text-indent:60px" align="justify"><font size="5">Белгородская область занимает площадь 21 134

км<sup><small>2</small></sup>.Среднегодовая температура Белгородской области в целом +6,4&degC. Реки Белгородской области - типично равнинные, отличающиеся плавным продольным профилем, малыми уклонами, хорошо разработанными долинами с широкими поймами. Преобладающая часть рек данной области относится к категории малых, имеющих протяженность от 10 до 100 км. К ним относятся:<br></p>

 

<ul>

 

<img src="http://172.23.64.64/ftp/21/642138/Image/%D0%BC%D0%B0%D1%80%D0%BA%D0%B5%D1%80.jpg" width="15" height="15" alt="маркер" align="bottom"/> <a href="#Везёлка" title="переход по странице вниз">Везелка</a>;

 

<br><img src="http://172.23.64.64/ftp/21/642138/Image/%D0%BC%D0%B0%D1%80%D0%BA%D0%B5%D1%80.jpg" width="15" height="15" alt="маркер" align="bottom"/> <a href="#Нежеголь" title="переход по странице вниз">Нежеголь</a>;

 

<br><img src="http://172.23.64.64/ftp/21/642138/Image/%D0%BC%D0%B0%D1%80%D0%BA%D0%B5%D1%80.jpg" width="15" height="15" alt="маркер" align="bottom"/> <a href="#Лопань" title="переход по странице вниз">Лопань</a> и другие.

 

</ul>

 

</font>

 

<a name="Везелка"></a>

 

<h2 align="center" style="background-color: #FAD899; color: #E967FA">р.Везёлка</h2>

 

 

<img src="http://172.23.64.64/ftp/21/642138/Image/%D0%92%D0%B5%D0%B7%D1%91%D0%BB%D0%BA%D0%B0.jpg" align="left" width="10%" height="10%" hspace="50" vspace="5" alt="Везёлка"/>

 

<p align="justify"><font size="5"><strong>Везёлка</strong> (<em>Везеница, Болховец</em>) — река в Белгородской области. Является правым притоком реки Северский Донец и протекает по центральной части города Белгород. Имеет притоки:&nbspИскринка (левый приток, впадает возле села Стрелецкое) и Гостёнка (правый приток, впадает на окраине Белгорода). Длина Везёлки достигает 21 км.</font></p>

 

<br>

 

<p> <font size="4"><blockquote><em>На берегах неширокой Везелки<br>

Растут деревья чудной красоты:<br>

Здесь тополя, березы, елки<br>

И ивы опустили ветви до воды.

<pre> Тамара Ивашкевич</pre></em></blockquote></font></p>

 

 

<a name="Нежеголь"></a>

 

<h2 align="center" style="background-color: #FAD899; color: #E967FA">р.Нежеголь</h2>

 

<img src="http://172.23.64.64/ftp/21/642138/Image/%D0%9D%D0%B5%D0%B6%D0%B5%D0%B3%D0%BE%D0%BB%D1%8C.jpg" align="right" width="7%" height="7%" hspace="50" vspace="1" alt="Нежеголь"/>

 

<p align="justify"><font size="5"><strong>Нежеголь</strong> — небольшая река Белгородской области России, приток Северского Донца. Устаревшее название: Нежегаль. Длина реки составляет 75 км, площадь бассейна 2878 км <sup><small>2</small></sup>. На реке Нежеголь в 5 километрах от её устья расположен город Шебекино.Питание реки преимущественно снеговое, первые несколько километров реки от истока пересыхают в летнее время.</font></p>

 

<a name="Лопань"></a>

 

<h2 align="center" style="background-color: #FAD899; color: #E967FA">р.Лопань</h2>

 

<p><img src="http://172.23.64.64/ftp/21/642138/Image/%D0%9B%D0%BE%D0%BF%D0%B0%D0%BD%D1%8C.png" width="210" height="150" align="top" alt="Лопань"/><font size="5"><em>река Лопань</em></font></p>

 

<p align="justify"><font size="5"><strong>Лопань</strong> — река в Харьковской области Украины и Белгородской области России, левый (самый крупный) приток реки Уды.</font></p>

 

<hr align="center" width="100%" size="2" color="#008000" />

 

</p>

 

</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=windows-1251">

<title>Песня Белый город</title>

 

</head>

 

<body style="background-image:url(http://172.23.64.64/ftp/21/642138/Image/%D0%BD%D0%B5%D0%B1%D0%BE.jpeg)">

 

<h1><center><font face="Monotype Corsiva, Arial"><font color="#0565BF">"Белый город"</font></font></center></h1>

 

<p align="center"><audio src="http://172.23.64.64/ftp/21/642138/Music/Belgorod.mp3" controls autoplay="autoplay"> </audio></p>

 

 

<pre>

<p align="center">

<font face="Times New Roman, Arial"><font size="4">

 

Белый, белый, белый, белый город,

Он душой и сердцем всегда молод.

Белгород. День первого салюта,

Для всей России свята та минута.

 

Низкий поклон,

Вам, ветераны войны,

Вы защищал

Каждую пядь земли.

Ивы плакучие,

Склоняясь над тихой рекой,

Шептали, молили -

Живыми вернитесь домой.

 

Белый, белый, белый, белый город,

Он душой и сердцем всегда молод.

Белгород. День первого салюта,

Для всей России свята та минута.

 

Прохоровское поле –

Эхо прошедшей войны,

Памяти павших стали

Достойны сыны.

Афган и Чечня,

Белгородские парни в бою,

Они, как отцы,

Остаются в почётном строю.

 

Белый, белый, белый, белый город,

Он душой и сердцем всегда молод.

Белгород. День первого салюта,

Никто не забыт и ничто не забыто.

 

Белый, белый, белый, белый город,

Он душой и сердцем всегда молод.

Белгород. День первого салюта,

Для всей России свята та минута.

 

Белый, белый, белый, белый город,

Он душой и сердцем всегда молод.

Белгород. День первого салюта,

Для всей России свята та минута.

 

</font>

 

</font>

 

</p>

</pre>

 

 

</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=windows-1251">

<title>Видео о реках</title>

 

</head>

 

<body style="background-image:url(http://172.23.64.64/ftp/21/642138/Image/%D0%BC%D0%B0%D0%BA%D0%B8.jpg)">

 

 

<p align="center"><font size="5"><big><strong>Видео "Красота Белгородской области" </srtong></big></font></p>

 

<p align="center"><video src="http://172.23.64.64/ftp/21/642138/Video/%D0%9A%D1%80%D0%B0%D1%81%D0%BE%D1%82%D0%B0%20%D0%91%D0%B5%D0%BB%D0%B3%D0%BE%D1%80%D0%BE%D0%B4%D1%81%D0%BA%D0%BE%D0%B9%20%D0%BE%D0%B1%D0%BB%D0%B0%D1%81%D1%82%D0%B8.mp4" controls="controls" width="80%" height="70%">

</video>

 

</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=windows-1251">

<title>Реки Белгорода</title>

 

</head>

 

<body style="background-image:url(http://172.23.64.64/ftp/21/642138/Image/%D0%B1%D0%BB%D1%91%D1%81%D1%82%D0%BA%D0%B8.gif)">

 

<p style="font-size:45px; color:#2368F1" align="center"><strong><em>Реки Белгорода</em></strong></p>

 

<p align="center">

<img src="http://172.23.64.64/ftp/21/642138/Image/%D1%83%D0%B4%D1%8B.jpg" width="40%" height="40%" hspace="10" vspace="0" alt="Уды" title="Река Уды"/>

</p>

<p style="font-size:24px" align="center"> Река Уды </p>

 

<br>

 

<p align="center">

<img src="http://172.23.64.64/ftp/21/642138/Image/%D1%80%D0%B5%D0%BA%D0%B0%20%D0%B2%D0%B5%D0%B7%D1%91%D0%BB%D0%BA%D0%B0.jpg" width="40%" height="40%" hspace="10" vspace="0" alt="везёлка" title="Река Везёлка"/>

</p>

<p style="font-size:24px" align="center"> Река Везёлка </p>

 

<br>

 

<p align="center">

<img src="http://172.23.64.64/ftp/21/642138/Image/%D0%9B%D0%BE%D0%BF%D0%B0%D0%BD%D1%8C.jpg" width="40%" height="40%" hspace="10" vspace="0" alt="Лопань" title="Река Лопань"/>

</p>

<p style="font-size:24px" align="center"> Река Лопань </p>

 

</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=windows-1251">

<title>Реки Грайворона</title>

</head>

 

<body style="background-image:url(http://172.23.64.64/ftp/21/642138/Image/%D1%86%D0%B2%D0%B5%D1%82%D1%8B.jpg)">

 

<p style="font-size:45px; color:#A01309" align="center"><strong><em>Реки Грайворонского района</em></strong></p>

 

<p align="center">

<img src="http://172.23.64.64/ftp/21/642138/Image/%D0%B3%D1%80%D0%B0%D0%B9%D0%B2%D0%BE%D1%80%D0%BE%D0%BD%D0%BA%D0%B0.jpg" width="40%" height="40%" hspace="10" vspace="0" alt="Грайворонка" title="Река Грайворонка"/>

</p>

<p style="font-size:24px" align="center"> Река Грайворонка </p>

 

<br>

 

<p align="center">

<img src="http://172.23.64.64/ftp/21/642138/Image/%D0%B2%D0%BE%D1%80%D1%81%D0%BA%D0%BB%D0%B8%D1%86%D0%B0.jpg" width="40%" height="40%" hspace="10" vspace="0" alt="Ворсклица" title="Река Ворсклица"/>

</p>

<p style="font-size:24px" align="center"> Река Ворсклица </p>

 

<br>

 

<p align="center">

<img src="http://172.23.64.64/ftp/21/642138/Image/%D0%BB%D0%BE%D0%B7%D0%BE%D0%B2%D0%B0%D1%8F.jpg" width="40%" height="40%" hspace="10" vspace="0" alt="Лозовая" title="Река Лозовая"/>

</p>

<p style="font-size:24px" align="center"> Река Лозовая </p>

 

</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=windows-1251">

<title>Реки Прохоровки</title>

 

</head>

 

<body style="background-image:url(http://172.23.64.64/ftp/21/642138/Image/%D0%BB%D1%83%D0%BD%D0%B0.jpeg)">

 

<p style="font-size:45px; color:#815708" align="center"><strong><em>Реки Прохоровского района</em></strong></p>

 

<p align="center">

<img src="http://172.23.64.64/ftp/21/642138/Image/%D0%B4%D0%BE%D0%BD%D0%B5%D1%86%D0%BA%D0%B0%D1%8F%20%D1%81%D0%B5%D0%B9%D0%BC%D0%B8%D1%86%D0%B0.jpeg" width="40%" height="40%" hspace="10" vspace="0" alt="Д.Сеймица" title="Река Донецкая Сеймица"/>

</p>

<p style="font-size:24px" align="center"> Река Донецкая Сеймица </p>

 

<br>

 

<p align="center">

<img src="http://172.23.64.64/ftp/21/642138/Image/%D0%BE%D0%BB%D1%8B%D1%88%D0%B0%D0%BD%D0%BA%D0%B0.jpg" width="40%" height="40%" hspace="10" vspace="0" alt="Олышанка" title="Река Олышанка"/>

</p>

<p style="font-size:24px" align="center"> Река Олышанка </p>

 

<br>

 

<p align="center">

<img src="http://172.23.64.64/ftp/21/642138/Image/%D0%BA%D0%BE%D1%80%D0%B5%D0%BD%D1%8C.jpg" width="40%" height="40%" hspace="10" vspace="0" alt="Корень" title="Река Корень"/>

</p>

<p style="font-size:24px" align="center"> Река Корень </p>

 

</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=windows-1251">

<title>Реки Валуек</title>

 

</head>

 

<body style="background-image:url(http://172.23.64.64/ftp/21/642138/Image/%D0%B1%D0%B0%D0%B1%D0%BE%D1%87%D0%BA%D0%B8.jpg)">

 

<p style="font-size:45px; color:#660CDC" align="center"><strong><em>Реки Валуйского района</em></strong></p>

 

<p align="center">

<img src="http://172.23.64.64/ftp/21/642138/Image/%D0%B2%D0%B0%D0%BB%D1%83%D0%B9.jpg" width="40%" height="40%" hspace="10" vspace="0" alt="Валуй" title="Река Валуй"/>

</p>

<p style="font-size:24px" align="center"> Река Валуй </p>

 

<br>

 

<p align="center">

<img src="http://172.23.64.64/ftp/21/642138/Image/%D1%83%D1%80%D0%B0%D0%B5%D0%B2%D0%B0.jpg" width="40%" height="40%" hspace="10" vspace="0" alt="Ураева" title="Река Ураева"/>

</p>

<p style="font-size:24px" align="center"> Река Ураева </p>

 

<br>

 

<p align="center">

<img src="http://172.23.64.64/ftp/21/642138/Image/%D0%BA%D0%BE%D0%B7%D0%B8%D0%BD%D0%BA%D0%B0.jpg" width="40%" height="40%" hspace="10" vspace="0" alt="Козинка" title="Река Козинка"/>

</p>

<p style="font-size:24px" align="center"> Река Козинка </p>

 

 

</body>

 

</html>

Копия экрана, иллюстрирующая работу:

 

Первая картинка на главной страницу (Река формата GIF) является графической ссылкой на видео о реках Белгородской области.

Карта Белгородской области является навигационной картой, т.е. щёлкнув на какой-либо район (в данной работе активны только Белгород, Прохоровка, Грайворон и Валуйки), мы переходим на новую страницу, открывающуюся в новом окне.

Ниже идёт текстовая ссылка на песню, которая открывается в новом окне.

Далее идёт ссылка на переход на другой сайт. Также открывается в новом окне.

Перечень рек: Везёлка, Нежеголь, Лопань – являются текстовыми ссылками внутри одной страницы, они позволяют прокрутить страницу вниз на информацию о соответствующей реке.

При наведении на любую ссылку появляется подсказка.

 

Рис.1 Главная web-страница.

 

 

Рис.2 Web-страница песни

 

Рис.3 Web-страница другого сайта

 

Рис.4 Страница Грайворонского района

 

Рис.5 Страница Белгорода

 

Рис.6 Страница Белгорода

Рис.7 Страница Валуйки

 

Рис.8 Страница с видео

 

Московский государственный технический университет







Дата добавления: 2015-10-19; просмотров: 490. Нарушение авторских прав; Мы поможем в написании вашей работы!




Шрифт зодчего Шрифт зодчего состоит из прописных (заглавных), строчных букв и цифр...


Картограммы и картодиаграммы Картограммы и картодиаграммы применяются для изображения географической характеристики изучаемых явлений...


Практические расчеты на срез и смятие При изучении темы обратите внимание на основные расчетные предпосылки и условности расчета...


Функция спроса населения на данный товар Функция спроса населения на данный товар: Qd=7-Р. Функция предложения: Qs= -5+2Р,где...

Реформы П.А.Столыпина Сегодня уже никто не сомневается в том, что экономическая политика П...

Виды нарушений опорно-двигательного аппарата у детей В общеупотребительном значении нарушение опорно-двигательного аппарата (ОДА) идентифицируется с нарушениями двигательных функций и определенными органическими поражениями (дефектами)...

Особенности массовой коммуникации Развитие средств связи и информации привело к возникновению явления массовой коммуникации...

ФАКТОРЫ, ВЛИЯЮЩИЕ НА ИЗНОС ДЕТАЛЕЙ, И МЕТОДЫ СНИЖЕНИИ СКОРОСТИ ИЗНАШИВАНИЯ Кроме названных причин разрушений и износов, знание которых можно использовать в системе технического обслуживания и ремонта машин для повышения их долговечности, немаловажное значение имеют знания о причинах разрушения деталей в результате старения...

Различие эмпиризма и рационализма Родоначальником эмпиризма стал английский философ Ф. Бэкон. Основной тезис эмпиризма гласит: в разуме нет ничего такого...

Индекс гингивита (PMA) (Schour, Massler, 1948) Для оценки тяжести гингивита (а в последующем и ре­гистрации динамики процесса) используют папиллярно-маргинально-альвеолярный индекс (РМА)...

Studopedia.info - Студопедия - 2014-2025 год . (0.014 сек.) русская версия | украинская версия