Создание электронного справочника 'Поляки на территории Южного Прибайкалья'
Содержание
Введение
Глава
1. Анализ и описание предметной области
.1
Основные понятия справочников и их классификация
1.2 Анализ имеющихся электронных ресурсов
Глава
2. Создание электронного справочника «Поляки на территории Южного Прибайкалья»
.1
Выбор и обоснование средств разработки
2.2 Структура электронного справочника
.3 Разработка и наполнение справочника
Заключение
Список
использованной литературы
Приложение
Введение
Актуальность создания данного справочника состоит в том, что на данный
момент нет полного и точного электронного источника информации по переселенным
полякам и их деятельности во время ссылки в XIX веке.
Объектом исследования являются поляки, проживавшие на территории южного
Прибайкалья, а также их влияние на социальную жизнь в регионе и их вклад в
развитие науки и искусства, а также знаковые события во время их проживания в
регионе.
Предметом исследования являются электронные справочники.
Целью работы является разработка электронного справочника по теме «Поляки
на территории южного Прибайкалья».
Для выполнения курсового проекта были поставлены следующие задачи:
. Обосновать необходимость разработки справочника;
. Проанализировать содержание справочников, для выявления общих
правил составления;
. Познакомится с основными теоретическими понятиями разработки
электронных справочников;
Практическая значимость курсовой работы заключается в том, что
разработанный справочник можно использовать для получения интересующей
информации по теме «Поляки на территории южного Прибайкалья», ознакомиться с
деятельностью ссыльных поляков, их научную и культурную деятельность.
Курсовая работа состоит из введения, двух глав, заключения, списка использованной литературы и приложения.
Во введении даётся обоснование актуальности разработки справочника,
определяются объект, предмет и цели курсовой работы. Производится постановка
задач и даётся краткое описание курсовой работы.
В первой главе дается анализ предметной области:
) Рассмотрено понятие справочник, как информационной единицы;
) Проводится анализ доступной информации по выбранной тематике;
) Анализируются другие электронные справочники;
Во второй главе дается описание создания
электронного справочника «Поляки на территории Южного Прибайкалья»:
) Теоретическое обоснование выбора и средств разработки электронного
справочника;
) Разрабатывается структура будущего электронного справочника;
) Проводится разработка элементов сайта "Поляки южного Прибайкалья": его структура,
дизайн, используемая на сайте навигация;
) Наполнение полученными данными электронного справочника «Поляки
на территории южного Прибайкалья»;
В заключении подводится итог всей проделанной работы: какие задачи были
реализованы, достигнута ли поставленная цель.
Глава 1. Анализ и описание предметной области
.1 Основные понятия справочников и их классификация
На сегодняшний день очень много различных по тематике видов электронных
ресурсов и исчерпывающую характеристику всем им дать достаточно сложно.
Электронные энциклопедии - эти издания достаточно многочисленны, они
могут быть отраслевыми, универсальными, специальными. Все энциклопедии
представляют собой мультимедийные гипертекстовые издания.
Биографические электронные справочники - могут, как и печатные, быть
универсальными, персональными и комплексными. Справочники чаще всего бывают
мультимедийные с гиперсвязями и позволяют собрать и предложить пользователям
весь материал о лице или коллективе. Как и для энциклопедий, важной оценкой
качества библиографических справочников является участие в авторском составе
авторитетных издателей и надежность базового материала.
Мультимедийные обучающие программы и учебники - вероятно, за исключением
игр, эта группа изданий на электронных носителях наиболее многочисленна.
Мультимедийный учебник как комплексное издание нацелен на то, чтобы образное
восприятие в сочетании с компьютерными возможностями позволило повысить
эффективность получаемой информации. Для этого во многих из них предоставлены
дополнительные возможности - ведение записей, составление рабочих конспектов,
тесты на самопроверку и т. д. Есть даже учебные пособия, все лекции в которых
озвучены, что позволяет снизить напряжение глаз или использовать их людям с
ослабленным зрением или незрячим.
Библиографические указатели - представлены очень ограниченным количеством
названий, выходящих в России, и огромным массивом зарубежных баз данных. Если
два предыдущих вида изданий на электронных носителях можно было отнести к
электронным книгам, то библиографические базы могут быть как книгами (как
правило, это национальные библиографии за большой хронологический период или
каталоги крупных книгоиздательских фирм), так и продолжающимися или
периодическими изданиями.
В последнем случае речь идет не о получении каждый месяц обновления
программы, а о поступлении ежемесячной (еженедельной, двухнедельной,
квартальной и др.), кумуляции.
Полнотекстовые издания - в принципе могут представлять что угодно:
многоязычную Библию, комплект журнала или газеты (часто за большой
хронологический период) и т. д. На отечественном рынке уже существует большое
количество собраний сочинений отечественных и зарубежных писателей,
представляющих собой отсканированный печатный вариант без какой-либо системы
поиска.
Справочники - отличаются большим разнообразием - от справочника по
современному вооружению до каталога автомобилей.
Такая группа справочной литературы как справочники
отличается особым разнообразием по целевому и читательскому назначению, а также
по структуре и объему. Благодаря тому, что в справочниках содержатся краткие
сведения производственного, научного либо прикладного характера, справочники
необычайно удобны в работе.
Под справочником принято понимать справочное издание,
которое носит прикладной, практический характер. Такое издание отличает
систематизированная структура либо построение заглавных статей по алфавиту.
Исходя из целевого назначения справочники подразделяют
на массово-политические, научные, учебные, производственно-практические,
бытовые и популярные.
Специалистам и студентам конкретных специальностей
особенно пригодятся научные справочники, посвященные определенным темам. Для
таких справочников характерной особенностью является не только обширный объем
статей, но также наличие списков литературы и предметного указателя.
Меньшим объемом характеризуются справочники
производственные, к примеру, «Справочник программиста», «Справочник
бухгалтера».
Списки литературы в них не предусмотрены.
Все желающие могут воспользоваться справочными
изданиями, которые своим появлением обязаны всевозможным преобразованиям в
экономике, политике, в сфере права - «Справочник адвоката», «Справочник по
кадровому делопроизводству», «Справочник финансиста предприятия» и т.п.
Существует множество классификаций такой научной
литературы, как справочники, вот некоторые из них:
1. По целевому назначению
• Научные
• Производственно-практические
• Массово-политические
• Учебные
• Популярные
• Бытовые
. По читательскому назначению
• Для специалистов (научных и практических работников определенной
сферы)
• Для широких кругов читателей
• Для детей и подростков
. для детей старшего дошкольного возраста от 4 до 6 лет
. для детей младшего школьного возраста от 7 до 10 лет
. для детей среднего школьного возраста от 11 до 14 лет
. для детей старшего школьного возраста (подростков, в том числе
абитуриентов) от 15 до 17 лет
. По характеру информации:
• Статистические
• Каталоги
• Справочные таблицы
• Определители
• Биографические
• Путеводители
• Календари
• Календари знаменательных дат
• Справочники-хронографы
• Адресно-телефонные книги
. По структуре основного текста,
• Алфавитные
• Систематические
• Номерные
• Хронологические
. По составу основного текста
• Комплексные
• Специализированные
. По объему (полноте информации)
• Полные (большие)
• Краткие (малые)
. По способу организации текста
• Однотомные
• Многотомные энциклопедии
. По форме представления
• Традиционные (книжные, бумажные)
• Электронные (машиночитаемые)
По одному из определений: «Электронный справочник - это обучающая
программа комплексного назначения, обеспечивающая непрерывность и полноту
дидактического процесса обучения, предоставляющая теоретический материал,
обеспечивающая тренировочную учебную деятельность и контроль уровня знаний, а
также информационно-поисковую функцию». Электронный справочник - в отличие от
"бумажного", является инструментом обучения и познания, его структура
и содержание зависит от целей его использования. Он и репетитор, тренажер и
самоучитель.
Достоинствами электронного справочника, являются:
во-первых, их мобильность;
во-вторых, доступность связи с развитием компьютерных сетей;
в-третьих, адекватность уровню развития современных научных знаний.
С другой стороны, создание электронных справочников способствует также
решению и такой проблемы, как постоянное обновление информационного материала.
Кроме того, при помощи электронных справочников осуществляется контроль знаний
- компьютерное тестирование, поиск по материалу. Практика использования
электронных справочников показала, что изложенный материал усваивается лучше.
Разработка электронного справочника по теме «Поляки на территории Южного
Прибайкалья», начиналась с изучения структуры электронных справочников, формы
подачи материалов.
На основании анализа были разработаны требования к будущему программному
продукту:
Формы представления информации;
Необходимых функций;
Желательный интерфейс;
.2 Анализ имеющихся электронных ресурсов
электронный
справочник наполнение разработка
Для
сравнительного анализа по данной теме было выбрано два on-line электронных
справочника- это ИркипедияРУ[5], Энциклопедия Сибири[3] и Польского клуба
«Полония».
Начнём с
Энциклопедии Сибири[3]. Дизайн сайта очень прост, нет никаких кричащих цветов,
просто белый фон и черный текст приятного шрифта. Единственными выделенными
участками являются:
А) Алфавитный указатель материалов на сайте;
Б) Ссылка на мультимедийный материал сайта;
Принимая в расчёт не загруженность сайта графическим дизайном, следует
отметить, что он обладает большим количеством полезной информации, включая
биографии некоторых наиболее известных ссыльных поляков второй половины XIX века.
Информация о значимых событиях для региона является чуть ли не
исчерпывающей. Была проведена колоссальная работа, направленная на переработку
литературных источников в цифровое пространство.
Справочник обладает верхней компоновкой страницы, то есть-заголовок, меню
навигации, баннеры и текст расположены в одном столбце.
Это одна из самых распространённых компоновок подобных ресурсов,
обеспечивающая удобство для пользователя.
Теперь разберём ИркипедияРУ[5]. Иркипедия представляет из себя не только
справочник, но и новостной источник о недавних событиях в регионе. По этой
причине, дизайн, если сравнивать с Энциклопедией Сибири, более живой и
бросающийся в глаза. Из-за того, что сайт является не только справочным, он
должен привлекать посетителя, должен заставлять его подольше остаться на
странице и завлекать его интересными материалами.
На главной странице этого электронного ресурса помимо меню навигации,
алфавитного указателя и ссылки на медиатеку, также присутствуют:
А) интерактивная карта региона, показывающая количество статей о
конкретной местности;
Б) новостное поле, в котором отображаются новые новостные статьи;
В) два поля о изменениях в структуре и информационной наполняемости
справочника;
Г) блок с миниатюрными изображениями местности;
Сайт обладает комбинированной компоновкой web-страницы. Над заголовком отображается горизонтальное
меню навигации, а в левом поле страницы меню, снабжённое пояснениями и
графическими значками, для более понятной навигации по ресурсу. Данная
компоновка ресурса считается наиболее удобной, хотя и немного громоздкой.
В конце, разберём сайт польского клуба «Полония». Данный ресурс
представляет из себя информационный форум на тему польской истории, польского
языка и сообщества поляков в других странах.
Сайт обладает левосторонней компоновкой страницы. Дизайн очень прост.
Основная гамма состоит из трёх цветов: красного, белого и синего. Сочетание
красного с белым цветов является отсылкой на национальный флаг Польши, а синим
подсвечиваются информация на других языках (в данном случае, на русском), а
также ссылки на сторонние ресурсы.
Если рассматривать сайт со стороны источника исторической информации, то
он проигрывает вышеописанным ресурсам. Однако он является наиболее полным
источником современной информации о жизни польского народа в других странах. На
сайте организована обратная связь с посетителями и участниками.
Было решено провести сравнение по следующим критериям:
. Дизайн;
. Наполняемость ресурса полезной информацией;
. Компоновка web-страницы;
. Дополнительный виджеты на странице;
. Дружелюбность интерфейса;
. Поиск на ресурсе;
На основании проведённого анализа можно сделать вывод о необходимости
расположения меню в справочнике, о наиболее удобной компоновке web-страницы, и о правилах размещения
контента. Для будущего справочника был выбран дизайн, схожий с Польским клубом
«Полония». Оформление данного информационного ресурса было признано наиболее
подходящим для осуществления поставленных задач.
Таблица 1. Сравнение электронных ресурсов
|
Критерии
|
ИркипедияРУ
|
Энциклопедия Сибири
|
Польский клуб «Полония»
|
|
Дизайн
|
Бросается в глаза
|
Спокойные тона
|
Простой, неброский
|
|
Наполняемость
|
Информация как историческая, так и современная
|
Только историческая информация
|
Преимущественно современная информация
|
|
Компоновка
|
Верхняя
|
Комбинированная
|
Левосторонняя
|
|
Дополнительные виджеты
|
Карта, миниатюрные изображения файлов галереи, погодные
виджеты
|
Отсутствуют
|
Погодные виджеты для разных городов Европы и России
|
|
Дружелюбность интерфейса
|
Несколько видов меню: горизонтальное меню- карта сайта,
вертикальное меню- навигация по материалам ресурса
|
Легко найти меню, удобная навигация
|
Навигация не удобная, меня не оптимизировано
|
|
Поиск
|
Есть
|
Есть
|
Есть
|
Глава 2.
Создание электронного справочника «Поляки на территории Южного Прибайкалья»
.1 Выбор и обоснование средств разработки
На сегодняшний день большинство текстовой информации с которой работает
человек хранится в цифровом формате - в формате электронного документа.
Разработан целый спектр программных продуктов, позволяющих быстро и
удобно получать доступ к их содержимому, но стремительное развитие технологии
постоянно увеличивает количество информации с которой оперирует человек и
требует её чёткой организации. Общепринятыми методами по улучшению восприятия
текста человеком, являются методы его разделения на логические единицы и
акцентирование в нем ключевой информации.
Обобщённо, улучшенное и более удобное представление цифровых документов в
таком виде обычно называют: обучающие программы или электронные справочники.
Создание электронных справочников можно разделить на следующие этапы:
. Сбор и подготовка исходного материала. В качестве основы может
выступать любой тип представления знаний: документ, книга, пособие, реферат и
т.д.;
. Подготовка содержания справочника;
. Доработка и изменение имеющейся информации.
Итоговый результат первого этапа полностью зависит от качества работы
специалиста, но существует ряд средств, призванных упростить создание
электронных учебников.
Это такие средства как: текстовые процессоры, системы распознавания
образов, специализированные математические системы, графические редакторы и это
далеко не полный список программного обеспечения, используемого при подготовке
исходных данных.
В целом, по направлению - обучающие программы, отрасль располагает
значительными наработками, имеет большую историю и устоявшиеся методики.
Недостаточно или слабо автоматизированы второй и третий этапы.
До сегодняшнего дня не существовало средств создания электронных
учебников с высокой степенью автоматизации и приемлемым качеством генерируемого
материала.
Все программы создания электронных справочников можно разделить на две
категории:
. Полностью ручная обработка данных;
. Системы с фиксированной логикой.
Основная работа по подготовке данных для загрузки в обучающие программы
ложиться на человека и имеющиеся средства работы с документами показывают свою
низкую эффективность.
Существует множество способов разработки электронных справочников,
начиная с Delphi, для разработки off-line приложений, и заканчивая созданием web-приложений, чтобы у пользователей
была возможность работать со справочником из любого места и в любое время. Мною
было выбрана разработка в среде HTML
(Hyper Text Markup Language, Язык Разметки Гипертекста) и CSS(Cascading Style Sheets, Каскадные
таблицы стилей).
Документ, написанный на HTML, представляет собой текстовый файл, который
содержит собственно текст, несущий информацию читателю, и флаги разметки.
Последние представляют собой определенные последовательности символов, которые
являются инструкциями для программы просмотра; в соответствии с этими
инструкциями программа располагает текст на экране, включает в него рисунки,
которые сохраняются в отдельных графических файлах, и формирует гиперсвязи с
другими документами или ресурсами Internet. Таким образом, файл на языке HTML
приобретает вид WWW-документа только тогда, когда он интерпретируется
программой просмотра.
Поскольку HTML-документы записываются в ASCII-формате, то для ее создания
может использован любой текстовый редактор.
Обычно HTML-документ - это файл с расширением «.html» или «.htm», в
котором текст размечен HTML-тегами. Средствами HTML задаются синтаксис и
размещение тегов, в соответствии с которыми браузер отображает содержимое Web-документа. Текст самих тегов Web-браузером не отображается.
Все теги начинаются символом '<' и заканчиваются символом '>'.
Обычно имеется пара тегов - стартовый (открывающий) и завершающий (закрывающий)
тег, между которыми помещается размечаемая информация:
<p> HTML - стандартный язык разметки гипертекстовых
документов</p>
Здесь стартовым тегом является тег <P>, а завершающим - </P>.
Завершающий тег отличатся от стартового лишь тем, что у него перед текстом в
скобках <> стоит символ '/' (слэш).
Браузер, читающий HTML-документ, отображает его в окне, используя
структуру HTML-тегов. В каждом HTML-документе должны присутствовать три главных
части:
Объявление HTML
Заголовок
Тело документа
Рассмотрим каждый из пунктов в отдельности:
Объявление HTML
<HTML> и </HTML>. Пара этих тегов сообщает программе
просмотра (браузеру), что между ними заключен документ в формате HTML, причем
первым тегом в документе должен быть тег <HTML> (в самом начале
документа), а последним - </HTML> (в самом конце документа).
<HTML>
…
</HTML>
Заголовок
<HEAD> и </HEAD>. Между этими тегами располагается информация
о документе (название, ключевые слова для поиска, описание и т.д.). Однако
наиболее важным является название документа, которое мы видим в верхней строке
окна браузера и в списках "Избранное". Для того чтобы дать название
своему HTML-документу текст помещается между тегами <TITLE> и
</TITLE>.
<HTML> <HEAD> <TITLE>Поляки южного Прибайкалья</TITLE> </HEAD>
</HTML>
Тело документа
Третьей главной частью документа является его тело. Оно следует сразу за
заголовком и находится между тегами <BODY> и </BODY>. Первый из них
должен стоять сразу после тега </HEAD>, а второй - перед тегом
</HTML>. Тело HTML-документа - это место, куда автор помещает информацию,
отформатированную средствами HTML.
<HTML> <HEAD> <TITLE> Поляки южного Прибайкалья </TITLE> </HEAD>
<BODY> ...
</BODY> </HTML>
Из всего вышесказанного, можем написать код HTML странички:
<HTML> <HEAD> <TITLE>Поляки южного Прибайкалья</TITLE> </HEAD> <BODY>
Содержание моих станиц </BODY>
</HTML>
Вообще тегов существует очень много и каждый из них выполняет
определенные функции в создании HTML страницы.
Каскадные таблицы стилей CSS
Предположим, вам нужно изменить цвет текста в HTML-сайте с черного на
синий, для этого вам придется менять цвет фона на каждой страницы вашего сайта,
но есть более простое решение этой проблемы. Можно воспользоваться каскадными
таблицами стилей или по-другому - CSS (Cascading Style Sheets).были революцией,
потрясшей WWW. Если до этого Web-дизайнер не знал, как будет выглядеть его
творение в разных программах Web-обозревателей, то теперь он может
контролировать все: от начертания шрифта до положения картинки на странице.
Итак, CSS используется создателями Web-страниц для задания цвета,
шрифтов, расположения и других аспектов представления документа. Основной целью
разработки CSS являлось разделение содержимого (написанного на HTML или другом
языке разметки) и представления документа (написанного на CSS).html
используется для структурирования содержимого страницы, а CSS- для
форматирования, этого структурированного содержимого.
Кроме того, CSS позволяет представлять один и тот же документ в различных
стилях или методах вывода, таких как экранное представление, печать, чтение
голосом (специальным голосовым браузером или программой чтения с экрана).при
отображении страницы может быть взята из различных источников:
Авторские стили (информация стилей, предоставляемая автором страницы) в
виде:
. Внешних таблиц стилей, то есть отдельного файла. css, на который
делается ссылка в документе.
. Встроенных стилей - блоков CSS, внутри самого HTML-документа.
. Inline-стилей, когда в HTML-документе информация стиля для одного
элемента указывается в его атрибуте style.
Пользовательские стили: локальный CSS-файл, указанный пользователем в
настройках браузера, переопределяющий авторские стили, и применяемый ко всем
документам.
Стиль браузера: стандартный стиль, используемый браузером по умолчанию
для представления элементов.
Другими словами, вы можете сохранить описание стиля не в тексте вашей
странички, а в отдельном файле - это позволит использовать описание стиля на
любом количестве Web-страниц.
Описания стилей находятся в тегах <STYLE></STYLE> и размешаются между тегами <HEAD></HEAD>.
Если Вы располагаете стили в отдельном файле, тогда между тегами
<HEAD></HEAD> каждого HTML документа нужно добавить ссылку на CSS
файл:
<LINK REL=STYLESHEET TYPE="text/css"
HREF="default. css">. css - это Ваш CSS файл, содержащий описание применяемых
стилей. Если он находиться в другом каталоге, нужно указать к нему путь.
Создается CSS файл в любом текстовом редакторе, например, в Блокноте, нужно
будет только изменить расширение текстового файла на CSS.
Применение JavaScript- это
язык для составления сценариев, позволяющих выполнять разные действия
непосредственно на машине пользователя. Располагаются данные сценарии внутри
HTML документов. JavaScript применяется для проверки правильности заполнения
форм, создания удобной навигации.
Каждая вставка сценария JavaScript в HTML-документ начинается открывающим
тегом <SCRIPT> и завершается закрывающим </SCRIPT>. Открывающий тег
<SCRIPT> может иметь необязательный атрибут LANGUAGE равным JavaScript. В
связи с появлением еще одного скриптового языка VBScript рекомендуется
использовать этот атрибут. Кроме того, обратите внимание на использование тегов
комментария <! - и // -->. Если страница, содержащая сценарий, будет
загружена в Обозреватель не поддерживающий языки сценариев, строки программы,
засоряя экран, будут выведены как обычный текст. Если же использовать тег
комментария, то такой браузер пропустит текст программы, воспринимая его как
комментарий. Двойная косая черта перед закрывающим текст скприпта тегом
комментария гарантирует, что тег не будет воспринят Обозревателем как оператор
JavaScript:
<SCRIPT LANGUAGE="JavaScript"> <! - alert
("Спасибо!!!!") // -->
</SCRIPT>
Результатом выполнения этого скрипта будет вывод на экран сообщения:
Спасибо!!![4]
Сейчас существует множество платформ для графического создания web-страниц, таких как Ucoz.net, wix.com, joomla.com и
т.д., для выполнения курсовой работы было решено отказаться от возможностей,
которые предоставляют данные сервисы и создавать оболочку для справочника в
программе Notepad++, для плотного знакомства с
возможностями HTML,CSS и JavaScript.
.2 Структура электронного справочника
Информационная структура сайта представлена следующими страницами:
· Главная;
· Персоналии;
· Восстание 1866 года;
· Галерея;
· Ресурсы;
Существуют следующие навигационные структуры веб-сайтов:
· линейная (страницы веб-документа следуют строго одна за
другой, имеется возможность возврата на один уровень назад);
· нелинейная (существует возможность перехода от страницы к
странице независимо от иерархии);
· иерархическая (существует заглавная страница, возможность
перехода по дереву ссылок, выделяются основные разделы);
· комбинированная (создана на основе иерархической и
присутствуют элементы линейной)
В соответствии с перечнем обязательных страниц для веб-сайта наиболее
удобной может быть комбинированная структура (рисунок 1).
Рисунок 1. Структура веб-приложения для справочника
В соответствии с разработанной структурой, для веб-приложения должны быть
созданы следующие веб-страницы (таблица 2).
Таблица 2 - Перечень страниц веб-сайта
|
Страница
|
Имя файла
|
Описание
|
|
Главная
|
index.html
|
начальная страница, загружаемая при открытии сайта,
содержит название сайта, его назначение, разделы и карты Кругобайкальского
тракта, начиная с 1800 года и до наших дней, e-mail
автора сайта для обратной связи.
|
|
Персоналии
|
Persons_slide.html
|
На странице хранится информация о людях, их годы жизни,
деятельность, ссылки на научные работы и цифровые изображения их творческих
работ, с указанием источника.
|
|
Восстание 1866 года
|
Rebel_slide.html
|
На странице хранится информация о восстание, произошедшим
после массовой ссылки поляков в 1863-1864 годах.
|
|
Ресурсы
|
sources.html
|
На странице находятся ссылки на электронные источники,
использованные при разработке сайта, а также библиографические, из которых
бралась информация для заполнения справочника.
|
|
Галерея
|
Content1.html
|
На странице хранятся все фотографии, портреты, рисунки,
которые удалось получить в ходе анализа имеющихся источников.
|
Существуют следующие наиболее распространенные компоновки веб-страниц
(рисунок 2) в соответствии с расположением навигационной панели:
· левосторонняя (правосторонняя);
· с верхним расположением навигации;
· комбинированная.
Левосторонняя компоновка Верхнее позиционирование
Комбинированная компоновка
Рисунок 2 - Виды компоновок веб-страниц
В данной курсовой работе была выбрана комбинированная компоновка
веб-страниц, что обеспечит пользователю максимальное удобство работы.
.3 Разработка и наполнение справочника
Информационную наполняемость моего справочника обеспечил Сакияев
Цырендылык Георгиевич, 531 группа. ИКНИТ, кафедра музейных технологий и охрана
наследия, вместе со своим научным руководителем. С их помощью, разрабатываемый
электронный справочник получил необходимую информацию. Дополнительно был
произведён поиск исторических фотографий и другой информации, касающейся темы
курсовой работы.
Хотелось бы отметить, что при написании HTML-кода страниц часто
используют оформление таблицами: так проще разграничивать отдельные элементы
страницы (например, рисунок от текста). В своей работе я также использовал
табличную ориентацию. Заголовок и горизонтальное меню располагаются в верхних
строках таблицы, далее следует строка, в которую подгружаются запрашиваемые
страницы сайта. Для корректного отображения был использован тег <IFRAME></IFRAME>. Тег <iframe> создает плавающий фрейм,
который находится внутри обычного документа, он позволяет загружать в область
заданных размеров любые другие независимые документы.
В верхней части обычно помещается логотип, но посоветовавшись с научным
руководителем, мы пришли к выводу, что какое-либо изображение может быть понято
неправильно, и поэтому остановились на простой надписи в заголовке сайта.
Рисунок 3.Заголовок сайта.
В качестве заднего фона используется заливка красного цвета, так как
сочетание красного и белого цвета является отсылкой к цветам национального
флага Польши. Для оформления заголовка был выбран готический шрифт, как дань
памяти католической традиции в Польше.
В справочнике имеются фотографии, также имеется анимация в прокрутке
изображения в Галереи и просмотре карт (см. приложение 6).
На главной странице располагаются карты Кругобайкальского тракта, начиная
с 19 века и заканчивая современными.
Рисунок 4.Главная страница справочника
<script
src="#"871475.files/image006.jpg">
Поэтому в файле jquery.fs.zoomer.css в 22 строке необходимо указать
ПРАВИЛЬНЫЙ путь к этому изображению.
Здесь практически ничего задавать не надо. Лишь задаем размер блока, в
котором будут находится наши изображения:
Желательно задать размеры блока, которые примерно пропорциональны
размерам изображений:
.zoomable {: 500px;: 800px;
margin:10px auto;
}
jQuery
Сейчас галерея еще не работает. Для того чтобы она начала функционировать
с возможностью изменять масштаб изображения, необходимо прописать между тегами
<head> и </head>:
<script>
$(document).ready(function() {
$(".zoomable").zoomer();
});
</script>
В первой строке указано, что необходимо выполнить функцию
zoomer()(которая находится во второй строке), когда страница загрузиться.
Для того чтобы задать произвольный стиль для блока в котором находятся
изображения (на примере он серый), необходимо прописать свойство customClass
внутри функции zoomer() с указанием нового класса:
<script>
$(document).ready(function() {
$(".zoomable").zoomer({
customClass: "custom" // указываем название класса в кавычках
});
});
</script>
Зададим такой стиль для класса custom:
.custom {:2px dashed #F3696D; /* пунктирная розовая граница
*/color:#F3CECF; /* бледно-розовый цвет фона */
}
Блок будет выглядеть следующим образом (пунктирная граница и розовый
фон):
Еще одним полезным свойством является указание инкремента, с помощью
которого происходит масштабирование изображения. Его можно увеличивать и
уменьшать, и соответственно масштабирование будет происходить быстро или
медленно. Задается он следующим образом:
<script>
$(document).ready(function() {
$(".zoomable").zoomer({
increment: 0.0005
});
});
</script>
Если задать параметр как в примере (то есть 0.0005), тогда можно
заметить, что масштабирование происходит очень медленно и приходится нажимать
на кнопку с минусом или плюсом[1].
Страницы «Персоналии» и «Восстание 1866 года» имеют структуру слайд-шоу
(см. приложение 2,8).
Рисунок 5.Страница «Персоналии».
Рисунок 6.Страница «Восстание 1866 года».
Организация слайд-шоу на странице:
HTML:
Между тегами <head>
можно подключить понравившуюся тему оформления (default, sky, beige, simple, serif,
night, moon и solarized.). Какой стиль как выглядит можно увидеть в виде миниатюр ниже (Рисунок
7):
Рисунок 7. Миниатюры стилей.
То есть, если вы хотите подключить тему оформления «Sky», необходимо
прописать следующее:
<link rel="stylesheet"
href="css/reveal.min.css">
<link rel="stylesheet"
href="css/theme/sky.css" id="theme">
Перед закрывающим тегом </body> необходимо вставить следующий код:
<script
src="lib/js/head.min.js"></script>
<script
src="js/reveal.min.js"></script>
HTML разметка
Для того чтобы вставить новый слайд, в HTML необходимо добавить следующий
код:
<div>
<div>
<section>
<h1>Заголовок</h1>
<h3>Подзаголовок</h3>
<p>Описание</p>
</section>
</div>
</div>
Сейчас есть только один слайд. Каждый слайд - это отдельный
блок<section>. Внутри слайда можно использовать обычные HTML теги для
размещения и позиционирования элементов.
Рассмотрим «вертикальные» слайды. «Горизонтальные» слайды можно
просматривать, нажимая на стрелочки «влево» и «вправо», а вертикальные - «вниз»
и «вверх». Чтобы вставить несколько таких слайдов необходимо дважды написать
тег <section> как на примере ниже:
<section>
<section>Вертикальный слайд 1</section>
<section>Вертикальный слайд 2</section>
<section>Вертикальный слайд 3</section>
<section>Вертикальный слайд 4</section>
</section>
Как создать постепенное появление элементов на одной странице.
Для этого необходимо воспользоваться атрибутом>
<section> <section id="fragments">
<h2>Поэлементное появление</h2>
<p>Нажмите стрелочку "Далее", чтобы увидеть следующий
элемент!</p>
<p>Текст 1</p>
<p>Текст 2</p>
<p>Текст 3</p> </section>
</section>
Рассмотрим оформление цитат. Пример на изображении:
Рисунок 8. Пример отображения цитат в слайд-шоу
Для такого отображения в HTML
необходимо написать:
<h2>Оформление цитат</h2>
<p>Например, текст: <q>“Сегодня мы будем иметь дело
со слайд-шоу...”</q> или в виде блока:</p>
<blockquote>“Например, когда человек смотрит какую-либо вещь в
магазине,
то, как правило, он максимально увеличивает изображение, чтобы разглядеть
товар, который он хочет приобрести. И только после этого он совершает
покупку.”
</blockquote>
</section>
И последние действие которое нужно сделать чтобы HTML презентация заработала
- добавляем следующий код также перед закрывающим тегом</body>:
<script>.initialize({: true,: true,: true,: true,
});
</script>
Это основные настройки, которые позволяют создать презентацию[1].
Все элементы, которые необходимы для создания сайта-справочника хранятся
в общей папке. Фотографии, портреты, рисунки хранятся в отдельной папке "Img", описание стилей CSS записано
файлами, которые для удобства находятся отдельно в папке.
Также, в галереи справочника были размещены фотографии мест жизни и пребывания
ссыльных поляков. Их вид в 19 веке и в настоящее время, для того, чтобы
посетитель имел возможность найти эти места в реальности [2].
Заключение
В ходе выполнения курсовой работы был разработан электронный справочник
«Поляки на территории Южного Прибайкалья».
На основание поставленной цели решались следующие задачи:
. Обоснование необходимости разработки справочника;
. Проанализировать содержание справочников, для выявления общих
правил составления;
. Познакомится с основными теоретическими понятиями разработки
электронных справочников;
В результате выполнения курсовой работы поставленные задачи были
выполнены и цель достигнута.
Для решения поставленных задач была проделана следующая работа:
. Было дано определение понятию «справочник» и «электронный
справочник», что помогло более точно составить план будущих действий;
. Из произведённого анализа доступных источников удалось выделить
необходимое для информационной наполняемости сайта материалы. К сожалению,
из-за нехватки физических и недостатка оцифрованного материала, справочник
получился не очень полным;
. Проведён анализ электронных справочников по различным тематикам,
из результатов которого удалось получить примерный план разработки собственного
справочника;
. Был проработан дизайн и структура справочника;
. Было произведено наполнение справочника информацией, полученной
при анализе доступных источников.
Во время разработки электронного справочника «Поляки на территории Южного
Прибайкалья», был глубже изучен язык разметки гипертекста(HTML) и его возможности.
Список использованной литературы
1. Создание презентаций
на HTML- симпатичная презентация HTML/Создай свой
сайт | SiteHere.ru [Электронный ресурс]URL:
http://www.sitehere.ru/sozdanie-prezentacij-na-html -
<http://www.sitehere.ru/sozdanie-prezentacij-na-html%20-> (дата
обращения: 12.01.2015).
. Дореволюционная
Россия на фотографиях. Часть 7 Иркутск и окрестности в 80-е годя XIX
века//Записки скучного человека[Электронный ресурс]URL:
http://humus.livejournal.com/2169209.html - (дата обращения 14.04.2015).
. Энциклопедия Сибири
[Электронный ресурс] Режим доступа: <http://russiasib.ru/-> (дата
обращения: 20.03.2015).
. <http://htmlbook.ru->
для тех, кто делает сайты/Справочник по html
[Электронный ресурс]URL: <http://htmlbook.ru/html-> (дата обращения:12.03.2015).
. Кругобайкальское
восстание. Статья Подшивалова И.Ю.(2004)//ИркипедияРУ[Электронный ресурс] URL:
<http://irkipedia.ru/content/krugobaykalskoe_vosstanie_statya_podshivalova_i_yu_2004->
(дата обращения: 20.03.2015).
. Дыбковская А. История
Польши с древнейших времен до наших дней / А. Дыбковская [и др.]; под ред. А.
Сухени-Грабовской. Варшава: Науч. Изд-во ПВН, 1995. 203 - 205 с.
. Небэльски Э. Четверо
руководителей польского восстания на Байкале, расстрелянные в Иркутске в ноябре
1866 г. // Актуальные вопросы истории ссылки участников Январского польского
восстания 1863-1864 гг. Материалы Международной научной конференции (Иркутск,
26-30 сентября 2007 г.). - Иркутск, 2008. - С. 74-93.
. Дыбовский Б.И. Ян
Черский (Биография) // И.Д. Черский. Неопубликованные статьи, письма и
дневники. Статьи о И.Д. Черском и А.И. Черском. - Иркутск,1936. - С. 327.
. Шостакович Б.С.
История поляков в Сибири (XVII-XIX вв.). - Иркутск, 1995. - С.87 - 100.
. Шостакович Б.С.
Леопольд Немировский - выдающийся представитель польской политической ссылки
эпохи декабризма в восточной Сибири (К 125-летию со дня смерти) [Текст]:
Современные тенденции развития Полонийного движения в России. - Улан-Удэ, 2008.
- С. 4 - 16.
. Шагжина З.А. Поляки
в Тунке // Польский след в истории и культуре Сибири. Материалы Международной
научной конференции «Полонийные чтения - 2006», 7декабря 2006 г. В 2 ч. Ч. 2. -
Улан-Удэ, 2006. - С. 62-63.
. Сакияев Ц.Г.
Выявление объектов историко-культурных наследия поляков на территории Южного
Прибайкалья [Текст]: Материалы международной конференции Полонийные чтения -
2013. 20 сентября 2013 г. - Улан-Удэ: Изд.-полигр, комплекс ФГБОУ ВПО ВСГАКИ,
2013. - С. 207-212.
Приложение №1
Код Главной страницы сайта
<html>
<head>
<meta charset="utf-8">
<meta name="viewport"
content="width=device-width, initial-scale=1.0, maximum-scale=1.0,
user-scalable=no">
<link rel="stylesheet"
href="gor_menu.css" type="text/css" />
<style>{: #cf1d1d; /* Цвет фона и путь к файлу */
color: #fff; /* Цвет текста */
}
</style>
</head>
<table border="0" cellpadding="0"
cellspacing="0" width="100%" height="100%"
bgcolor="white">
<tr><a href="index.html"><img
src="sys.img/title.png" height=""
bgcolor="red"></a></tr>
<tr height="15px">
<th colspan="3">
<ul>
<li><a href="index.html">Главная </a> </li>
<li><a href="persons_slide.html"
target="content">Персоналии</a></li>
<li><a href="rebel_slide.html"
target="content">Восстание 1866 года</a></li>
<li><a href="content1.html"
target="content">Галлерея</a></li>
<li><a href="sources.html"
target="content">Ресурсы
</a></li>
</ul>
</tr></th>
<tr><th colspan="3">
<iframe name="content" width="100%"
height="100%" scrolling="auto" frameborder="0"
src="map.html"> Карты железных дорог </iframe>
</th>
</tr>
<tr height="15px">
<th colspan="3"><font
color="black">E-mail:
george_totoro@mail.ru</font></th>
</tr>
</table>
</html>
Приложение №2
Код страницы «Персоналии»
<html>
<head>
<meta charset="utf-8">
<meta name="viewport"
content="width=device-width, initial-scale=1.0, maximum-scale=1.0,
user-scalable=no">
<link rel="stylesheet"
href="reveal.js-master/css/reveal.css">
<link rel="stylesheet"
href="reveal.js-master/css/theme/serif.css" id="theme">
<link rel="stylesheet"
href="sub_menu.css" type="text/css" />
<style type="text/css">
#wrap{: none;: 0.8;: fixed;: 0;: 0;: 0;: 0;index: 100;: auto;
}
#window{: 250px;: 380px;: 50px auto;: none;: #fff;index:
200;: fixed;: 0;: 0;: 0;: 0;: 0px;
}
.close{left: 200px;top: 0px;: pointer;
}
</style>
</head>
<table width="100%"
height="100%"border="0px">
<tr>
<th>
<div>
<div>
<section>
<h2>Поляки Южного Прибайкалья</h2>
</section>
<section>
<section><img src="img/vronskiy.jpg"
height="500px" width="400px" alt="Фотография отсутствует"><p>Станислав Вронский</p></section>
<section><h3>Ранние
годы</h3><font
size="5"></font>Станислав Евгеньевич Вронский. С.
Е. Вронский - польский художник, живописец.
Родился в Люблинском (Люблине). В 1854 г. окончил Люблинское уездное
училище.
В 1857 г. был зачислен учеником отделения живописи Варшавской
художественной школы.
Выбыл из нее, получив перевод на 4 курс, в конце 1860-1861-х гг. учебного
года в связи с тем, что с начала 1861-1862-х гг. учебного года занятия в
художественной школе были приостановлены, после чего она
закрылась.</section>
<section><h3>Ссылка</h3><font
size="5">Принял активное участие в польском освободительном
восстании 1863-1864 гг., находился в повстанческом отряде, был арестован и
осужден на каторжные работы в Сибири.
Каторгу отбывал на Петровском железоплавильном заводе (ныне
Петровск-Забайкальский).
Затем был перемещен в д. Сивакову на р. Ингоде, позже переведен на
поселение в Дарасун.</font></section>
<section><h3>Творчество</h3><font
size="5">Уже в Забайкалье получил известность как талантливый
художник.
Из Дарасуна Вронский вызывался в Читу, где он выполнил ряд декоративных
росписей (занавес и кулисы для любительского театра), а также несколько картин
с видами забайкальской природы.
Живописной картиной "Вид Дарасунских минеральных вод" принял
участие в "первой публичной" сельскохозяйственной и
мануфактурно-ремесленной выставке, проходившей в Иркутске в октябре 1868 г.
За свою картину художник был удостоен похвального листа 2-го разряда.
Кроме того, Вронский принял "деятельное участие" в устройстве
художественной выставки, состоявшейся в музее Восточно-Сибирский Отдел
Императорского Русского Географического Общества в декабре 1883 - феврале 1884
гг.
На ней демонстрировались следующие картины художника: "Вечер",
"Мельница в Тункинских горах", "Ночь на Чертовом озере",
"Первый снег", "Пурга", а также карандашные рисунки.
За несколько лет до смерти вернулся в Варшаву, где и
умер.</font></section>
</section>
<section>
<section><img src="img/godlevskiy.jpg" height="500px" width="400px" alt="Фотография
отсутствует"><p>Виктор
Годлевский</p></section>
<section><h3></h3><font size="5">Виктор
Александрович Годлевский (1833-1900 гг.).
Как участник польского национально-освободительного восстания 1863 г. был
сослан на каторгу в Забайкалье в 1865 г.
Находился в Сивяково, Чите, Дарасуне. В 1867 г.
Годлевский и его друг Бенедикт Дыбовский переехали с Амура в Иркутск и
благодаря стараниям председателя Географического общества поселились в с.
Култук на южном берегу Байкала.
С этого времени их судьба была на несколько лет неразрывно связана.
Первые исследования были произведены исключительно собственными силами и
средствами.
Десять лет они вели совместные научные
работы.</font></section>
<section><h3></h3><font size="5">В
Култуке провели первые планомерные исследования по измерению глубин Байкала, по
распределению температуры воды на разных глубинах, видового разнообразия и
биологических особенностей животного мира озера.
Работы на Байкале велись в основном в зимнее время. Совместно с Б. И.
Дыбовским изучал фауну Восточной Сибири.
Коллекционировал рисунки рыб Амура, Ингоды и других рек Забайкалья,
собирал лекарственные растения.
Его труды представлены в Восточно-Сибирском отделении Российского
географического общества.
Выйдя на поселение, в сентябре 1868 г. покинул Забайкалье для
исследования р. Амур и Дальнего Востока.
В 1876 г. В. Годлевский и Б. Дыбовский вернулись в Иркутск и вновь
работали на Байкале и в истоке р. Ангары.
Осенью этого же года они посетили озеро Косогол (Хубсугул) в Монголии, но
не нашли здесь байкальской фауны.
В 1876 г. ученые вернулись на родину, в Польшу. За подвижнический вклад в
исследования Байкала именем В. Годлевского названы несколько видов обитающих в
нём животных, в том числе конёк Годлевского.</font></section>
</section>
<section>
<section><img src="img/dibovskiy.jpg"
height="500px" width="400px" alt="Фотография
отсутствует"><p>Бенедикт Дыбовский</p></section>
<section><h3>Ранние годы</h3><font
size="5">Бенедикт Дыбовский,наряду с Виктором Годлевским
исследовал оз. Байкал.
Относительно даты и места рождения Бенедикта Дыбовского биографы
расходятся.
Некоторые из них считают, что он родился 30 апреля (12 мая) 1833 г. в
имении Тонвы (Тонва) Минской губернии в достаточно обеспеченной семье мелкого
помещика.
Однако сам Б. И. Дыбовский в своих дневниках указывает, что родился в
1830 г. в имении Адамарин той же губернии.
Окончив гимназию, осенью 1853 г. Бенедикт Дыбовский поступил на
медицинский факультет Дерпского (теперь Тартуского)
университета.</font></section>
<section><h3>Ссылка</h3><font
size="5">Принимал участие в Польском восстании в 1863 г., был
комиссаром правительства повстанцев в Белоруссии и Литве.
Был приговорён к повешению, которое в результате активной кампании в его
защиту со стороны германских зоологов и посредничеству Бисмарка, было заменено
на 12 лет ссылки в Сибирь.
Там он исследовал озеро Байкал, реку Амур и обогатил зоологию целым рядом
новых открытий.
Благодаря усилиям Петербургской Академии Наук он в 1877 г. вернулся на
родину, но скоро, желая изучить Камчатку, взял место окружного врача в
Петропавловске-Камчатском.
В частности он подробно изучал природу Командорских
островов.</font></section>
<section><h3>Научная деятельность</h3><font
size="5">Главными достижениями Б. Дыбовского являются описание
природных условий Байкала и огромное видовое богатство фауны озера.
Им впервые описан один из наиболее многочисленных видов байкальских
эндемичных рыб - бычок-желтокрылка, а также открыт феномен живорождения у
голомянки.</font></section>
</section>
<section>
<section><img src="img/nemirovskiy.jpg"
width="400px" height="500px" alt="Фотография
отсутствует"> <p>Леопольд Немировский</p> </section>
<section><h3> Ранние годы</h3><font
size="5">Леопольд Немировский - деятель польского освободительного
движения, сибирский политический ссыльный, художник - родился в польской
помещичьей шляхетской семье на Волыни (в с.Тагачин, Ковельского уезда,
Волынской губернии).
По окончании школы в Луцке он получил правовое образование в Виленском
университете, а затем начал работу в Варшаве.
В развернувшемся с конца ноября 1830 г. Национально- освободительном
польском восстании Л. Немировский принял активное участие и был ранен в
сражении под Остроленкой.
За предшествующую патриотическую деятельность подвергся аресту и
тюремному заключению в Киеве.
После выхода из тюрьмы молодой польский патриот продолжил свою
конспиративную деятельность, став активным членом «Содружества польского
народа».</font></section>
<section><h3>Ссылка</h3><font
size="5">В 1838 г. Л. Немировский был арестован и приговорен к
смертной казни, замененной затем 20 годами каторги.
В Иркутск он прибыл 29 октября 1839 г.
Ненадолго он был «отослан в работу» в Тельменскую казенную фабрику, а в
январе 1840 г. - «перечислен» в Иркутский солеваренный завод.
В 1841 и 1842 гг. срок каторжных работ сократили ему суммарно на 10 лет.
25 ноября 1843 г., согласно царской «милости», Немировсикй был освобожден от
каторжных работ и «причислен» на поселение - в селение Окинино (Акинино)
Жилкинской волости Иркутского округа Иркутской губернии</font></section>
<section><font size="5">Художественный и
педагогический таланты сибирского Л. Немировского почти сразу были замечены и
оценены по достоинству.
В результате пребывание на каторге, а позднее и на поселении свелись для
него к тому, что он обучал рисунку детей влиятельных чиновников в Усолье и в
Иркутске, в частности, и в семье генерал-губернатора В. Я.
Руперта.</font></section>
<section><h3>Реабилитация</h3><font
size="5">Спустя длительный период нахождения в сибирской ссылке,
Л. Немировский получил право поселиться в Европейской части России.
По царской амнистии, объявленной в 1856 г., он вернулся на родную Волынь
в 1857 г.
Проживая там, он немало времени отдавал изобразительному искусству.
В том числе принял участие в художественных выставок: в 1867 г. - в
Париже, в 1867 г. И 1883 г. - в Варшаве.
В течение почти 17-ти летнего пребывания в Сибири Л.Немировский
совершенствовал свой талант.
По преимуществу он выполнял рисунки карандашом и акварелью, но также
писал маслом. </font></section>
<section><h3>Творчество</h3><font
size="5">24 рисунка из периода сибирской ссылки художника (вторая
половина 1840 - 1856 гг.), - в настоящее время находятся в собрании
Национального музея в Варшаве (Muzeum Narodowe) и хранятся в запасниках его
коллекции.
Известны также 6-ть рисунков Л. Немировского, ныне хранящихся в
Государственном музее А. С. Пушкина в Москве. Наконец, существует еще и данные
о нескольких рисунках Л. Немировского, находящихся в частной собственности в
Забайкалье.
Все перечисленное наследие Л. Немировского представляет собою по
преимуществу пейзажные рисунки и акварели регионов Восточной Сибири.
Отчасти оно включает изображения населенных мест и аборигенных обитателей
последних.</font></section>
<section><img src="img/works/Leopold_Niemirowski3.jpg"></section>
<section><img
src="img/works/Leopold_Niemirowski2.jpg"></section>
</section>
<section>
<section><img src="img/selinskiy.jpg"
height="500px" width="400px" alt="Фотография отсутствует"><p>Нарциз
Целинский</p></section>
<section><h3>Биография</h3><font
size="5"></font>(1817 - 27 ноября 1866, Иркутск) - первый
руководитель Кругобайкальского восстания 1866 года.
Участник польских восстаний 1848 года в Галиции и Познани; затем в
качестве инженерного капитана служил на Кавказе.
За участие в восстании 1863 года приговорен к каторге и сослан в
Иркутскую губернию.
Был лидером подпольной организации, организовавшей летом 1866 г.
Кругобайкальское восстание, и при начале восстания стал командиром
повстанческой армии - «Легиона Свободных Поляков» (Legion Wolnych Polakow).
</section>
</section>
<section>
<section><img src="img/chekanovskiy.jpg"
height="500px" width="400px" alt="Фотография
отсутствует"><p>Александр Чекановский</p></section>
<section><h3>Ранние годы</h3><font
size="5"></font>Чекановский учился на медицинском
факультете, одновременно посещая лекции по естествознанию.
После получения диплома врача 25-летний Чекановский выехал в Дерпт, за
участие в польском восстании 1863 г. Чекановский был арестован, осуждён на
бессрочную ссылку в Сибирь.</section>
<section><h3>Ссылка и научная деятельность</h3><font
size="5">ПВ 1865 г. Чекановский прибыл на место ссылки в
Забайкалье.
В течение 1869-1871 гг. Чекановский вёл работу над изучением Байкальских
гор и сибирских земель от Байкала до Енисея и Саянских гор, а также исследовал
Иркутскую губернию.
Пребывание Чекановского в Иркутске ознаменовалось рядом научных открытий,
которые принесли ему славу «одного из выдающихся геологов России».
Изданная в 1872 г. монография по Иркутской губернии была удостоена золотой
медали.</font></section>
</section>
<section>
<section><img src="img/cherskiy.jpg" height="500px" width="400px" alt="Фотография
отсутствует"><p>Иван
Дементьевич Черский</p></section>
<section><h3>Ранние годы</h3><font
size="5">И. Д. Черский родился 3 мая 1845 г., при крещении получил
имя Яна Станислава Франтишка.
В возрасте 10 лет потерял отца.
По свидетельству Б. Дыбовского, после смерти отца воспитанием Яна и его
старшей сестры Михалины занималась мать.
Она обеспечила Яну хорошее домашнее образование, хотя заботилась в
основном о «салонном» воспитании - обучении танцам, музыке и пр.
По данным В. Ермоленко, перед поступлением в Виленскую гимназию Черский
владел четырьмя иностранными языками - французским, немецким, английским и
латынью, а по данным Национальной Библиотеки Беларуси он также играл на
фортепиано и хорошо рисовал.
С 1860 г. Черский продолжает образование в Правительственном (Шляхетском)
институте в Вильно.</font></section>
<section><h3>Ссылка</h3><font
size="5">Очень мало информации и о повстанческой деятельности Яна
Черского.
Приводятся сведения о том, что Черский находился в партизанском отряде,
возглавляемым Кастусем Калиновским.
В отряде он пробыл лишь около четырёх недель, а затем был взят в плен.
Витебским военно-полевым судом он был осуждён на бессрочную рекрутскую
службу в Сибири с конфискацией имущества и лишением дворянского звания.
Был сослан в Омск.
По пути в Омск Черский знакомится с известным естествоиспытателем А. Л.
Чекановским, Чекановский привил ему интерес к изучению природы и сбору
различных коллекций.</font></section>
<section><h3>Научная деятельность</h3><font
size="5">Более систематично пошли научные занятия Черского в
Иркутске, благодаря руководству двух выдающихся польских натуралистов
Дыбовского и Чекановского.
В изданиях Восточно-Сибирского отделения Императорского Русского
Географического Общества, а затем и Академии наук, за время пребывания Черского
в Иркутске, помещен ряд самостоятельных работ Черского по геологии Сибири и по
остеологии современных и вымерших позвоночных животных Сибири;
работы эти поставили Черского в ряды весьма ведущих, опытных остеологов.
Появление наиболее важных трудов Черского относится к петербургскому
периоду его деятельности.
В 1886 г. появился его «Отчет» о геологическом исследовании береговой
полосы озера Байкал, с детальной геологической картой; в 1888 г. -
геологическое исследование Сибирского почтового тракта от озера Байкал до
восточного склона Урала, а в 1891 г. объемистое «Описание коллекций
послетретичных млекопитающих, собранных Ново-Сибирской экспедицией»,
представляющее полную остеологическую монографию остатков послетретичных
млекопитающих не только Ново-Сибирских островов, но и всей Сибири.
</font></section>
</section>
<section>
<section><img src="img/sharamovich.jpg" height="500px"
width="350px" alt="Фотография
отсутствует"><p>Густав Шарамович</p></section>
<section><h3></h3><font size="5">Густав
Шарамович из Житомира (1836 - 1866).
После окончания гимназии Шарамович изучал историю, политическую экономию,
музыку.
В 1860 году выехал в Киев, где завязал связи с университетской молодежью
и стал членом студенческой гмины.
В феврале 1862 года выехал в Радомыслький уезд для подготовки восстания,
а в апреле 1863 года был революционным начальником уезда.
Приговорен к 10 годам каторги.
За попытку бежать из Киевской крепости путем подкопа срок каторги был
увеличен до 15 лет.
В Иркутск прибыл в 1865 г. </font></section>
<section><h3></h3><font size="5">О Г.
Шарамовиче до нас, к сожалению, дошло мало сведений.
Но и по многочисленным архивным материалам и воспоминаниям участников
событий можно заключить , что он бесспорно, относился к той части польских
революционеров, которые мыслили об освобождении ссыльных путем вооруженной
борьбы с царизмом,
при поддержке русских революционеров и местного населения..</font></section>
</section>
<section>
<section >
<h2>Ссылки на другие статьи</h2>
<p>Нажмите стрелочку "Далее", чтобы увидеть следующий
элемент!</p>
<p><a href="rebel_slide.html"
target="content">Восстание</a></p>
<p><a href="content1.html"
target="content">Галлерея</a></p>
</section>
</section>
</div>
</div>
</th>
<th width="15%" valign="top"
bgcolor="d00404"> <ul>
<li><a href="persons_slide.html#">Начало</a></li>
<li><a href="persons_slide.html#/1">С. Вронский</a>
<ul>
<li><a href="persons_slide.html#/1/1">Ранние годы</a></li>
<li><a href="persons_slide.html#/1/2">Ссылка</a></li>
<li><a href="persons_slide.html#/1/3">Творчество</a></li>
</ul>
</li>
<li><a href="persons_slide.html#/2">В. Годлевский</a>
<ul>
<li><a href="persons_slide.html#/2/1">Биография</a></li>
</ul>
</li>
<li><a href="persons_slide.html#/3">Б. Дыбовский</a>
<ul>
<li><a href="persons_slide.html#/3/1">Ранние годы</a></li>
<li><a href="persons_slide.html#/3/2">Ссылка</a></li>
<li><a href="persons_slide.html#/3/3">Научная деятельность</a></li>
</ul>
</li>
<li><a href="persons_slide.html#/4">Л. Немировский</a>
<ul>
<li><a href="persons_slide.html#/4/1">Ранние годы</a></li>
<li><a href="persons_slide.html#/4/2">Ссылка</a></li>
<li><a href="persons_slide.html#/4/4">Реабилитация</a></li>
<li><a href="persons_slide.html#/4/5">Творчество</a></li>
</ul>
</li>
<li><a href="persons_slide.html#/5">Н. Целинский</a>
<ul>
<li><a href="persons_slide.html#/5/1">Биография</a></li>
</ul>
</li>
<li><a href="persons_slide.html#/6">А. Чекановский</a>
<ul>
<li><a href="persons_slide.html#/6/1">Ранние годы</a></li>
<li><a href="persons_slide.html#/6/2">Ссылка и научная деятельность</a></li>
</ul>
</li>
<li><a href="persons_slide.html#/7">И. Черский</a>
<ul>
<li><a href="persons_slide.html#/7/1">Ранние Годы</a></li>
<li><a href="persons_slide.html#/7/2">Ссылка</a></li>
<li><a href="persons_slide.html#/7/3">Научная деятельность</a></li>
</ul>
</li>
<li><a href="persons_slide.html#/8">Г. Шарамович</a>
<ul>
<li><a href="persons_slide.html#/8/1">Биография</a></li>
</ul>
</li>
<li><a href="persons_slide.html#/9">Ссылка на другие статьи</a></li>
</ul>
<script type="text/javascript">
//Функция показаshow(state){.getElementById('window').style.display =
state;.getElementById('wrap').style.display = state;
}
</script>
<!-- Задний прозрачный фон-->
<div onclick="show('none')"
id="wrap"></div>
<!-- Само окно-->
<div id="window">
<!-- Картинка крестика-->
<img>
<!-- Картинка подсказки-->
<img style="margin: 0px 0 0 20px;"
src="sys.img/tip.png">
</div>
<li><center><button>Подсказка</button></center> </li>
</th>
</tr>
<script
src="reveal.js-master/lib/js/head.min.js"></script>
<script
src="reveal.js-master/js/reveal.js"></script>
<script>.initialize({: true,: true,: true,: true,
});
</script>
</table>
</html>
Приложение №3
Код страницы с картами
<html ><head>
<meta http-equiv="Content-Type"
content="text/html; charset=utf-8" />
<script
src="js/jquery.min.js"></script>
<link rel="stylesheet" type="text/css"
href="css/jquery.fs.zoomer.css" />
<script
src="js/jquery.fs.zoomer.js"></script>
<style>
.zoomable {: 595px;: 1150px;:10px auto;
}{align:center;size:28px;color:#FF6200;:#ffffff;:9px;family:Verdana;
}{align:center;
}a{size:14px;:#CBCDC9;family:Verdana;weight:700;decoration:none;
}a:hover{decoration:underline;
}
</style>
<script>
$(document).ready(function() {
$(".zoomable").zoomer();
});
</script></head> <body><div>
<h1>Карта
1800 г.</h1><img
src="images/doroga.png" alt="Карта 1800 г."/>
<h1>Карта
1900 г.</h1><img
src="images/railroad.png" alt="Карта 1900 г."/>
<h1>Современная карта</h1><img src="images/vostochno_sibirskaya.png"
alt="Современная карта"/></div></body> </html>
Приложение №4
Код страницы с фотографиями
<html> <head>
<meta charset="UTF-8" />
<meta name="viewport"
content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css"
href="css/style.css" />
<link rel="stylesheet" type="text/css"
href="css/demo.css" />
<script
src="js/modernizr.custom.63321.js"></script></head><body>
<div>
<header>
<section>
<ul id="st-stack">
<li><div>Александр Чекановский</h2><h3>При нажатии на картинку откроется биография</h3></div></li>
<li><div>Иван Дементьевич Черский</h2><h3>При нажатии на картинку откроется биография</h3></div></li>
<li><div>Виктор
Годлевский</h2><h3>При нажатии на картинку откроется биография</h3></div></li>
<li><div>Леопольд Немировский</h2><h3>При нажатии на картинку откроется биография</h3></div></li>
<li><div>Густав
Шарамович</h2><h3>При нажатии на картинку откроется биография</h3></div></li>
<li><div>Прощай
Европа</h2><h3>Картина написана во время пересылки осужденных поляков</h3></div></li>
<li><div>Подготовка к Кругобайкальскому Восстанию</h2><h3>При нажатии откроется история
восстания</h3></div></li>
<li><div>Восстание на Кругобайкальском тракте</h2><h3>При нажатии картинка откроется в полном
размере</h3></div></li>
<li><div>Восстание на Кругобайкальском тракте</h2><h3>При нажатии картинка откроется в полном
размере</h3></div></li>
<li><div>Удинский тракт</h2><h3>Между Мысовой и Улятуй</h3></div></li>
<li><div>Половинный Мыс на Байкале</h2><h3>45 верст от ст. Лствяничная и Култук</h3></div></li>
<li><div>Кругобайкальский тракт</h2><h3>Ст. Култук</h3></div></li>
<li><div>Кругобайкальский тракт</h2><h3>Ст. Боярская</h3></div></li>
<li><div>Кругобайкальский тракт</h2><h3>Вид на ст. Мысовая</h3></div></li>
<li><div>Село Листвяничное</h2><h3>Озеро Байкал</h3></div></li>
<li><div>Село Листвяничное</h2><h3>Озеро Байкал</h3></div></li>
<li><div>Село Листвяничное</h2><h3>60 верст от города Иркутск</h3></div></li>
<li><div>Село Листвяничное</h2><h3>Кругобайкальский тракт</h3></div></li>
<li><div>Кругобайкальский тракт</h2><h3>Горная река</h3></div></li>
<li><div>Вид на почтовый тракт при слиянии речек, образующих Клутук</h2><h3>7 верст от с. Култук</h3></div></li>
<li><div>Кругобайкальский тракт и озеро Байкал</h2><h3></h3></div></li>
<li><div>польским мятежникам.jpg" target="_blanc"><img
src="img/historic/польским мятежникам.jpg"/></a></div><div>Памятник польским мятежникам</h2><h3>Историческая фотография</h3></div></li>
<li><div>Памятник Польским Мятежникам</h2><h3>Современная фотография</h3></div></li>
<li><div>Памятник Польским Мятежникам</h2><h3>Современная фотография</h3></div></li>
<li><div>Место расположения Култукской Партии</h2><h3></h3></div></li>
<li><div>Место расположения Култукской Партии</h2><h3></h3></div></li>
<li><div>Пик Черского</h2><h3></h3></div></li>
<li><div>Изображение засечек В.В. Ломакина, находящиеся близ засечек
Черского</h2><h3></h3></div></li>
<li><div>Реперные засечки
на Байкале.jpg" target="_blanc"><img
src="img/Реперные засечки
на Байкале.jpg"/></a></div><div>Изображение засечек В.В. Ломакина, находящиеся близ засечек
Черского</h2><h3></h3></div></li>
</ul> </section>
</div> <!-- Блок, который необходимо скопировать -->
<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript"
src="js/jquery.stackslider.js"></script>
<script type="text/javascript">
$( function() {
$( '#st-stack' ).stackslider();
});
</script></body></html>
Приложение 6
Код CSS-скрипта для просмотра карт и
увеличения изображения
/*
* Zoomer v3.0.9 - 2014-05-28
* A jQuery plugin for smooth image exploration. Part of the
formstone library.
* http://formstone.it/components/zoomer/
*
* Copyright 2014 Ben Plum; MIT Licensed
*/, body {
ms-content-zooming: none;
ms-touch-action: none;
}
.zoomer .zoomer-holder { -ms-touch-action: none; }
.zoomer, .zoomer * {
webkit-user-select: none;
moz-user-select: none;
ms-user-select: none;
o-user-select: none;select: none;
}
.zoomer { background: #eee
url('images/jquery.fs.zoomer-loading.gif') no-repeat center; height: 100%;
overflow: hidden; position: relative; width: 100%;
webkit-transition: none;
moz-transition: none;
ms-transition: none;
o-transition: none;: none;
}
.zoomer .zoomer-positioner { margin: 0; height: 1px;
position: absolute; width: 1px; }
.zoomer .zoomer-holder { box-shadow: 0 0 3px rgba(0, 0, 0,
0.5); opacity: 0; position: relative;
webkit-transition: none;
moz-transition: none;
ms-transition: none;
o-transition: none;: none;
}
.zoomer .zoomer-image { cursor: move; float: left; height:
100%; width: 100%;
webkit-transition: opacity 0.25 linear;
moz-transition: opacity 0.25 linear;
ms-transition: opacity 0.25 linear;
o-transition: opacity 0.25 linear;: opacity 0.25 linear;
}
.zoomer .zoomer-tiles { height: 100%; position: relative;
width: 100%; }
.zoomer .zoomer-tile { height: auto; position: absolute;
width: auto; }
/* CONTROLS */
.zoomer .zoomer-controls { background: rgba(0, 0, 0, 0.8);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); border-radius: 3px; padding: 5px;
position: absolute;
webkit-transition: opacity 0.25 linear;
moz-transition: opacity 0.25 linear;
ms-transition: opacity 0.25 linear;
o-transition: opacity 0.25 linear;: opacity 0.25 linear;
}
.zoomer .zoomer-controls span { border-radius: 3px; color:
#fff; cursor: pointer; display: block; font-size: 20px; font-weight: bold;
height: 30px; line-height: 30px; margin: 0; text-align: center; width: 30px; }
.zoomer .zoomer-controls .zoomer-next,
.zoomer .zoomer-controls .zoomer-previous { display: none; }
.zoomer.zoomer-gallery .zoomer-controls .zoomer-next,
.zoomer.zoomer-gallery .zoomer-controls .zoomer-previous {
display: block; }
/* CONTROLS - TOP, BOTTOM */
.zoomer .zoomer-controls-top,
.zoomer .zoomer-controls-bottom { left: 50%; margin: 0 0 0
-35px; }
.zoomer .zoomer-controls-top { bottom: auto; top: 10px; }
.zoomer .zoomer-controls-bottom { bottom: 10px; top: auto; }
.zoomer.zoomer-gallery .zoomer-controls-top,
.zoomer.zoomer-gallery .zoomer-controls-bottom { margin: 0 0
0 -65px; }
.zoomer .zoomer-controls-top span,
.zoomer .zoomer-controls-bottom span { float: left; }
.zoomer .zoomer-controls-top span:first-child,
.zoomer .zoomer-controls-bottom span:first-child { margin: 0
1px 0 0; }
/* CONTROLS - LEFT, RIGHT, TOP LEFT, TOP RIGHT, BOTTOM LEFT,
BOTTOM RIGHT */
.zoomer .zoomer-controls-left,
.zoomer .zoomer-controls-top-left,
.zoomer .zoomer-controls-bottom-left
.zoomer .zoomer-controls-right,
.zoomer .zoomer-controls-top-right,
.zoomer .zoomer-controls-bottom-right { height: 71px; width:
40px; }
.zoomer.zoomer-gallery .zoomer-controls-left,
.zoomer.zoomer-gallery .zoomer-controls-top-left,
.zoomer.zoomer-gallery .zoomer-controls-bottom-left
.zoomer.zoomer-gallery .zoomer-controls-right,
.zoomer.zoomer-gallery .zoomer-controls-top-right,
.zoomer.zoomer-gallery .zoomer-controls-bottom-right {
height: 131px; }
.zoomer .zoomer-controls-left,
.zoomer .zoomer-controls-right { margin: -35px 0 0 0; top:
50%; }
.zoomer.zoomer-gallery .zoomer-controls-left,
.zoomer.zoomer-gallery .zoomer-controls-right { margin: -65px
0 0 0; }
.zoomer .zoomer-controls-left { left: 10px; }
.zoomer .zoomer-controls-top-left { left: 10px; top: 10px; }
.zoomer .zoomer-controls-bottom-left { bottom: 10px; left:
10px; }
.zoomer .zoomer-controls-right { right: 10px; }
.zoomer .zoomer-controls-top-right { right: 10px; top: 10px;
}
.zoomer .zoomer-controls-bottom-right { bottom: 10px; right:
10px; }
@media screen and (min-width: 980px) {
.zoomer .zoomer-controls span:hover { background: #003; }
}