Презентація "Використання режиму збереження графіки для WEB."

Про матеріал

В презентації розглянуто різноманітні формати зображень та іх властивості, які можна додавати до сайтів. Зокрема детально розповідається про формат gif-зображень. Подано приклади посилань на сайти, де можна створювати анімаційне зображення. В кінці презентації є практичне завдання, у вигляді однієї сторінки веб-сайту, яку потрібнео відредагувати.

Зміст слайдів
Номер слайду 1

Номер слайду 2

GIF-формат (Graphics Interchange Format) базується на векторній графіці (наприклад, логотип), де всі лінії визначаються за допомогою математичних формул. Цей формат дозволяє стискати однотонні зображення без втрати якості та чіткості. Проте, при наявності тонких відтінків стиск об'єднає їх в один базовий колір, оскільки палітра цього формату використовує лише 256 кольорів.

Номер слайду 3

GIF-файли мають невеликий розмір, що є оптимальним для швидкого завантаження сторінки. Також GIF-зображення можна помістити на прозорому тлі, що дозволить гармонійно вписати його у тло сторінки

Номер слайду 4

Сайти для сворення gif-анімації https://gifius.ru https://www.imgonline.com.ua http://picasion.com http://gickr.com http://makeagif.com

Номер слайду 5

Створення зображень-ролловерів Ролловер – це кнопка або зображення на веб-сторінці, що змінюється, коли вказівник миші знаходиться на ньому. Для створення ролловера щонайменше потрібно два зображення: перше зображення для нормального стану та друге – для зміненого.

Номер слайду 6

