Файл: Курсовая работа Web, Матвиенко. Вариант 0033 д2.doc

Інформаційно-ілюстративне навчання за допомогою Е.п. сприяє засвоєнню великого за обсягом і досить складного матеріалу. Е.п., що містить не тільки текстову і графічну інформацію, але також звукові та відеофрагменти, дозволяє індивідуалізувати навчання і, на відміну від звичайного (друкованого) підручника, має інтерактивні можливості, тобто може надати необхідну інформацію за запитом студента, що наближає Е.п. до навчання, яке здійснюється під керівництвом викладача. Природно, що тестові запитання, які «ставить» студенту комп’ютер, поки що набагато поступаються за своєю різноманітністю, запитанням, що ставляться при спілкуванні з викладачем, проте їх коло поступово розширюється.

При проектуванні і створенні Е.п. та навчальних програм потрібно дотримуватися психологічних принципів взаємодії людини і комп’ютера. Виняткове дидактичне значення має компоновка текстового, графічного та іншого матеріалу. Якість сприйняття нової інформації, можливість узагальнення й аналізу, швидкість запам’ятовування, повнота засвоєння навчальної інформації значною мірою залежать як від розташування інформації на сторінці (екрані монітора), так і від послідовності сторінок. Ці елементи відіграють важливу роль не тільки в усвідомленні й розумінні змісту матеріалу користувачем, але і в подальшому кодуванні та перекладі в довготривалу електронну пам’ять матеріалів Е.п. для його зберігання й використання. Слід зазначити, що використання Е.п. доцільне тільки в комплексі з іншими навчальними системами, при цьому не заперечуючи, а взаємно доповнюючи друкарські видання.

4. Структура електронного підручника та схеми навігації

1 Ієрархія підручника

Головна сторінка
Програма

Семінар
Практичні
Тестування

Словник
Тести
Контакти

2 Розділи підручника

Головна сторінка – на цій сторінці описано дисципліна електронного підручника, учбовий заклад, спеціальність, години навчальної программи та викладачі дисципліни.
Програма – включає в себе 3 пункта:

Семінар – семінарські заняття дисципліни.
Всесвітня історія опорний конспект – конспекти-заняття дисципліни.
Модульна карта – розділи, кількість годин, заходи.
Список відеофільмів та DVD – список фільмів та відео з дисципліни.

Словники – Історичні словники-визначення.

Біографічний довідник – фото та коротка біографія видатних історичних діячів.
Словник термінів – найважливіші історичні терміни.

Тести – тестування по найважливішим тема дисципліни.

Перша свiтова вiйна 1914-1918 рр. Повоэнне облаштування свiту.
Перiод повоэнної кризи та революцiя 1917-1923.
Перiод стабiлiзацiї в Европi та Пiвнiчнiй Америцi (1924-1929).
Свiт в перiод економiчноii кризи 1929-1933 рр. та подолання її наслідків.

Контакти – імя, телефон, електронна пошта та адреса виконавця.

3 Структурно-логічна схема

5 Сценарії та основні модулі інформаційної системи

1 Головна сторінка (index.Html)

Головна сторінка – на цій сторінці описано дисципліна електронного підручника, учбовий заклад, спеціальність, години навчальної программи та викладачі дисципліни.

Призначення: головна сторінка потрібна для ознайомленням та отримання представлення щодо приналежності сайту до декотрої області та розуміння користі цього сайту.

Зображення 1 (index.html)

Код сторінки:

<html>

<head>

<title>Всесвітня Історія Е.П.</title>

</head>

beginneon();

</script></h2>

<style>

body {

background: url(images/12.jpg);

background-repeat: no-repeat;

/* если ширина окна <= 1000px ... */

/*открываем media query*/

@media screen and (max-width: 1000px) {

/* Делаем основной контент немного шире */

#content {

width: 75%;

}

/* Переносим навигацию наверх сайдбара */

#nav, #sidebar {

width: 25%;

}

/* Регулируем отступы сайдбара */

#sidebar .inner {

margin-right: 0;

margin-top: 20px;

}

/*закрываем media query*/

-moz-background-size: 100%; /* Firefox 3.6+ */

-webkit-background-size: 100%; /* Safari 3.1+ и Chrome 4.0+ */

-o-background-size: 100%; /* Opera 9.6+ */

background-size: 100%; /* Современные браузеры */

li {

display: inline-block; /* Строчно-блочные элементы */

background: #CA181A; /* Цвет фона */

margin-right: 3px; /* Расстояние между пунктами меню */

-webkit-transform: skewX(-30deg); /* Для Safari и Chrome */

-moz-transform: skewX(-30deg); /* Для Firefox */

-o-transform: skewX(-30deg); /* Для Opera */

-ms-transform: skewX(-30deg); /* Для IE */

transform: skewX(-30deg); /* CSS3 */

}

