Частина тексту файла (без зображень, графіків і формул):
Міністерство освіти та науки України
Національний університет «Львівська політехніка»
/
ЗВІТ
З лабораторної роботи №4
з дисципліни: «Глобальні інформаційні мережі»
на тему:
«Бібліотека jQuery»
Мета: Ознайомитися з бібліотеками jQuery та jQuery UI та реалізованими прикладами. Обрати кілька віджетів та інформерів з відкритих джерел. Втілити їх у відповідні сторінки сайту.
Етапи виконання роботи:
1) Спочатку я ознайомився з реалізованими прикладами з бібліотек jQuery та jQuery UI.
Для того щоб оживити сайт я реалізував Timeline. На просторах інтернету я знайшов скрипт, який найбільше влаштовував мене:
/
2) Для того щоб підключити таке меню, спочатку потрібно на ресурсі вказати пропоновані параметри:
/
3) Згенерований iframe вставляється у відповідне місце, де заплановано його розміщ
<iframe src='http://cdn.knightlab.com/libs/timeline/latest/embed/index.html?source=0AmzL2gv_Eew9dG5Nci1SUm5ZdW9BNmlja1l0d1o5MUE&font=PlayfairDisplay-Muli&maptype=toner&lang=en&height=555' width='100%' height='555' frameborder='0' style="
padding-top: 5%;
"></iframe>
4) Таймлайн підключається до Google Spreadsheets, що дозволяє легко користуватися можливостями цього скрипту:
/
5) Після заповнення таблиці контенту, отримав ось такий Таймлайн:
/
6) Додав Кнопку для Фоловінгу Твітеру:<a href="https://twitter.com/BUBLIK_LviV" class="twitter-follow-button" data-show-count="false">Follow @BUBLIK_LviV</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
/
Висновок: на даній лабораторній роботі я ознайомився з бібліотеками jQuery UI та встановив меню на сайт.