Интерактивное пособие по истории «История России конца XVIII – XIX веков»
advertisement
V городская научно-исследовательская конференция учащихся и студентов
«Шаг в будущее»
Интерактивное пособие по истории
«История России конца XVIII – XIX веков»
Секция: математика и информационные технологии
Выполнили:
группа учащихся
10 физико-математического
класса в составе:
Колесников Игорь,
Матвиенко Яков,
Рассказов Александр
Научные руководители:
Данилюк Наталья Антоновна,
учитель
информатики
МОУ
Гимназия,
Зворыкина Светлана Александровна, учитель истории МОУ
Гимназия
Новый Уренгой, 2010 год
V городская научно-исследовательская конференция учащихся и студентов
«Шаг в будущее»
Оглавление:
1. Введение …………………………………………………………………………….. 3
2. Описание работы:
2.1. Требования к сайту……………………………………………………………
5
2.2. Структура сайта……………………………………………………………….
5
2.3. Используемый инструментарий……………………………………………..
6
2.4. Оценка эффективности сайта………………………………………………..
6
3. Заключение…………………………………………………………………………..
9
4. Рекомендации ……………………………………………………………………….
9
5. Список литературы………………………………………………………………….
10
6. Приложения:
6.1. Приложение 1. Требования к составу и параметрам технических 11
средств………………………………………………………………………..
6.2. Приложение 2. Требования к информационной и программной совме- 11
стимости
……………………………………………………………………….
11
6.3. Приложение 3. Листинг программного кода ……………………………….
2
V городская научно-исследовательская конференция учащихся и студентов
«Шаг в будущее»
Введение
Цифровые ресурсы - самые быстроразвивающиеся и самые востребованные носители
информации в истории человечества. Ни печатная продукция, ни тем более радио или телевидение не могут подавать информацию в таком удобном, презентабельном и убеждающем
виде, как это делает Web-сайт. Популярность Web-сайтов объясняется такими важными факторами как простота использования, доступность, эффективность представления информации, безопасность доступа. Помимо привлекательного дизайна и удобства использования,
главную роль играет информационное наполнение сайта.
Актуальность исследования:
Актуальность нашей работы обусловлена тем, что в настоящее время происходят изменения в самом языке современного образования. Российская школа все более активно использует мультимедийные средства обучения. А цифровые носители информации становятся
не менее, а может, и более важными, чем бумажные. Современное программное обеспечение
предлагает большой набор инструментов для создания Web-сайтов для любой категории
пользователей: от начинающих (не владеющих HTML) до опытных специалистов. Мы связываем свое будущее с IT-технологиями, поэтому нас заведомо не интересуют программы
для простых пользователей, мы хотим досконально изучить процесс создания живого, динамичного Web-документа на каждой стадии его развития: от разработки структуры проекта до
тестирования готового продукта.
Мы предлагаем интерактивный проект для изучения истории России конца XVIII –
XIX века на базовом уровне в X классе или на I концентре в 8-м классе. Продукт предназначен для организации самостоятельной работы учащихся на уроках или для подготовки домашнего задания.
Объект исследования:
Отдельные темы истории России конца XVIII – XIX вв. и средства сайтостроительства.
Предмет исследования:
•
Язык гипертекстовой разметки HTML;
•
Каскадные таблицы стилей CSS;
•
Фреймы;
•
Java скрипты.
3
V городская научно-исследовательская конференция учащихся и студентов
«Шаг в будущее»
Гипотеза:
Существует возможность, не используя, специальные программы-конструкторы, создать
динамический Web-документ.
Цель исследования:
Исследование законов сайтостроительства, особенностей языка гипертекстовой разметки HTML, каскадных таблиц стилей CSS, фреймов, скриптов, как одного из способов создания сайтов. По итогам исследования создать Web-сайт по отдельным темам истории России конца XVIII – XIX веков.
Задачи:
1. Изучить предметную область (история России конца XVIII – XIX веков);
2. Изучить программный инструментарий, применяемый для разработки и создания
Web-сайтов;
3. Ознакомиться с методами, способами, основными правилами и рекомендациями по
разработке и созданию Web-сайтов;
4. Определить структуру Web-сайта;
5. Выбрать стратегию разработки и создать Web-сайт.
Методы исследования:
1. Методы информационного моделирования.
2. Метод информатизации исторических данных.
3. Usability-методы (карточная сортировка, макетирование, фиксация мыслей вслух).
Новизна исследования:
Новизна разработки заключается в том, что сборник представляет собой электронный
интерактивный документ не в виде привычной для нас презентации, а в виде электронного
интерактивного пособия, отражающего достаточно большой период времени в развитии
нашей страны, снабженный иллюстрациями. Кроме того, в пособии предусмотрена возможность самопроверки с помощью интерактивного теста по всем описанным разделам.
Практическая значимость:
Используя наше пособие учителя истории, смогут осуществлять индивидуальный
подход к обучению, организовав самостоятельную работу учащихся, интересующихся историей. Учащимся работа будет полезна для самоподготовки.
4
V городская научно-исследовательская конференция учащихся и студентов
«Шаг в будущее»
Описание работы
Изучая раздел информатики Сайтостроительство и Web-дизайн мы решили проверить: можно ли создать динамический Web-документ, не используя, специальные программы-конструкторы такие как Adobe Dreamweaver, Web-Editor, W_1_.Web_Builder.6.1.1,
PWPM_3.12.
Изучая литературу мы пришли к выводу, что наш интерактивный продукт должен отвечать определенным требованиям.
Требования к сайту:
Сайт должен:
- соответствовать основной теме.
- обладать хорошей информационной базой по теме.
- обладать удобным навигационным меню.
- обладать хорошим дизайном в едином стиле.
Страницы должны автоматически подстраиваться под различные разрешения
экранов.
Пособие должно состоять из нескольких разделов истории России конца XVIII –
XIX вв., каждый из которых должны создаваться одним учеником.
Мы разработали структуру сайта:
Структура документа:
Главная страница сайта.
Глава I Царствование Павла I
Глава I Царствование Александра I
Глава III Отечественная война 1812 года;
Глава IV Война шестой коалиции;
Глава V Движение декабристов;
Глава V Кавказская война;
Глава VII Крестьянская реформа;
Глава VIII Общественное движение второй половины XIX века.
Глава IX Культура России второй половины XIX века.
5
V городская научно-исследовательская конференция учащихся и студентов
«Шаг в будущее»
Каждый раздел посвященный определенной главе состоит из страниц содержащих:
подробный исторический материал и иллюстрации, раздел Самое главное, Картинная галерея, раздел «Проверь себя» с интерактивным тестом для самопроверки.
Используемый инструментарий
Знаний информатики, которые школьники получают на базовом уровне, было недостаточно, поэтому мы глубже изучили Язык гипертекстовой разметки HTML (HyperText
Markup Language) в основу которого взята идея с помощью специальных ключевых слов
обозначать, каким образом браузер должен отображать текст, размеченный языком HTML.
Эти ключевые слова получили названия tag(тег).
Разрабатывая сайт, мы обнаружили, что оформить документ, состоящий из нескольких страниц, используя только теги, проблематично. Инструмент, подобный инструменту
стилей в MS Word, присутствует и Web-дизайне. Называется он таблица стилей CSS. С его
помощью легко решается не только вышеописанные проблемы, но и многие другие, например, расположение объектов в окне браузера. Мы не можем, используя стандартные средства
HTML, накладывать текст и рисунки друг на друга. А с помощью CSS можно сделать страницу многослойной. CSS (Cascading Style Sheets-каскадные таблицы стилей)-технология
описания внешнего вида документа написанного языком разметки. Преимущественно используется как средство как средство оформления Web-страниц и HTML.
Во время создания сайта, нам предстояло создать большое количество страниц, и на
каждой должна присутствовать неизменная часть – верхняя и (или) левая области, в которых
расположен логотип, баннер, названия страниц. Можно, конечно, каждый раз при создании
новой странички копировать нужную часть. Но потом, когда что-то нужно будет изменять в
странице, нам придется искать это в добром десятке файлов. В html есть средство, позволяющее разбить окно браузера на части и загружать в них отдельные документы. Их называют
фреймами.
Фреймы очень похожи на ячейки таблицы, только содержащаяся них информация
находится в отдельных файлах, более того, загружать файлы можно не во все фреймы, сразу,
а по отдельности, и по мере необходимости.
Стандартный язык HTML позволяет легко и быстро создавать простые и сложные
web-страницы. Каскадные таблицы стилей CSS позволяют отделять содержание сайта от его
оформления, добавили дизайнерских возможностей страничкам и сайтам.
6
V городская научно-исследовательская конференция учащихся и студентов
«Шаг в будущее»
При этом страницы, загружаемые в окно браузера, статичны - посетитель не может
повлиять на расположение или содержание отдельных блоков. Но в нашем динамичном мире
хотелось бы видеть хотелось бы видеть и живые web-страницы. Такую возможность можно
реализовать с помощью языка JavaScript.
JavaScript-скрипты (сценарии), составленные на языке JavaScript, позволяют реагировать на действия посетителя (щелкнул ли он кнопкой мыши, переместил ли указатель, открыл или закрыл документ. Используя JavaScript мы создавали, например, тест, картинную
галерею, и другие эффекты.
Оценка эффективности продукта
Еще на стадии разработки структуры сайта для определения пригодности и удобства
будущего продукта мы применили популярные Usability-методы исследования.
Карточная сортировка – это классификационный метод, при котором мы сортировали
различные элементы разрабатываемого веб-сайта по нескольким категориям.
Для проведения карточной сортировки создали список параметров: историческое содержание, навигация, тестирование, просмотр изображений и т.д. Каждый из указанных параметров выписывали на отдельной карточке. Каждый участник группы должен был сгруппировать параметры наиболее логичным, по его мнению, образом.
Полученную в результате карточной сортировки информацию мы использовали для
организации пользовательского интерфейса.
Для того, чтобы иметь возможность вовремя исправлять документ на любой стадии
его создания, мы использовали метод Макетирование, т.е. на бумаге создали модель будущего сайта с учетом всех компонент: дизайна, элементов управления и т.д.
Кроме этого, создав каждую страницу, мы тестировали качество всех компонентов с
помощью метода Фиксация мыслей вслух. Для этого, каждый участник группы просматривал готовую страницу и произносил все свои мысли в слух, а разработчик делал заметки на
бумаге. Затем все мысли зачитывались и обсуждались. В результате всех обсуждений мы получили интерактивный продукт, готовый к применению.
7
V городская научно-исследовательская конференция учащихся и студентов
«Шаг в будущее»
Заключение
Создавая проект, мы глубже познакомились с историей России конца XVIII – XIX вв.
и изучили и применили на практике средства сайтостроения выходящие за рамки школьного
курса информатики. И убедились в истинности нашей гипотезы: живой, динамичный сайт
можно создать, не прибегая к программам-конструкторам сайтов, Для создания такого сайта
достаточно владеть основами языка гипертекстовой разметки HTML, каскадных таблиц стилей CSS, фреймов, языка Java-скрипт.
Используя наше пособие учителя истории, смогут осуществлять индивидуальный
подход к обучению, организовав самостоятельную работу учащихся, интересующихся историей.
Рекомендации:
1. Предложить интерактивное пособие учителям истории для организации самостоятельной работы учащихся, интересующихся историей.
2. Предложить интерактивное пособие учащимся 10-х классов, обучающихся по мультипрофильной системе для самообразования.
3. Включить интерактивное пособие в состав школьной медиатеки.
8
V городская научно-исследовательская конференция учащихся и студентов
«Шаг в будущее»
Используемая литература и источники:
1. Анисимов Е.В. Россия в XVIII - первой половине XIX в.: История.
2. Березовая Л.Г. Практикум по истории русской культуры X - XX вв.
3. Геллер М.Я. История Российской империи
4. Гордин Я. А. Кавказ: земля и кровь. Россия в Кавказской войне XIX века. СПб.,
2000.
5. Гордин Я. А. Реформатор и Кавказ. Взгляд на сегодняшние российские проблемы
из XIX века / Первое сентября, М., № 22, 2002.
6. Дегоев В. В. Проблема Кавказской войны XIX века: Историографические итоги /
Сборник русского исторического общества. Т.2 (150): Россия и Северный Кавказ.
М., 2000.
7. Дуванов А.А. Web-конструирование. HTML. – СПб.: БХВ-Петербург, 2003.
8. Дьякова Н.А Границы России в XVII-XX вв.
9. Кавказская война: XIX век (неизвестные страницы) // Родина. - 1994. - № 3
10. Кириллов В.В. Курс истории России XVI - XX вв.
11. Ключевский В.О. Русская история. Полный курс лекций
12. Корнилов А.А. Курс истории России XIX в.
13. Медушевский А.Н. Россия в XIX в.
14. Отечественная война 1812 г. (неизвестные страницы) // Родина. - 1992. - №6 - 7.
15. Покровский Н. И. Кавказские войны и имамат Шамиля. М., 2000.
16. Потто В. А. «Кавказская война. От древнейших времен до Ермолова». Т.1
17. Татарникова Л.А., Ситникова О.В.Технология создания сайтов и основы Webдизайна: НОУ ВИРТ, Томск, 2009.
Цифровые образовательные ресурсы:
http://www.hronos.km.ru/
http://www.el.integrum.ru/
http://www.school.holm.ru/predmet/history/russia
http://www.history.ru/histr.htm
http://www.rusimper.narod.ru/about.html
http://www.dvadeka.pp.ru/
http://www.museum.ru/museum/1812/prj1812.html
http://www.decemb.hobby.ru/
9
V городская научно-исследовательская конференция учащихся и студентов
«Шаг в будущее»
Приложения
Приложение 1
Требования к составу и параметрам технических средств
Для нормальной работы интерактивного продукта необходимо:
Персональный компьютер с процессором Intel Pentium или AMD c частотой не
ниже 1GHz
Оперативная память не менее 16 Мb.
Жесткий диск объемом не менее 1 Gb.
Установленная ОС Windows XP\ Vista\ Windows 7.
Приложение 2
Требования к информационной и программной совместимости
Использовать пособие можно на любом персональном компьютере, оснащенном
программой Internet Explorer 6.0 и выше, желательно использовать Maxthon
Brouser.
Запуск из файла index.htm.
Для оптимальной работы рекомендуется разрешить разблокирование активного
содержимого.
Для корректной работы плавающего меню требуется включить полноэкранный
режим и обновить страницу клавишей “F5”.
Приложение 3
Листинги главной страницы
<html>
<head>
<title>История государства Российского</title>
<link rel=stylesheet type=text/css href=css/style.css>
<script src=js/cBeT.js></script>
<script src=js/kyrcop.js></script>
<script src=js/menu1.js></script>
</head>
<body>
<center>
<table width=100% CELLPADDING=0 CELLSPACING=0 height=100%>
10
V городская научно-исследовательская конференция учащихся и студентов
«Шаг в будущее»
<tr>
<td background="img/left.jpg" width=100%>
<center>
<table CELLPADDING=0 CELLSPACING=0>
<tr>
<td background="img/header-bg.jpg" width=621 height=245>
<br><br><br><br><br><br>
<center>
<h2 class="text">История Росии в XVIII-XIX века</h2>
</center>
</td>
</tr>
</table>
</center>
</td>
</tr>
<tr height=100% valign=top>
<td background="img/body-bg.jpg">
<center>
<table CELLPADDING=0 CELLSPACING=0>
<tr valign=top>
<td height=300 background="img/bg.jpg" width=621>
<center>
<table border=0 align="center">
<tr valign=top>
<td border=0 height="400" width="537" align="left" background="images/paper3.png">
<H2><center>Выберите тему:</center></H2>
<BR>
<ul>
<li><a id="Out0" class="Outline" style="cursor: hand; font-weight:bold" style="font-size:
20pt;">Царствование Павла I</a></li>
<div id=Out0details style="display:None">
<ul type="square">
<li><a href="naBel_I/BBedeHue/BBedeHue.htm"><img src=naBel_I/img/BBedeHue.gif border=0
style="filter:alpha(opacity=40)"
onMouseover="high(this)"
onMouseout="low(this)" width="82" height="23"c></a></li>
<li><a href="naBel_I/LuchHocTb/LuchHocTb.htm"><img src=naBel_I/img/ LuchHocTb.gif border=0 style="filter:alpha(opacity=40)"
onMouseover="high(this)"
onMouseout="low(this)" width="99" height="23"></a></li><br>
<li><a href="naBel_I/noluTuKa/noluTuKa-0.htm"><img src=naBel_I/img/noluTuKa.gif border=0
style="filter:alpha(opacity=40)"
onMouseover="high(this)"
onMouseout="low(this)" width="99" height="23"></a></li><br>
<li><a href="naBel_I/nepeBopoT/nepeBopoT.htm"><img src=naBel_I/img/nepeBopoT.gif border=0 style="filter:alpha(opacity=40)"
onMouseover="high(this)"
onMouseout="low(this)" width="255" height="23"></a></li><br>
11
V городская научно-исследовательская конференция учащихся и студентов
«Шаг в будущее»
<li><a href="naBel_I/Galepe9/Galepe9.htm"><img src=naBel_I/img/Galepe9.gif border=0
style="filter:alpha(opacity=40)"
onMouseover="high(this)"
onMouseout="low(this)" width="82" height="23"></a></li><br>
<li><a href="naBel_I/test/test.htm"><img src=naBel_I/img/test.gif border=0
style="filter:alpha(opacity=40)"
onMouseover="high(this)"
onMouseout="low(this)" width="125" height="23"></a></li>
</ul>
</div>
<LI><a id="Out1" class="Outline" style="cursor: hand; font-weight:bold" style="font-size:
20pt;">Царствование Александра I</a></li>
<ul type="square">
<div id=Out1details style="display:None">
<li><a href="Alexandr_I/BBedeHue/BBedeHue.htm"><img src=Alexandr_I/img/BBedeHue.gif
border=0 style="filter:alpha(opacity=40)"
onMouseover="high(this)"
onMouseout="low(this)" width="83" height="21"c></a></li><br>
<li><a href="Alexandr_I/detstvo/detstvo.htm"><img src=Alexandr_I/img/detstvo.gif border=0
style="filter:alpha(opacity=40)"
onMouseover="high(this)"
onMouseout="low(this)" width="317" height="24"></a></li><br>
<li><a href="Alexandr_I/prestol/prestol.htm"><img src=Alexandr_I/img/prestol.gif border=0
style="filter:alpha(opacity=40)"
onMouseover="high(this)"
onMouseout="low(this)" width="371" height="24"></a></li><br>
<li><a href="Alexandr_I/3tap/3tap.htm"><img src=Alexandr_I/img/3tap.gif border=0
style="filter:alpha(opacity=40)"
onMouseover="high(this)"
onMouseout="low(this)" width="370" height="24"></a></li><br>
<li><a href="Alexandr_I/politik/politik.htm"><img src=Alexandr_I/img/politik.gif border=0
style="filter:alpha(opacity=40)"
onMouseover="high(this)"
onMouseout="low(this)" width="438" height="24"></a></li><br>
<li><a href="Alexandr_I/poxod/poxod.htm"><img src=Alexandr_I/img/poxod.gif border=0
style="filter:alpha(opacity=40)"
onMouseover="high(this)"
onMouseout="low(this)" width="360" height="24"></a></li><br>
<li><a href="Alexandr_I/reform/reform.htm"><img src=Alexandr_I/img/reform.gif border=0
style="filter:alpha(opacity=40)"
onMouseover="high(this)"
onMouseout="low(this)" width="221" height="24"></a></li><br>
<li><a href="Alexandr_I/reakci9/reakci9.htm"><img src=Alexandr_I/img/reakci9.gif border=0
style="filter:alpha(opacity=40)"
onMouseover="high(this)"
onMouseout="low(this)" width="173" height="24"></a></li><br>
<li><a href="Alexandr_I/Galepe9/Galepe9.htm"><img src=Alexandr_I/img/Galepe9.gif border=0
style="filter:alpha(opacity=40)"
onMouseover="high(this)"
onMouseout="low(this)" width="77" height="21"></a></li><br>
12
V городская научно-исследовательская конференция учащихся и студентов
«Шаг в будущее»
<li><a href="Alexandr_I/test/test.htm"><img src=Alexandr_I/img/test.gif border=0
style="filter:alpha(opacity=40)"
onMouseover="high(this)"
onMouseout="low(this)" width="128" height="23"></a></li>
</ul>
</div>
<LI><a id="Out2" class="Outline" style="cursor: hand; font-weight:bold" style="font-size:
20pt;">Отечественная война 1812 года</a></li>
<div id=Out2details style="display:None">
<ul type="square">
<li><a href="OTechecTBeHHa9_BouHa/BBedeHue/BBedeHue.htm"><img src= OTechecTBeHHa9_BouHa/img/BBedeHue.gif border=0 style="filter:alpha(opacity=40)"
onMouseover="high(this)"
onMouseout="low(this)" width="159" height="21"c></a></li><br>
<li><a href="OTechecTBeHHa9_BouHa/HacTynleHue/HacTynleHue.htm"><img src= OTechecTBeHHa9_ BouHa/img/HacTynleHue.gif border=0 style="filter:alpha(opacity=40)"
onMouseover="high(this)"
onMouseout="low(this)" width="128" height="24"></a></li><br>
<li><a href="OTechecTBeHHa9_BouHa/OTcTynleHue/OTcTynleHue.htm"><img
src=OTechecTBeHHa9_BouHa/img/OTcTynleHue.gif border=0 style="filter:alpha(opacity=40)"
onMouseover="high(this)"
onMouseout="low(this)" width="128" height="21"></a></li><br>
<li><a href="OTechecTBeHHa9_BouHa/uTogu/uTogu.htm"><img src= OTechecTBeHHa9_BouHa /img/uTogu.gif border=0 style="filter:alpha(opacity=40)"
onMouseover="high(this)"
onMouseout="low(this)" width="128" height="21"></a></li><br>
<li><a href="OTechecTBeHHa9_BouHa/Galepe9/Galepe9.htm"><img src= OTechecTBeHHa9_BouHa/img/Galepe9.gif border=0 style="filter:alpha(opacity=40)"
onMouseover="high(this)"
onMouseout="low(this)" width="128" height="21"></a></li><br>
<li><a href="OTechecTBeHHa9_BouHa/test/test.htm"><img
src=OTechecTBeHHa9_BouHa/img/test.gif border=0 style="filter:alpha(opacity=40)"
onMouseover="high(this)"
onMouseout="low(this)" width="128" height="23"></a></li>
</ul>
</div>
<LI><a id="Out3" class="Outline" style="cursor: hand; font-weight:bold" style="font-size:
20pt;">Война Шестой коалиции</a></li>
<div id=Out3details style="display:None">
<ul type="square">
<li><a href="IIIecTa9_Koalucu9/BBedeHue/BBedeHue.htm"><img src= IIIecTa9_Koalucu9/img/BBedeHue.gif border=0 style="filter:alpha(opacity=40)"
onMouseover="high(this)"
onMouseout="low(this)" width="159" height="21"c></a></li><br>
<li><a href="IIIecTa9_Koalucu9/history/history.htm"><img src= IIIecTa9_Koalucu9/img/history.gif border=0 style="filter:alpha(opacity=40)"
onMouseover="high(this)"
onMouseout="low(this)" width="241" height="21"></a></li><br>
<li><a href="IIIecTa9_Koalucu9/1813/1813.htm"><img src=IIIecTa9_Koalucu9/img/1813.gif
border=0 style="filter:alpha(opacity=40)"
13
V городская научно-исследовательская конференция учащихся и студентов
«Шаг в будущее»
onMouseover="high(this)"
onMouseout="low(this)" width="368" height="21"></a></li><br>
<li><a href="IIIecTa9_Koalucu9/1814/1814.htm"><img src=IIIecTa9_Koalucu9/img/1814.gif
border=0 style="filter:alpha(opacity=40)"
onMouseover="high(this)"
onMouseout="low(this)" width="368" height="21"></a></li><br>
<li><a href="IIIecTa9_Koalucu9/front/front.htm"><img src=IIIecTa9_Koalucu9/img/front.gif border=0 style="filter:alpha(opacity=40)"
onMouseover="high(this)"
onMouseout="low(this)" width="425" height="21"></a></li>
<li><a href="IIIecTa9_Koalucu9/Galepe9/Galepe9.htm"><img src= IIIecTa9_Koalucu9/img/Galepe9.gif border=0 style="filter:alpha(opacity=40)"
onMouseover="high(this)"
onMouseout="low(this)" width="368" height="21"></a></li><br>
</ul>
</div>
<LI><a id="Out4" class="Outline" style="cursor: hand; font-weight:bold" style="font-size:
20pt;">Движение декабрисстов</a></li>
<div id=Out4details style="display:None">
<ul type="square">
<li><a href="DeKabpucTbI/BBedeHue/BBedeHue.htm"><img src= DeKabpucTbI/img/BBedeHue.gif border=0 style="filter:alpha(opacity=40)"
onMouseover="high(this)"
onMouseout="low(this)" width="82" height="23"c></a></li><br>
<li><a href="DeKabpucTbI/Uctoku/Uctoku.htm"><img src=DeKabpucTbI/img/Uctoku.gif border=0 style="filter:alpha(opacity=40)"
onMouseover="high(this)"
onMouseout="low(this)" width="74" height="23"></a></li><br>
<li><a href="DeKabpucTbI/ObshestBa/ObshestBa-0.htm"><img src=DeKabpucTbI/img/Ob.gif
border=0 style="filter:alpha(opacity=40)"
onMouseover="high(this)"
onMouseout="low(this)" width="91" height="23"></a></li><br>
<li><a href="DeKabpucTbI/Doc/Doc-0.htm"><img src=DeKabpucTbI/img/Doc.gif border=0
style="filter:alpha(opacity=40)"
onMouseover="high(this)"
onMouseout="low(this)" width="116" height="23"></a></li><br>
<li><a href="DeKabpucTbI/BocTanue/BocTanue.htm"><img src=DeKabpucTbI/img/Boc.gif border=0 style="filter:alpha(opacity=40)"
onMouseover="high(this)"
onMouseout="low(this)" width="94" height="23"></a></li><br>
<li><a href="DeKabpucTbI/sledstvie_&_syd/sledstvie_&_syd.htm"><img src= DeKabpucTbI/img/C&C.gif border=0 style="filter:alpha(opacity=40)"
onMouseover="high(this)"
onMouseout="low(this)" width="150" height="23"></a></li><br>
<li><a href="DeKabpucTbI/Galepe9/Galepe9.htm"><img src=DeKabpucTbI/img/Galepe9.gif border=0 style="filter:alpha(opacity=40)"
onMouseover="high(this)"
onMouseout="low(this)" width="82" height="23"></a></li><br>
<li><a href="DeKabpucTbI/test/test.htm"><img src=DeKabpucTbI/img/test.gif border=0
style="filter:alpha(opacity=40)"
14
V городская научно-исследовательская конференция учащихся и студентов
«Шаг в будущее»
onMouseover="high(this)"
onMouseout="low(this)" width="125" height="23"></a></li>
</ul>
</div>
<LI><a id="Out5" class="Outline" style="cursor: hand; font-weight:bold" style="font-size:
20pt;">Кавказская война 1817-1864 годы</a></li>
<div id=Out5details style="display:None">
<ul type="square">
<li><a href="KaBKazKa9_BouHa/BBedeHue/BBedeHue.htm"><img src= KaBKazKa9_BouHa/img/BBedeHue.gif border=0 style="filter:alpha(opacity=40)"
onMouseover="high(this)"
onMouseout="low(this)" width="159" height="21"c></a></li><br>
<li><a href="KaBKazKa9_BouHa/Komand/index.htm"><img src= KaBKazKa9_BouHa/img/Komand.gif border=0 style="filter:alpha(opacity=40)"
onMouseover="high(this)"
onMouseout="low(this)" width="133" height="23"></a></li><br>
<li><a href="KaBKazKa9_BouHa/Dopolnitel'no/index.htm"><img src= KaBKazKa9_BouHa/img/Dopolnitel'no.gif border=0 style="filter:alpha(opacity=40)"
onMouseover="high(this)"
onMouseout="low(this)" width="159" height="17"></a></li><br>
<li><a href="KaBKazKa9_BouHa/Galepe9/Galepe9.htm"><img src= KaBKazKa9_BouHa/img/Galepe9.gif border=0 style="filter:alpha(opacity=40)"
onMouseover="high(this)"
onMouseout="low(this)" width="82" height="23"></a></li><br>
<li><a href="KaBKazKa9_BouHa/test/test.htm"><img src=KaBKazKa9_BouHa/img/test.gif border=0 style="filter:alpha(opacity=40)"
onMouseover="high(this)"
onMouseout="low(this)" width="128" height="23"></a></li>
</ul>
</div>
<LI><a id="Out6" class="Outline" style="cursor: hand; font-weight:bold" style="font-size:
20pt;">Крестьянская реформа</a></li>
<div id=Out6details style="display:None">
<ul type="square">
<li><a href="KpecTb9HcKa9_pefopMa/BBedeHue/BBedeHue.htm"><img src= KpecTb9HcKa9
_pefopMa/img/BBedeHue.gif border=0 style="filter:alpha(opacity=40)"
onMouseover="high(this)"
onMouseout="low(this)" width="82" height="23"c></a></li><br>
<li><a href="KpecTb9HcKa9_pefopMa/nodgoToBKa/nodgoToBKa.htm"><img src=
KpecTb9HcKa9_pefopMa/img/nodgoToBKa.gif border=0 style="filter:alpha(opacity=40)"
onMouseover="high(this)"
onMouseout="low(this)" width="201" height="23"></a></li><br>
<li><a href="KpecTb9HcKa9_pefopMa/ObHapodoBaHue/ObHapodoBaHue.htm"><img
src=KpecTb9HcKa9_pefopMa/img/ObHapodoBaHue.gif border=0 style="filter:alpha(opacity=40)"
onMouseover="high(this)"
onMouseout="low(this)" width="142" height="23"></a></li><br>
<li><a href="KpecTb9HcKa9_pefopMa/OcBobo}I{deHue/OcBobo}I{deHue.htm"><img
src=KpecTb9HcKa9_pefopMa/img/OcBobo}I{deHue.gif border=0 style="filter:alpha(opacity=40)"
onMouseover="high(this)"
onMouseout="low(this)" width="213" height="23"></a></li><br>
15
V городская научно-исследовательская конференция учащихся и студентов
«Шаг в будущее»
<li><a href="KpecTb9HcKa9_pefopMa/after/after.htm"><img src= KpecTb9HcKa9_ pefopMa/img/after.gif border=0 style="filter:alpha(opacity=40)"
onMouseover="high(this)"
onMouseout="low(this)" width="366" height="23"></a></li><br>
<li><a href="KpecTb9HcKa9_pefopMa/Galepe9/Galepe9.htm"><img src= KpecTb9HcKa9
_pefopMa/img/Galepe9.gif border=0 style="filter:alpha(opacity=40)"
onMouseover="high(this)"
onMouseout="low(this)" width="82" height="23"></a></li><br>
<li><a href="KpecTb9HcKa9_pefopMa/test/test.htm"><img src=KpecTb9HcKa9_ pefopMa/img/test.gif border=0 style="filter:alpha(opacity=40)"
onMouseover="high(this)"
onMuseout="low(this)" width="125" height="23"></a></li>
</ul>
</div>
<LI><a id="Out7" class="Outline" style="cursor: hand; font-weight:bold" style="font-size:
20pt;">Общественное движение второй половины XIX века</a></li>
<div id=Out7details style="display:None">
<ul type="square">
<li><a href="DBu}I{eHu9/BBedeHue/BBedeHue.htm"><img src=DBu}I{eHu9/img/
BBedeHue.gif border=0 style="filter:alpha(opacity=40)"
onMouseover="high(this)"
onMouseout="low(this)" width="159" height="21"c></a></li><br>
<li><a href="DBu}I{eHu9/KoHcepBaTopbI/KoHcepBaTopbI.htm"><img src=DBu}I{eHu9/img/
kons.gif border=0 style="filter:alpha(opacity=40)"
onMouseover="high(this)"
onMouseout="low(this)" width="310" height="23"></a></li><br>
<li><a href="DBu}I{eHu9/JIubepaJIbI/JIubepaJIbI.htm"><img src=DBu}I{eHu9/img/liber.gif
border=0 style="filter:alpha(opacity=40)"
onMouseover="high(this)"
onMouseout="low(this)" width="310" height="23"></a></li><br>
<li><a href="DBu}I{eHu9/padukaJIbI/padukaJIbI.htm"><img src=DBu}I{eHu9/img/radikal.gif
border=0 style="filter:alpha(opacity=40)"
onMouseover="high(this)"
onMouseout="low(this)" width="310" height="23"></a></li><br>
<li><a href="DBu}I{eHu9/Galepe9/Galepe9.htm"><img src=DBu}I{eHu9/img/Galepe9.gif border=0 style="filter:alpha(opacity=40)"
onMouseover="high(this)"
onMouseout="low(this)" width="128" height="21"></a></li><br>
<li><a href="DBu}I{eHu9/test/test.htm"><img src=DBu}I{eHu9/img/test.gif border=0
style="filter:alpha(opacity=40)"
onMouseover="high(this)"
onMouseout="low(this)" width="128" height="23"></a></li>
</ul>
</div>
<LI><a id="Out8" class="Outline" style="cursor: hand; font-weight:bold" style="font-size:
20pt;">Культура России во второй половине XIX века</a></li>
<div id=Out8details style="display:None">
<ul type="square">
<li><a href="KylTypa_XIX/BBedeHue/BBedeHue.htm"><img src=KylTypa_XIX/img
/BBedeHue.gif border=0 style="filter:alpha(opacity=40)"
16
V городская научно-исследовательская конференция учащихся и студентов
«Шаг в будущее»
onMouseover="high(this)"
onMouseout="low(this)" width="82" height="23"c></a></li><br>
<li><a href="KylTypa_XIX/biografii/biografii.htm"><img src=KylTypa_XIX/img/biografii.gif
border=0 style="filter:alpha(opacity=40)"
onMouseover="high(this)"
onMouseout="low(this)" width="184" height="23"></a></li><br>
<li><a href="KylTypa_XIX/nauka/nauka.htm"><img src=KylTypa_XIX/img/nauka.gif border=0
style="filter:alpha(opacity=40)"
onMouseover="high(this)"
onMouseout="low(this)" width="275" height="23"></a></li><br>
<li><a href="KylTypa_XIX/architektura/architektura.htm"><img src=KylTypa_XIX/
img/architektura.gif border=0 style="filter:alpha(opacity=40)"
onMouseover="high(this)"
onMouseout="low(this)" width="128" height="23"></a></li><br>
<li><a href="KylTypa_XIX/skulptura/skulptura.htm"><img src=KylTypa_XIX/img/skulptura.gif
border=0 style="filter:alpha(opacity=40)"
onMouseover="high(this)"
onMouseout="low(this)" width="113" height="23"></a></li><br>
<li><a href="KylTypa_XIX/zhivopis/zhivopis.htm"><img src=KylTypa_XIX/img/zhivopis.gif
border=0 style="filter:alpha(opacity=40)"
onMouseover="high(this)"
onMouseout="low(this)" width="94" height="23"></a></li><br>
<li><a href="KylTypa_XIX/teatr/teatr.htm"><img src=KylTypa_XIX/img/teatr.gif border=0
style="filter:alpha(opacity=40)"
onMouseover="high(this)"
onMouseout="low(this)" width="71" height="23"></a></li><br>
<li><a href="KylTypa_XIX/muzyka/muzyka.htm"><img src=KylTypa_XIX/img/muzyka.gif border=0 style="filter:alpha(opacity=40)"
onMouseover="high(this)"
onMouseout="low(this)" width="77" height="23"></a></li><br>
<li><a href="KylTypa_XIX/Galepe9/Galepe9.htm"><img src=KylTypa_XIX/img/Galepe9.gif
border=0 style="filter:alpha(opacity=40)"
onMouseover="high(this)"
onMouseout="low(this)" width="82" height="23"></a></li><br>
<li><a href="KylTypa_XIX/test/test.htm"><img src=KylTypa_XIX/img/test.gif border=0
style="filter:alpha(opacity=40)"
onMouseover="high(this)"
onMouseout="low(this)" width="125" height="23"></a></li>
</ul>
</div>
</td>
</td>
</table>
</center>
</td>
</tr>
<tr>
<td background="img/bottom.jpg" height=26>
</td>
</tr>
17
V городская научно-исследовательская конференция учащихся и студентов
«Шаг в будущее»
</table>
</center>
</td>
</tr>
</table>
</center>
</body>
</html>
18
