Студопедия — Московский государственный технический университет
Студопедия Главная Случайная страница Обратная связь

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

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






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

Главная:

 

<!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; просмотров: 471. Нарушение авторских прав; Мы поможем в написании вашей работы!



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

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

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

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

Методика исследования периферических лимфатических узлов. Исследование периферических лимфатических узлов производится с помощью осмотра и пальпации...

Роль органов чувств в ориентировке слепых Процесс ориентации протекает на основе совместной, интегративной деятельности сохранных анализаторов, каждый из которых при определенных объективных условиях может выступать как ведущий...

Лечебно-охранительный режим, его элементы и значение.   Терапевтическое воздействие на пациента подразумевает не только использование всех видов лечения, но и применение лечебно-охранительного режима – соблюдение условий поведения, способствующих выздоровлению...

Методы прогнозирования национальной экономики, их особенности, классификация В настоящее время по оценке специалистов насчитывается свыше 150 различных методов прогнозирования, но на практике, в качестве основных используется около 20 методов...

Методы анализа финансово-хозяйственной деятельности предприятия   Содержанием анализа финансово-хозяйственной деятельности предприятия является глубокое и всестороннее изучение экономической информации о функционировании анализируемого субъекта хозяйствования с целью принятия оптимальных управленческих...

Образование соседних чисел Фрагмент: Программная задача: показать образование числа 4 и числа 3 друг из друга...

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