Міністерство освіти та науки України Національний університет «Львівська політехніка» / ЗВІТ З лабораторної роботи №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 та встановив меню на сайт.