
- •З предмету _______“Web-технології та Web-дизайн”___________
- •Завдання на курсову роботу студента
- •1 Вступ
- •2 Постановка задачі
- •3 Дослідження предметної галузі
- •4. Структура електронного підручника та схеми навігації
- •1 Ієрархія підручника
- •2 Розділи підручника
- •3 Структурно-логічна схема
- •5 Сценарії та основні модулі інформаційної системи
- •1 Головна сторінка (index.Html)
- •2 Шаблон (drop_gor_menu.Css)
- •3 Код сторінки з питаннями для самоконтролю (1914—1918.Html)
- •3 Код сторінки інтерактивних елементів (dvd.Html)
- •Висновок
- •Література
3 Код сторінки інтерактивних елементів (dvd.Html)
Інтерактивні елементи – обмін інформації через обробку запиту або обміну мультимедійного продукту.
Призначення: перегляд мультимедійного контенту з дисципліни.
Зображення 4 (dvd.html)
Зображення
5 (dvd.html)
Код сторінки:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="author" content="styledmenus.com" />
<title>Всесвітня Історія Е.П.</title>
<link rel="stylesheet" href="drop_gor_menu.css" type="text/css" />
<link rel="icon" href="images/icon.ico" />
</head>
<style>
body {
background: url(images/12.jpg) no-repeat;
-moz-background-size: 20%; /* Firefox 3.6+ */
-webkit-background-size: 100%; /* Safari 3.1+ и Chrome 4.0+ */
background-position: left, right;
background-repeat: repeat-y, repeat-y;
-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>
<script type="text/javascript" language="javascript" src="js/jquery.js"></script>
<script type="text/javascript" language="javascript" src="js/menu.js"></script>
<script type="text/javascript" language="javascript">
function printBlock() {
PrintContent = $('#PrintContent').html();
$('body').addClass('printSelected');
$('body').append('<div class="printSelection">'+PrintContent+'</div>');
window.print();
window.setTimeout(pageCleaner,0);
return false;
}
function pageCleaner(){
$('body').removeClass('printSelected');
$('.printSelection').remove();
}
</script>
<div style="height:1000px">
<body>
<div id="pageBody">
<ul class="menu">
<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>
<table width="1000" border="0" align="center" cellspacing="0" cellpadding="0">
<tr><td>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="top" width="310" align="right">
<td valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<h1>
</div>
</h1>
<h3 style="color: rgb(0, 0, 0); font-family: Classica One; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: normal; orphans: auto; text-align: start; text-
indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px">
<font size="10">Всесв<span lang="en-us">i</span>тня <span lang="en-us">I</span>стор<span lang="en-us">i</span>я</font></h3>
<p><font face="Classica One" size="5"><span lang="ru">Список ф</span>i<span lang="ru">льм</span>i<span lang="ru">в
та </span>DVD <span lang="ru">по</span> Всесв<span lang="en-us">i</span>тн<span lang="en-us">i</span>й
<span lang="en-us">I</span>стор<span lang="en-us">iii</span></font></p>
<div id="contentmid">
<div class="icons">
<a href="#" title="Роздрукувати" onclick="printBlock();"><img src="images/print (1).ico" title="Роздрукувати"/></a>
<a href="files/Список відеофільмів та DVD.doc" title="Скачати Word"><img src="images/Word-3d (1).ico" title="Скачати Word"/></a>
<a href="files/Список_відеофільмів_та_DVD.pdf" title="Скачати PDF" target="_blank" download=""><img src="images/pdf_icon.ico" title="Скачати PDF"/></a>
</div>
<div id="PrintContent">
<div class="midtxt">
</div>
<p> </p>
<tr><td align="right"><img src="images/hr_line.gif" width="432" height="1" alt=""></td></tr>
<tr>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="0"
id="welcome">
<tr>
<td width="228" valign="top" align="right">
<p class="font_small"></p>
</td>
<td valign="top" align="right" id="tema">
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td></tr>
<tr><td id="body_txt">
<div id="PrintContent">
<center><embed src="files/Список_відеофільмів_та_DVD.pdf" width="987" height="800" valign = top right bottom no-repeat;/></center> <br>
<iframe width="993" height="657" src="https://www.youtube.com/embed/AqsCVvC9OYY" frameborder="0" allowfullscreen></iframe> <br>
<iframe width="993" height="657" src="https://www.youtube.com/embed/lTxO4bSvBq8" frameborder="0" allowfullscreen></iframe> <br>
<iframe width="993" height="657" src="https://www.youtube.com/embed/JV_J2LE82M4" frameborder="0" allowfullscreen></iframe> <br>
<iframe width="993" height="657" src="https://www.youtube.com/embed/eq-cxM0WA6k" frameborder="0" allowfullscreen></iframe> <br>
<iframe width="993" height="657" src="https://www.youtube.com/embed/N8xfP_FV99k" frameborder="0" allowfullscreen></iframe> <br>
<iframe width="993" height="657" src="https://www.youtube.com/embed/U98HLSqJMmM" frameborder="0" allowfullscreen></iframe> <br>
<iframe width="993" height="657" src="https://www.youtube.com/embed/92E8oVmw_rU" frameborder="0" allowfullscreen></iframe> <br>
<iframe width="993" height="657" src="https://www.youtube.com/embed/9RBRK4x7ovQ"
frameborder="0"
allowfullscreen></iframe> <br>
<iframe width="993" height="657" src="https://www.youtube.com/embed/-lsiSFT7D2Q" frameborder="0" allowfullscreen></iframe> <br>
<iframe width="993" height="657" src="https://www.youtube.com/embed/GqAghpfFIVM" frameborder="0" allowfullscreen></iframe> <br>
<iframe width="993" height="657" src="https://www.youtube.com/embed/mZqEyv5Z6G0" frameborder="0" allowfullscreen></iframe> <br>
<iframe width="993" height="657" src="https://www.youtube.com/embed/g6ffJP487cg" frameborder="0" allowfullscreen></iframe> <br>
<iframe width="993" height="657" src="https://www.youtube.com/embed/rzTrf2seiiE" frameborder="0" allowfullscreen></iframe> <br>
<iframe width="993" height="657" src="https://www.youtube.com/embed/O5lIngy0WDg" frameborder="0" allowfullscreen></iframe> <br>
<iframe width="993" height="657"
src="https://www.youtube.com/embed/qXF3gANlCAU" frameborder="0" allowfullscreen></iframe> <br>
<iframe width="993" height="657" src="https://www.youtube.com/embed/t8pTX0k_4gQ" frameborder="0" allowfullscreen></iframe> <br>
<iframe width="993" height="657" src="https://www.youtube.com/embed/jhiejbJZH2Y" frameborder="0" allowfullscreen></iframe> <br>
<iframe width="993" height="657" src="https://www.youtube.com/embed/2-3UaVZFluc" frameborder="0" allowfullscreen></iframe> <br>
<iframe width="993" height="657" src="https://www.youtube.com/embed/WHz55M1zxHQ" frameborder="0" allowfullscreen></iframe> <br>
<iframe width="993" height="657" src="https://www.youtube.com/embed/mAFZ043prM4" frameborder="0" allowfullscreen></iframe> <br>
<iframe width="993" height="657" src="https://www.youtube.com/embed/TzTbO6pdpaA" frameborder="0" allowfullscreen></iframe> <br>
<iframe width="993" height="657" src="https://www.youtube.com/embed/FEe5UXVn85Y" frameborder="0" allowfullscreen></iframe> <br>
<iframe width="993" height="657" src="https://www.youtube.com/embed/rJS9MxaNIwo" frameborder="0" allowfullscreen></iframe> <br>
<iframe width="993" height="657" src="https://www.youtube.com/embed/4rWYqlrlwcE" frameborder="0" allowfullscreen></iframe> <br>
<iframe width="993" height="657"
src="https://www.youtube.com/embed/tn2jHDb_Fbs"
frameborder="0" allowfullscreen></iframe> <br>
<iframe width="993" height="657" src="https://www.youtube.com/embed/fXyZAlhdAS4?list=PLF5EC3F26CC628055" frameborder="0" allowfullscreen></iframe> <br>
<iframe width="993" height="657" src="https://www.youtube.com/embed/LglvZxhZKYo" frameborder="0" allowfullscreen></iframe> <br>
<iframe width="993" height="657" src="https://www.youtube.com/embed/-CfJwSrrEQ0" frameborder="0" allowfullscreen></iframe> <br>
<iframe width="993" height="657" src="https://www.youtube.com/embed/Q5AA0-FTYko" frameborder="0" allowfullscreen></iframe> <br>
<iframe width="993" height="657" src="https://www.youtube.com/embed/EGxtjS8NgOQ" frameborder="0" allowfullscreen></iframe> <br>
<iframe width="993" height="657" src="https://www.youtube.com/embed/Gasw0-84f14" frameborder="0" allowfullscreen></iframe> <br>
<iframe width="993" height="657"
src="https://www.youtube.com/embed/JebJefeXBRw" frameborder="0" allowfullscreen></iframe> <br>
<iframe width="993" height="657" src="https://www.youtube.com/embed/hDzq67FM0kg?list=PLhuA9d7RIOdZW5GMDfDzPZSIffFYUogL-" frameborder="0" allowfullscreen></iframe> <br>
<iframe width="993" height="657" src="https://www.youtube.com/embed/XZvN3BpVWco" frameborder="0" allowfullscreen></iframe> <br>
<iframe width="993" height="657" src="https://www.youtube.com/embed/Ap6FgK6I2Q0" frameborder="0" allowfullscreen></iframe> <br>
<iframe width="993" height="657" src="https://www.youtube.com/embed/J8ZybueZtx0" frameborder="0" allowfullscreen></iframe> <br>
<iframe width="993" height="657" src="https://www.youtube.com/embed/Hv46Yiy-VTo?list=PLB15CA00CEF6A51CE" frameborder="0" allowfullscreen></iframe> <br>
<iframe width="993" height="657" src="https://www.youtube.com/embed/45X-eke1pDQ" frameborder="0" allowfullscreen></iframe> <br>
<iframe width="993" height="657" src="https://www.youtube.com/embed/1fQwdjZUul8" frameborder="0" allowfullscreen></iframe> <br>
<iframe width="993" height="657" src="https://www.youtube.com/embed/sPnccIgjDPA?list=PLEF3n93s3P7UMfHmvk4CakRIBqib40R6r" frameborder="0" allowfullscreen></iframe> <br>
<iframe
width="993" height="657"
<iframe
width="993" height="657"
src="https://www.youtube.com/embed/yeuViVuvGVA"
frameborder="0" allowfullscreen></iframe> <br>
</div>
</td>
</tr>
<tr><td align="center" id="bottom_menu">
<!-- <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>
<div class="footer">
<p>Сайт розробив <span> <a target=_new href ="https://vk.com/matvienko_bogdan"
title="Cторінка ВК Матвієнко Богданна.">Матвієнко Богдан</A></span>.<p>
<p>© 2015. Всі права захищені.</p>
</div>
</html>