a {

color: #fff; /* Цвет ссылок */

display: block; /* Блочный элемент */

padding: 5px 15px; /* Поля вокруг текста */

text-decoration: none; /* Убираем подчёркивание */

-webkit-transform: skewX(30deg); /* Для Safari и Chrome */

-moz-transform: skewX(30deg); /* Для Firefox */

-o-transform: skewX(30deg); /* Для Opera */

-ms-transform: skewX(30deg); /* Для IE */

transform: skewX(30deg); /* CSS3 */

}

li:hover {

background: #333; /* Цвет фона при наведении курсора мыши */

}

</style>

<body>

<li><a href="index.html">Головна</a>

<li><a href="#">Програма</a>

<ul>

<li><a href='seminar.html'>Семінар</a></li>

<li><a href="o_1.html">Всесвітня історія Опорний коеспект</a></li>

<li><a href="mod_kartka.html">Модульна картка</a></li>

<li><a href="dvd.html">Список відеофільмів та DVD</a></li>

</ul>

<li><a href="#">Словники</a>

<ul>

<li><a href="biograph_dov.html">Біографічний довідник</a></li>

<li><a href="slovar.html">Словник Термінів</a></li>

</ul>

<li><a href="#">Тести</a>

<ul>

<li><a href='1914—1918.html'>Перша світова війна 1914—1918 рр. Повоєнне облаштування світу</a></li>

<li><a href="1917—1923.html">Період повоєнної кризи та революцій 1917—1923</a></li>

<li><a href="1924—1929.html">Період стабілізації в Європі та в Північній Америці 1924—1929</a></li>

<li><a href="1929—1933.html">Світ в період економічної кризи 1929—1933 рр. та подолання її наслідків</a></li>

</ul>

<li><a href='connect.html'>Контакти</a></li>

</ul>

<tr>

<h1>

</h1>

<font size="7">Всесв<span lang="en-us">i</span>тня <span lang="en-us">I</span>стор<span lang="en-us">i</span>я</font></h3>

<tr>

<td>

<table

width="100%" border="0" cellspacing="0" cellpadding="0" id="welcome">

<tr>

</td>

</tr>

</table>

</td>

</tr>

</table>

</td>

</tr>

</table>

</td></tr>

<span style="font-size:

18.0pt;font-family:"Monotype Corsiva";color:black">Ми рад</span><span lang="EN-US" style="font-size: 18.0pt; font-family:

Monotype Corsiva; color: black">i</span><span lang="EN-US" style="font-size:

18.0pt;font-family:"Monotype Corsiva";color:black"> </span>

<span style="font-size:18.0pt;font-family:

"Monotype Corsiva";color:black">в</span><span lang="EN-US" style="font-size: 18.0pt; font-family: Monotype Corsiva; color: black">i</span><span style="font-size:18.0pt;

font-family:"Monotype Corsiva";color:black">тати вас!!!</span></font></p>

<span style="font-size:

18.0pt;font-family:"Monotype Corsiva";color:black">Учбовий заклад: Ма</span><span lang="UK" style="font-size: 18.0pt; font-family: Monotype Corsiva; color: black">шинобудівний

коледж СумДУ</span></font></p>

Спеціальність: для студентів усіх спеціальностей та рівнів підготовки.</span></font></p>

Курс 1-2.</span></font></p>

Дисципліна: "Всесвітня Історія".</span></font></p>

Викладачі: Бондаренко Д.І.</span></font></p>

Титаренко А.В.</span></font></p>

<span style="font-size:

18.0pt;font-family:"Monotype Corsiva";color:black">Елеккторнний п</span><span lang="EN-US" style="font-size: 18.0pt; font-family: Monotype Corsiva; color: black">i</span><span style="font-size:18.0pt;

font-family:"Monotype Corsiva";color:black">дручник включатиме курс з

предмету "Всесв</span><span lang="EN-US" style="font-size:

18.0pt; font-family: Monotype Corsiva; color: black">i</span><span style="font-size:18.0pt;font-family:"Monotype Corsiva";

color:black">тня </span>

I</span><span style="font-size:18.0pt;font-family:"Monotype Corsiva";

color:black">стро</span><span lang="UK" style="font-size: 18.0pt; font-family: Monotype Corsiva; color: black">і</span><span style="font-size:18.0pt;font-family:"Monotype Corsiva";

color:black">я"</span></font></p>

<span style="font-size:

18.0pt;font-family:"Monotype Corsiva";color:black">Навчальна програма

су.</span></font></p>

<span style="font-size:

12.0pt;font-family:"Monotype Corsiva""> </span></font></p>

</div>

</td>

</tr>

<!-- <a href="index.html">Главная</a> | <a href="konspekt.html">Конспекты</a> | <a href="test.html">Тесты</a> | <a href="history.html">История</a> | <a href="contact.html">Контакты</a>

-->

<p>Сайт розробив <span> <a target=_new href ="https://vk.com/matvienko_bogdan"

title="Cторінка ВК Матвієнко Богданна.">Матвієнко Богдан</A></span>.<p>

</div>