Надрукуйте наступний текст: Це заголовок сторінки < / title > </ head > <body> <h1> Здравствуйте! </ h1 > <p> Це моя перша сторінка HTML. <b> Цей текст виводиться жирним шрифтом. </ b > </ p > </ body > </ html > Збережіть файл як ” page1.htm “. </p> </div> </div> </div> <div class="slide-transcript"> <div class="row"> <div class="col-md-5"> <a href="/uploads/files/71736/30296/30031_images/7.jpg" data-lightbox="slides" data-title="Слайд №7"><img src="/uploads/files/71736/30296/30031_images/thumb_7.jpg" width="100%" /></a> </div> <div class="col-md-7"> <div class="num">Номер слайду 7</div> <p></p> </div> </div> </div> </div> </div> </div> <div class="col-md-3 col-sm-4 col-xs-12"> <div class="file-info ppt"> <div class="filetype">ppt</div> <div class="hidden-xs visible-sm visible-md visible-lg"> <a class="btn btn-orange btn-block" href="#" data-toggle="modal" data-target="#registration"><i class="fa fa-download" aria-hidden="true"></i> Завантажити</a> <div class="bookmark-file"><a href="#" class="" data-toggle="modal" data-target="#registration"><span>Зберегти на потім</span> <i class="fa fa-bookmark" aria-hidden="true"></i></a></div> </div> <div class="author"> <div class="control-label">Додав(-ла) </div> <img src="/uploads/avatars/71736.jpg" class="profile-avatar-mini" /> <a href="/profile/71736">Саклакова Ірина Михайлівна</a> <div class="clearfix"></div> </div> <div class="taxonomy"> <div class="control-label">Пов’язані теми</div> <a href="/biblioteka/informatika">Інформатика</a>, <a href="/biblioteka/informatika/klas-9">9 клас</a>, <a href="/biblioteka/typ-2">Матеріали до уроків</a> </div> <div class="taxonomy"> <div class="control-label">До підручника</div> Інформатика (підручник для класів із поглибленим вивченням інформатики) 9 клас (Руденко В.Д., Речич Н.В., Потієнко В.О.) </div> <div class="meta"> <div class="control-label">Додано</div> <span><i class="fa fa-calendar" aria-hidden="true"></i> 14 травня 2018</span> </div> <div class="meta"> <div class="control-label">Переглядів</div> <span><i class="fa fa-eye" aria-hidden="true"></i> 1095</span> </div> <div class="taxonomy"> <div class="control-label">Оцінка розробки</div> <div class="rating-view rating-left"> <div class="rating-mark"> Відгуки відсутні </div> </div> </div> </div> <a class="show-time-item margbottom" href="/site/go/288"><img src="https://naurok.com.ua/uploads/banner/288/1669640056.png" width="100%" alt="" target="_blank"></a> <div class="promo-cert promo-cert-top"> <div class="promo-cert-preview"> <img src="/img/mart-cert-lg.png" /> </div> <div class="promo-cert-name">Безкоштовний сертифікат<br />про публікацію авторської розробки</div> <div style="font-size:12px;">Щоб отримати, додайте розробку</div> <br /> <a class="btn btn-primary btn-block" href="/biblioteka/upload"><i class="fa fa-plus" aria-hidden="true"></i> Додати розробку</a> </div> <div class="items related"> <div class="related-head">Рекомендовані матеріали</div> <div class="file-item docx"> <div class="filetype">docx</div> <div class="meta pull-right"> <span><i class="fa fa-eye" aria-hidden="true"></i> 999</span> <span><i class="fa fa-comment-o" aria-hidden="true"></i> 0</span> </div> <div class="headline"> <a href="/samostiyna-robota-personalne-navchalne-seredovische-vikoristannya-hmarnih-servisiv-dlya-zberigannya-danih-31232.html">САМОСТІЙНА РОБОТА "Персональне навчальне середовище. Використання хмарних сервісів для зберігання даних"</a> </div> </div> <div class="file-item docx"> <div class="filetype">docx</div> <div class="meta pull-right"> <span><i class="fa fa-eye" aria-hidden="true"></i> 1481</span> <span><i class="fa fa-comment-o" aria-hidden="true"></i> 0</span> </div> <div class="headline"> <a href="/metodichni-rekomendaci-schodo-vikladannya-tem-merezhevi-tehnologi-i-osnovi-informaciyno-bezpeki-u-9-klasi-za-novim-derzhavnim-standartom-31289.html">«Методичні рекомендації щодо викладання тем "Мережеві технології" і "Основи інформаційної безпеки" у 9 класі за Новим Державним стандартом</a> </div> </div> <div class="file-item docx"> <div class="filetype">docx</div> <div class="meta pull-right"> <span><i class="fa fa-eye" aria-hidden="true"></i> 1612</span> <span><i class="fa fa-comment-o" aria-hidden="true"></i> 0</span> </div> <div class="headline"> <a href="/kalendarno-tematichne-planuvannya-urokiv-informatiki-u-9-klasi-32174.html">Календарно-тематичне планування уроків інформатики у 9 класі</a> </div> </div> <div class="file-item doc"> <div class="filetype">doc</div> <div class="meta pull-right"> <span><i class="fa fa-eye" aria-hidden="true"></i> 8587</span> <span><i class="fa fa-comment-o" aria-hidden="true"></i> 0</span> </div> <div class="headline"> <a href="/urok-informatiki-u-9-klasi-na-temu-tema-licenzi-na-programne-zabezpechennya-h-tipi-praktichna-robota-robota-z-interfeysom-koristuvacha-operaciyno-sistemi-32828.html">Урок інформатики у 9 класі на тему "Тема: Ліцензії на програмне забезпечення, їх типи. Практична робота. Робота з інтерфейсом користувача операційної системи. "</a> </div> </div> </div> <div class="items related"> <div class="related-head">Схожі матеріали</div> <div class="file-item pptx"> <div class="filetype">pptx</div> <div class="meta pull-right"> <span><i class="fa fa-eye" aria-hidden="true"></i> 5976</span> <span><i class="fa fa-comment-o" aria-hidden="true"></i> 0</span> </div> <div class="headline"> <a href="/prezentaciya-do-uroku-v-9-klasi-na-temu-animaciya-video-ta-zvuk-u-prezentaciyah-768.html">Презентація до уроку в 9 класі, на тему: "Анімація, відео та звук у презентаціях" </a> </div> </div> <div class="file-item docx"> <div class="filetype">docx</div> <div class="meta pull-right"> <span><i class="fa fa-eye" aria-hidden="true"></i> 3827</span> <span><i class="fa fa-comment-o" aria-hidden="true"></i> 0</span> </div> <div class="headline"> <a href="/konspekt-uroku-9-klas-na-temu-animaciya-video-ta-zvuk-u-prezentaciyah-771.html">Конспект уроку 9 клас, на тему: "Анімація, відео та звук у презентаціях" </a> </div> </div> <div class="file-item pptx"> <div class="filetype">pptx</div> <div class="meta pull-right"> <span><i class="fa fa-eye" aria-hidden="true"></i> 19000</span> <span><i class="fa fa-comment-o" aria-hidden="true"></i> 5</span> </div> <div class="headline"> <a href="/tablichni-velichini-ta-algoritmi-h-opracyuvannya-odnovimirniy-masiv-danih-1301.html">Презентація. Одновимірний масив даних.</a> </div> </div> <div class="file-item zip"> <div class="filetype">zip</div> <div class="meta pull-right"> <span><i class="fa fa-eye" aria-hidden="true"></i> 5403</span> <span><i class="fa fa-comment-o" aria-hidden="true"></i> 5</span> </div> <div class="headline"> <a href="/urok-dlya-9-klasu-ponyattya-pro-movu-html-1305.html">Урок. 9 клас. Тема: "Розмітка гіпертексту засобами мови HTML. Основні поняття."</a> </div> </div> <div class="file-item zip"> <div class="filetype">zip</div> <div class="meta pull-right"> <span><i class="fa fa-eye" aria-hidden="true"></i> 6867</span> <span><i class="fa fa-comment-o" aria-hidden="true"></i> 4.7</span> </div> <div class="headline"> <a href="/urok-9-klas-tema-rozmitka-gipertekstu-zasobami-movi-html-formatuvannya-tekstu-1865.html">Урок. 9 клас. Тема: "Розмітка гіпертексту засобами мови HTML. Форматування тексту."</a> </div> </div> </div> <div class="file-share hidden-xs"> <div class="share-head">Поділитись матеріалом</div> <a href="javascript:void(0)" onclick="Share.facebook('https://naurok.com.ua/prezentaciya-vikoristannya-rezhimu-zberezhennya-grafiki-dlya-web-30296.html', 'Презентація "Використання режиму збереження графіки для WEB."'); Share.log('doc',30296,'facebook');" class="sth-btn btn-block sth-upper sth-btn-facebook"><span class="network-name">facebook</span> <span class="share-count hide">0</span></a> <a href="javascript:void(0)" onclick="Share.viber('https://naurok.com.ua/prezentaciya-vikoristannya-rezhimu-zberezhennya-grafiki-dlya-web-30296.html', 'Презентація "Використання режиму збереження графіки для WEB."'); Share.log('doc',30296,'viber');" class="sth-btn btn-block sth-upper sth-btn-viber"><span class="network-name">viber</span> <span class="share-count hide">0</span></a> <a href="javascript:void(0)" onclick="Share.telegram('https://naurok.com.ua/prezentaciya-vikoristannya-rezhimu-zberezhennya-grafiki-dlya-web-30296.html', 'Презентація "Використання режиму збереження графіки для WEB."'); Share.log('doc',30296,'telegram');" class="sth-btn btn-block sth-upper sth-btn-telegram"><span class="network-name">telegram</span> <span class="share-count hide">0</span></a> <a href="javascript:void(0)" onclick="Share.twitter('https://naurok.com.ua/prezentaciya-vikoristannya-rezhimu-zberezhennya-grafiki-dlya-web-30296.html', 'Презентація "Використання режиму збереження графіки для WEB."'); Share.log('doc',30296,'twitter');" class="sth-btn btn-block sth-upper sth-btn-twitter"><span class="network-name">Twitter</span> <span class="share-count hide">0</span></a> <a href="javascript:void(0)" onclick="Share.google('https://naurok.com.ua/prezentaciya-vikoristannya-rezhimu-zberezhennya-grafiki-dlya-web-30296.html'); Share.log('doc',30296,'google');" class="sth-btn btn-block sth-upper sth-btn-google-plus"><span class="network-name">Google+</span> <span class="share-count hide">0</span></a> </div> </div> </div> </div> </div> </div> <div class="fixed-bottom-overlay visible-upto-l socialbar clearfix" style="visibility: visible;"> <div class="new-variation-3 new-variation-3-library"> <div class="library-panel"> <div class="row"> <div class="col-xs-6"> <a class="btn btn-orange btn-block btn-download-panel" href="/registration?file_id=30296"><i class="fa fa-download" aria-hidden="true"></i> Завантажити</a> </div> <div class="col-xs-6"> <div class="bookmark-file"><a href="/registration?file_id=30296" class="" onClick="libsBookmark.save(30296);"><span>Зберегти на потім</span> <i class="fa fa-bookmark" aria-hidden="true"></i></a></div> </div> </div> </div> </div> </div> <style> .library .document-content-block { -webkit-touch-callout: initial !important; -webkit-user-select: initial !important; -khtml-user-select: initial !important; -moz-user-select: initial !important; -ms-user-select: initial !important; user-select: initial !important; } </style> </div><!-- /.container --> <style> .field-recaptcha{ display: none; } .grecaptcha-badge { visibility: hidden; } </style> <footer class="site-footer"> <div class="site-footer__document-check"> <div class="container-fluid"> <form id="w5" action="/proof" method="POST"> <input type="hidden" name="_csrf" value="aXfycZj0xuTzhVuQK2yh191n_rsAYffyid6fJOn0Lxs9WooU65DrqIXcOcBBJ9fhuAWZ3Hcmm8fWgc1u3oVpQg=="> <div class="row"> <div class="col-xs-12 text-center"> <span class="site-footer__title"> Перевірка виданих документів </span> </div> <div class="col-xs-12 text-center"> <small class="site-footer__title site-footer__title--small"> Вкажіть номер документа (використовуйте кириличну розкладку) </small> </div> <div class="col-xs-12"> <div class="site-footer__form"> <div class="site-footer__input-wrapper"> <input type="text" name="number" value="" placeholder="ВXXX-XXXX" > </div> <div class="site-footer__button-wrapper"> <button type="submit">ПЕРЕВІРИТИ</button> </div> </div> </div> </div> </form> </div> </div> <div class="site-footer__main"> <div class="container-fluid"> <div class="row site-footer__main-row"> <div class="col-xs-6 col-md-3"> <ul class="site-footer__list"> <li> <span class="site-footer__title"> Підвищення кваліфікації </span> </li> <li><a class="site-footer__item" href="/upgrade">Підвищення кваліфікації</a></li> <li><a class="site-footer__item" href="/webinar">Вебінари</a></li> <li><a class="site-footer__item" href="/conference">Конференції</a></li> <li><a class="site-footer__item" href="/courses">Курси</a></li> </ul> </div> <div class="col-xs-6 col-md-3"> <ul class="site-footer__list"> <li> <span class="site-footer__title"> Розділи </span> </li> <li><a class="site-footer__item" href="/journal">Журнал</a></li> <li><a class="site-footer__item" href="/biblioteka">Бібліотека розробок</a></li> <li><a class="site-footer__item" href="/test">Тести</a></li> <li><a class="site-footer__item" href="/labs">Лабораторні роботи</a></li> <li><a class="site-footer__item" href="/project">Проєкти</a></li> <li><a class="site-footer__item" href="/konkurs">Конкурси</a></li> <li><a class="site-footer__item" href="/olimpiada">Олімпіади</a></li> <li><a class="site-footer__item" href="/assistant">Штучний інтелект для вчителів</a></li> <li><a class="site-footer__item" href="https://naurok.ua/course/english">Курси англійської мови</a> </ul> </div> <div class="col-xs-6 col-md-3 site-footer__social"> <ul class="site-footer__list"> <li> <span class="site-footer__title"> Про нас </span> </li> <li><a class="site-footer__item" href="/page/about">Про «На Урок»</a></li> <li><a class="site-footer__item" href="/school/request">Співпраця закладів освіти</a></li> </ul> <a href="/page/contact-us" class="button button--primary"> Зворотний зв'язок </a> <div class="site-footer__social-group"> <a target="_blank" href="https://www.youtube.com/channel/UCMCYaKTwZ1Olw1fuzLvgA_Q" class="site-footer__social-item site-footer__social-item--youtube"> <img src="/img/footer/youtube-ico.svg" alt=""> </a> <a target="_blank" href="https://www.facebook.com/naurok.com.ua/" class="site-footer__social-item site-footer__social-item--facebook"> <img src="/img/footer/facebook-ico.svg" alt=""> </a> <a target="_blank" href="https://t.me/naurok" class="site-footer__social-item site-footer__social-item--telegram"> <img src="/img/footer/telegram-ico.svg" alt=""> </a> </div> </div> <div class="col-xs-6 col-md-3"> <ul class="site-footer__list"> <li> <span class="site-footer__title"> Інше </span> </li> <li><a class="site-footer__item" href="https://naurok.ua">Вхід для учнів (naurok.ua)</a></li> <li><a class="site-footer__item" href="/calendar">Матеріали до свят</a></li> <li><a class="site-footer__item" href="/five">Конкурс «Фантастична п’ятірка»</a></li> </ul> </div> </div> <div class="row site-footer__copyright"> <div class="site-footer__copyright-info"> <div class="row"> <div class="col-xs-12 col-lg-6"> <small class="site-footer__title site-footer__title--small"> © 2017-2024, ТОВ «На Урок» </small> </div> <div class="col-xs-12 col-lg-6 text-xl-right"> <a href="/page/terms-of-use" class="site-footer__title--small">Угода користувача</a> | <a href="/page/terms" class="site-footer__title--small">Умови користування</a> | <a href="/page/privacy-policy" class="site-footer__title--small">Політика конфіденційності</a> </div> </div> </div> </div> </div> </div> </footer> <div class="modal fade" id="registration" tabindex="-1" role="dialog" aria-labelledby="registration"> <div class="modal-dialog modal-registration" role="document"> <div class="modal-content"> <div class="modal-body"> <div class="account-page account-registration" style="margin-top:10px"> <div class="row"> <div class="col-md-12 col-sm-12"> <div class="h1-block text-center" style=" margin: 0 0 10px; font-weight: 700; font-size: 30px; line-height: 1; color: #bdbdbd;">Реєстрація на сайті «На Урок»</div> <div class="sth-form sth-form-white"> <div class="auth-clients"> <a class="facebook auth-link-facebook" href="/account/auth?authclient=facebook" title="Facebook"> <i class="fa fa-facebook-square" aria-hidden="true"></i> Зареєструватись за допомогою Facebook </a> </div> <div class="auth-clients"> <a class="google auth-link-google" href="/account/auth?authclient=google" title="Facebook"> <i class="fa fa-google-plus-square" aria-hidden="true"></i> Зареєструватись за допомогою Google </a> </div> <div class="auth-or">або</div> <form id="w6" action="/registration" method="post"> <input type="hidden" name="_csrf" value="aXfycZj0xuTzhVuQK2yh191n_rsAYffyid6fJOn0Lxs9WooU65DrqIXcOcBBJ9fhuAWZ3Hcmm8fWgc1u3oVpQg=="> <div class="form-group field-lastname required"> <label class="control-label" for="lastname">Прізвище</label> <input type="text" id="lastname" class="form-control input-lg" name="lastName" maxlength="255" placeholder="Вкажіть прізвище" aria-required="true"> <p class="help-block help-block-error"></p> </div> <div class="form-group field-firstname required"> <label class="control-label" for="firstname">Ім'я</label> <input type="text" id="firstname" class="form-control input-lg" name="firstName" maxlength="255" placeholder="Вкажіть ім'я" aria-required="true"> <p class="help-block help-block-error"></p> </div> <div class="form-group field-email required"> <label class="control-label" for="email">Email</label> <input type="text" id="email" class="form-control input-lg" name="email" placeholder="Вкажіть ваш email" aria-required="true"> <p class="help-block help-block-error"></p> </div> <div class="form-group field-password required"> <label class="control-label" for="password">Пароль</label> <input type="password" id="password" class="form-control input-lg" name="password" placeholder="Придумайте пароль" aria-required="true"> <p class="help-block help-block-error"></p> </div> <div class="form-group field-recaptcha"> <label class="control-label" for="recaptcha"></label> <input type="hidden" id="recaptcha" class="form-control" name="reCaptcha"> <p class="help-block help-block-error"></p> </div> <p style="margin-top:20px; text-align:center;">Реєструючись, ви погоджуєтеся з <a target="_blank" href="/page/terms-of-use">угодою користувача</a> та <a target="_blank" href="/page/privacy-policy">політикою конфіденційності</a>.</p> <button type="submit" class="sth-btn-shaped sth-btn-shaped-lime btn-block"> Зареєструватись</button> </form> <div class="text-center" style="margin-top:20px;"> Вже зареєстровані? <a class="sth-underline-reverse" href="/login">Спробуйте увійти</a> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="modal fade" id="FacebookAlert" tabindex="-1" role="dialog" aria-labelledby="FacebookAlert"> <div class="modal-dialog" role="document"> <div class="modal-content modal-facebook"> <div class="modal-body"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> <i class="fa fa-thumbs-o-up" aria-hidden="true"></i> <div class="modal-message-title">Давай дружити!</div> <div class="modal-message">Оновлення «На Урок» — в кожну стрічку Facebook</div> <div class="modal-facebook-widget"> <div class="fb-page" data-href="https://www.facebook.com/naurok.com.ua" data-small-header="true" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"><blockquote cite="https://www.facebook.com/naurok.com.ua" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/naurok.com.ua">«На Урок». Освітній інтернет-проект</a></blockquote></div> </div> <div class="modal-close-link"> <a href="javascript:void(0)" data-dismiss="modal"> Дякую, Я вже давно з вами</a> </div> </div> </div> </div> </div> <div class="modal fade" id="SubscribeAlert" tabindex="-1" role="dialog" aria-labelledby="SubscribeAlert"> <div class="modal-dialog" role="document"> <div class="modal-content modal-email"> <div class="modal-body"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> <i class="fa fa-paper-plane" aria-hidden="true"></i> <div class="modal-message-title">Розсилка «На Урок»</div> <div class="modal-message">Ми надсилатимемо наші цікаві та дуже корисні статті щоп’ятниці</div> <div class="form-inline"> <div class="form-group"> <label class="sr-only" for="emailForm">Ваш e-mail</label> <input type="email" class="form-control email-subscribe" id="emailForm" placeholder="Ваш e-mail"> </div> <button type="submit" class="btn btn-primary btn-subscribe">Підписатись</button> <div class="alert alert-success success-form hide">Дякуємо! Ми будемо тримати Вас в курсі!</div> </div> </div> </div> </div> </div> <script src="https://www.gstatic.com/firebasejs/5.11.0/firebase.js"></script> <script> // Initialize Firebase var config = { apiKey: "AIzaSyDqZNEmjh0EBu1hQqQR22QswP2ZFoOAnTE", authDomain: "naurok-com-ua.firebaseapp.com", databaseURL: "https://naurok-com-ua.firebaseio.com", projectId: "naurok-com-ua", storageBucket: "naurok-com-ua.appspot.com", messagingSenderId: "756484883010" }; firebase.initializeApp(config); </script> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "Organization", "name": "«На Урок»", "url": "https://naurok.com.ua", "logo": "https://naurok.com.ua/img/logo_new3.png", "sameAs": [ "https://www.facebook.com/naurok.com.ua", "https://www.facebook.com/groups/naurok.com.ua/", "https://plus.google.com/116882310924056429434", "https://www.youtube.com/channel/UCMCYaKTwZ1Olw1fuzLvgA_Q" ] } </script> <script src="//www.google.com/recaptcha/api.js?render=6Lfj5vQUAAAAAOjsdAMk32BeA8J-E7c86_GWFvco"></script> <script src="/js/app_core.js?4.1"></script> <script src="/assets/cb30fc59caa0617bdb70be372b05a914/jquery.js"></script> <script src="/assets/af03f6b16f606305d9cf827034cc8968/yii.js"></script> <script src="/js/app_set.js?9"></script> <script src="/js/script.full.js?v1.2.5"></script> <script src="/assets/f0db75bd7fb3b61fd5c2b967f1a77e3e/js/bootstrap.js"></script> <script src="/assets/af03f6b16f606305d9cf827034cc8968/yii.activeForm.js"></script> <script>jQuery(function ($) { jQuery('.webinar-link').click(function(){ window.location.href=$(this).attr('data-url'); }); jQuery('#w5').yiiActiveForm([], []); "use strict"; grecaptcha.ready(function() { grecaptcha.execute("6Lfj5vQUAAAAAOjsdAMk32BeA8J-E7c86_GWFvco", {action: "reg"}).then(function(token) { jQuery("#" + "recaptcha").val(token); const jsCallback = ""; if (jsCallback) { eval("(" + jsCallback + ")(token)"); } }); }); jQuery('#w6').yiiActiveForm([], []); $('.btn-subscribe').click(function(){ if($('.email-subscribe').val() != ''){ Cookies.set('modal_subscribe', 'subscribed'); $.post('/api/subscriber',{email:$('.email-subscribe').val(),_csrf:'aXfycZj0xuTzhVuQK2yh191n_rsAYffyid6fJOn0Lxs9WooU65DrqIXcOcBBJ9fhuAWZ3Hcmm8fWgc1u3oVpQg=='},function(data){ console.log(data); $('.modal-email .alert').text('Дякуємо! Ми будемо тримати Вас в курсі!').removeClass('hide alert-warning').addClass('alert-success'); }).fail(function(data) { $('.modal-email .alert').text(data.responseJSON[0].message).removeClass('hide alert-success').addClass('alert-warning'); }); } }) });</script> </body> </html>