- •Міністерство освіти і науки України Машинобудівний коледж Сумського державного університету Циклова комісія спеціальності 5.05010101
- •Курсовий проект з предмету “ Web-технології та web-дизайн”
- •Дисципліна “Web-технології та web-дизайн”
- •Курс _______________ Група __________________ Семестр ______________ завдання на курсову роботу студента
- •1 Постановка задачі
- •2 Дослідження предметної області
- •3 Структура електронного підручника та схема навігації
- •3.1 Карта сайту
- •4 Сценарії та основні модулі
- •4.1 Головна сторінка
- •4.2 Шаблон web-інтрфейсу
- •4.3 Сторінка з питаннями для самоконтролю
- •4.4 Опис інтерактивних елементів
- •Висновок
- •Література
- •Додаток а
- •Додаток б
- •Додаток в
- •Додаток г
Додаток г
Інтерактивні елементи «scrollup.css»:
<!— кнопка вверх -->
#scrollup {
position: fixed; /* фиксированная позиция */
opacity: 0.5; /* прозрачность */
padding: 15px 10px 10px; /* отступы */
background: #aaa;
border-radius: 5px; /* скругление углов */
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
left: 10px; /* отступ слева */
bottom: 10px; /* отступ снизу */
display: none; /* спрятать блок */
cursor: pointer;
}
<!--/ Показ відеофільмів -->
<!-- Spoiler start --><dl><dt class="quotetitle"><a href="javascript: void(0);" onclick="var spoiler = this.parentNode.parentNode.getElementsByTagName('dd')[0]; if ( spoiler.style.display == 'none' ) { spoiler.style.display = 'block';} else { spoiler.style.display = 'none';};">1. Найжорстокіші люди історії: Гітлер, Сталін.</em></a></dt><dd class="quotecontent" style="display: none;"> <p><iframe width="993" height="657" src="https://www.youtube.com/embed/lTxO4bSvBq8" frameborder="0" allowfullscreen></iframe> <br> <br></dd></dl><!-- Spoiler end -->
<!-- Spoiler start --><dl><dt class="quotetitle"><a href="javascript: void(0);" onclick="var spoiler = this.parentNode.parentNode.getElementsByTagName('dd')[0]; if ( spoiler.style.display == 'none' ) { spoiler.style.display = 'block';} else { spoiler.style.display = 'none';};">2. Велика вітчизняна війна. Ціна перемоги.</em></a></dt><dd class="quotecontent" style="display: none;"> <p><iframe width="993" height="657" src="https://www.youtube.com/embed/JV_J2LE82M4" frameborder="0" allowfullscreen></iframe> <br> <br></dd></dl><!-- Spoiler end -->