Форма обратной связи _ Веб-разработка

...
Зачем нужна форма
на сайте?

С помощью формы можно:
Залогиниться на сайте
Подписаться на рассылку новостей
Оформить и отправить заказ
Пройти опрос и тест
Что-нибудь еще, на что хватит фантазии...

...
Форма нужна для получения данных от посетителей

Как работают формы?
Пользователь заполняет поля формы и нажимает кнопку “Отправить”.
Сервер обрабатывает данные и отдает браузеру новую страницу.
Пользователь получает новую страницу в зависимости от введенных данных.

Задача №1 | Найти формы на сайте
Заходим на сайт Института Программных Систем и находим сколько форм спрятано на главной странице.
https://www.institutps.ru/

...
Как добавить форму
на сайт?

Из чего состоит веб-форма?
Внутри атрибута action указываем путь к обработчику формы.
Метод - это способ передачи данных. Существует два метода: get и post. Пока пользуемся методом get.

Из чего состоит веб-форма?
Формы состоят из полей ввода текста, переключателей, выпадающих списков. У них обязательно должен быть указан type и name.
Чтобы мы смогли отправить данные из формы, нужна кнопка. Ей указывается тип submit.

Задача №2 | Добавить форму подписки
Очередное письмо во входящих. Посмотрим?
http://bit.ly/2P58lnd

...
Что еще умеет
форма?

Ввод пароля
Поле с типом password скрывает введенные символы.

Область ввода текста
<br><p>Тег <textarea> парный, в отличие от <input><br></div></h3></h3><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Область ввода текста Тег парный, в отличие от" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1173628/slide-13.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1173628/slide-13.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1173628/slide-13.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1173628/slide-13.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1173628/slide-13.jpg" class="slides-image"><!----><!----><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide15" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/1173628/slide-14.jpg" target="_blank" rel="noopener">Слайд 15</a><h3 class="slides-content text-center font-bold"><div><p>Радиокнопки<br><p>У радиокнопок может быть одинаковый атрибут name, если пользователь должен выбрать один</div></h3></h3><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Радиокнопки У радиокнопок может быть одинаковый атрибут name, если пользователь должен выбрать" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1173628/slide-14.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1173628/slide-14.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1173628/slide-14.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1173628/slide-14.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1173628/slide-14.jpg" class="slides-image"><!----><div class="slides-content">вариант из нескольких.<br>При этом value должен быть разный.<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide16" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/1173628/slide-15.jpg" target="_blank" rel="noopener">Слайд 16</a><h3 class="slides-content text-center font-bold"><div><p>Чекбоксы<br><p>Чекбоксы позволяют выбрать несколько пунктов.<br>У каждого чекбокса должен быть уникальный name.<br></div></h3></h3><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Чекбоксы Чекбоксы позволяют выбрать несколько пунктов. У каждого чекбокса должен быть уникальный name." loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1173628/slide-15.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1173628/slide-15.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1173628/slide-15.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1173628/slide-15.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1173628/slide-15.jpg" class="slides-image"><!----><!----><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide17" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/1173628/slide-16.jpg" target="_blank" rel="noopener">Слайд 17</a><h3 class="slides-content text-center font-bold"><div><p>Выпадающий список <select><br><p>Тег <select> парный. Внутри него парные теги <option>, у каждой</div></h3></h3><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Выпадающий список Тег парный. Внутри него парные теги , у каждой опции уникальный value." loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1173628/slide-16.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1173628/slide-16.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1173628/slide-16.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1173628/slide-16.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1173628/slide-16.jpg" class="slides-image"><!----><div class="slides-content">опции уникальный value.<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><!----></div><!--]--></div><div class="section"><div></div></div><form id="download" action="/api/" method="post" class="download"><!----><div class="download-description"> Имя файла: Форма-обратной-связи-_-Веб-разработка.pptx <br> Количество просмотров: 108 <br> Количество скачиваний: 0</div><button class="download-btn" type="submit">Скачать</button><!----></form><div class="navigation"><div class="navigation-item"><div>- Предыдущая</div><a href="/prezentacii-po-informatike/osi-3111945" class="navigation-link">OSI</a></div><div class="navigation-item"><div>Следующая -</div><a href="/prezentacii-na-razlichnye-temy/marennikova-451-gruppa" class="navigation-link">Маренникова 451 группа</a></div></div></div></div><div class="item-layoutRelated"><div class="section"><div></div></div></div></div><div class="item-layout"><div class="related"><h2 class="related-header">Похожие презентации</h2><div class="related-wrapper"><!--[--><div class="related-item"><a href="/prezentacii-po-informatike/struktura-programmirovaniya-30" class="related-itemLink"><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1060165/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1060165/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1060165/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1060165/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1060165/slide-0.jpg" class="slides-image related-itemImage"> Структура программирования</a></div><div class="related-item"><a href="/prezentacii-po-informatike/algoritmy-s-vetvyashcheysya-strukturoy-kontrolnaya-rabota" class="related-itemLink"><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/988443/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/988443/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/988443/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/988443/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/988443/slide-0.jpg" class="slides-image related-itemImage"> Алгоритмы с ветвящейся структурой. Контрольная работа</a></div><div class="related-item"><a href="/prezentacii-po-informatike/aparatty-tehnologiyalardy-mrlk-tsikl" class="related-itemLink"><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1157563/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1157563/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1157563/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1157563/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1157563/slide-0.jpg" class="slides-image related-itemImage"> Ақпараттық технологиялардың өмірлік циклі</a></div><div class="related-item"><a href="/prezentacii-po-informatike/analiz-raboty-kak-teper-vyglyadit-stranitsa" class="related-itemLink"><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1087624/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1087624/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1087624/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1087624/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1087624/slide-0.jpg" class="slides-image related-itemImage"> Анализ работы. Как теперь выглядит страница CROSS life SPA</a></div><div class="related-item"><a href="/prezentacii-po-informatike/metodologicheskie-osnovy-case--tehnologii" class="related-itemLink"><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1040599/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1040599/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1040599/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1040599/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1040599/slide-0.jpg" class="slides-image related-itemImage"> Методологические основы CASE – технологии</a></div><div class="related-item"><a href="/prezentacii-po-informatike/digital-versatile-disc" class="related-itemLink"><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1093953/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1093953/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1093953/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1093953/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1093953/slide-0.jpg" class="slides-image related-itemImage"> Digital versatile disc</a></div><div class="related-item"><a href="/prezentacii-po-informatike/moya-biblioteka-1" class="related-itemLink"><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1158412/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1158412/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1158412/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1158412/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1158412/slide-0.jpg" class="slides-image related-itemImage"> Моя библиотека</a></div><div class="related-item"><a href="/prezentacii-po-informatike/virtualnaya-realnost-chto-eto-takoe" class="related-itemLink"><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/961136/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/961136/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/961136/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/961136/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/961136/slide-0.jpg" class="slides-image related-itemImage"> Виртуальная реальность. Что это такое?</a></div><div class="related-item"><a href="/prezentacii-po-informatike/iskusstvennye-i-estestvennye-istochniki-informatsii" class="related-itemLink"><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/971390/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/971390/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/971390/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/971390/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/971390/slide-0.jpg" class="slides-image related-itemImage"> Искусственные и естественные источники информации</a></div><div class="related-item"><a href="/prezentacii-po-informatike/palitra-osnovnye-bloki" class="related-itemLink"><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1021793/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1021793/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1021793/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1021793/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1021793/slide-0.jpg" class="slides-image related-itemImage"> Палитра. Основные блоки</a></div><div class="related-item"><a href="/prezentacii-po-informatike/sql-structured-query-language-3" class="related-itemLink"><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/930300/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/930300/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/930300/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/930300/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/930300/slide-0.jpg" class="slides-image related-itemImage"> SQL (Structured Query Language)</a></div><div class="related-item"><a href="/prezentacii-po-informatike/python-spiski" class="related-itemLink"><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1139902/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1139902/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1139902/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1139902/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1139902/slide-0.jpg" class="slides-image related-itemImage"> Python списки</a></div><div class="related-item"><a href="/prezentacii-po-informatike/kommunikatsionnye-tehnologii-chto-takoe-kompyuternaya-set" class="related-itemLink"><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1011534/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1011534/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1011534/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1011534/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1011534/slide-0.jpg" class="slides-image related-itemImage"> Коммуникационные технологии. Что такое компьютерная сеть?</a></div><div class="related-item"><a href="/prezentacii-po-informatike/molod--kompyuter" class="related-itemLink"><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1164510/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1164510/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1164510/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1164510/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1164510/slide-0.jpg" class="slides-image related-itemImage"> Молодь і комп’ютер</a></div><div class="related-item"><a href="/prezentacii-po-informatike/er-diagramma-2" class="related-itemLink"><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/995784/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/995784/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/995784/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/995784/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/995784/slide-0.jpg" class="slides-image related-itemImage"> ER-диаграмма</a></div><div class="related-item"><a href="/prezentacii-po-informatike/metodika-resheniya-2018" class="related-itemLink"><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1072809/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1072809/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1072809/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1072809/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1072809/slide-0.jpg" class="slides-image related-itemImage"> Методика решения</a></div><div class="related-item"><a href="/prezentacii-po-informatike/magiya-i-bol-ml-mashinnoe-obuchenie" class="related-itemLink"><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/924608/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/924608/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/924608/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/924608/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/924608/slide-0.jpg" class="slides-image related-itemImage"> Магия и боль ML. Машинное обучение</a></div><div class="related-item"><a href="/prezentacii-po-informatike/programmy-perevodchiki-1" class="related-itemLink"><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1015356/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1015356/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1015356/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1015356/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1015356/slide-0.jpg" class="slides-image related-itemImage"> Программы-переводчики</a></div><div class="related-item"><a href="/prezentacii-po-informatike/lifestyler-zhizn-za-ramkami-privychnogo" class="related-itemLink"><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1110027/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1110027/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1110027/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1110027/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1110027/slide-0.jpg" class="slides-image related-itemImage"> LifeStyler. Жизнь за рамками привычного</a></div><div class="related-item"><a href="/prezentacii-po-informatike/vhod-sistemy" class="related-itemLink"><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1100236/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1100236/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1100236/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1100236/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1100236/slide-0.jpg" class="slides-image related-itemImage"> Вход системы</a></div><div class="related-item"><a href="/prezentacii-po-informatike/personal-computer-1" class="related-itemLink"><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1133530/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1133530/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1133530/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1133530/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1133530/slide-0.jpg" class="slides-image related-itemImage"> Personal computer</a></div><div class="related-item"><a href="/prezentacii-po-informatike/informatsiya-obekty-informatsii" class="related-itemLink"><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1123191/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1123191/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1123191/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1123191/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1123191/slide-0.jpg" class="slides-image related-itemImage"> Информация. Объекты информации</a></div><div class="related-item"><a href="/prezentacii-po-informatike/nasampservers" class="related-itemLink"><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1049035/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1049035/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1049035/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1049035/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1049035/slide-0.jpg" class="slides-image related-itemImage"> Nas&amp;Servers</a></div><div class="related-item"><a href="/prezentacii-po-informatike/muzykalnye-kompyuternye-tehnologii" class="related-itemLink"><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/976737/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/976737/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/976737/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/976737/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/976737/slide-0.jpg" class="slides-image related-itemImage"> Музыкальные компьютерные технологии</a></div><div class="related-item"><a href="/prezentacii-po-informatike/elektronnye-tablitsy-78" class="related-itemLink"><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/846854/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/846854/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/846854/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/846854/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/846854/slide-0.jpg" class="slides-image related-itemImage"> Электронные таблицы</a></div><div class="related-item"><a href="/prezentacii-po-informatike/naznachenie-i-primenenie-css" class="related-itemLink"><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1032580/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1032580/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1032580/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1032580/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1032580/slide-0.jpg" class="slides-image related-itemImage"> Назначение и применение CSS</a></div><div class="related-item"><a href="/prezentacii-po-informatike/prezentaciya-na-temu-ponyatie-algoritma-vidy-algoritmov-1" class="related-itemLink"><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/282356/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/282356/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/282356/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/282356/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/282356/slide-0.jpg" class="slides-image related-itemImage"> Презентация на тему Понятие алгоритма. Виды алгоритмов </a></div><div class="related-item"><a href="/prezentacii-po-informatike/razbor-zadach-cryptoctf-2020" class="related-itemLink"><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1017663/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1017663/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1017663/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1017663/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1017663/slide-0.jpg" class="slides-image related-itemImage"> Разбор задач CryptoCTF 2020</a></div><!--]--></div></div></div></div><!--]--><!--]--><!--]--></div></div></main><footer class="footer"><div class="layout"><div class="footer-text"><!--LiveInternet counter--><a href="https://www.liveinternet.ru/click"
target="_blank"><img id="licnt7D89" width="88" height="31" style="border:0"
title="LiveInternet: показано число просмотров за 24 часа, посетителей за 24 часа и за сегодня"
src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAEALAAAAAABAAEAAAIBTAA7"
alt="LiveInternet"/></a><script>(function(d,s){d.getElementById("licnt7D89").src=
"https://counter.yadro.ru/hit?t12.1;r"+escape(d.referrer)+
((typeof(s)=="undefined")?"":";s"+s.width+"*"+s.height+"*"+
(s.colorDepth?s.colorDepth:s.pixelDepth))+";u"+escape(d.URL)+
";h"+escape(d.title.substring(0,150))+";"+Math.random()})
(document,screen)</script><!--/LiveInternet--></div><div class="footer-contacts"><svg class="footer-contactsIcon" viewBox="0 0 27 26" xmlns="http://www.w3.org/2000/svg"><use xlink:href="/images/icons.svg#contacts"></use></svg> Обратная связь</div><div class="footer-text"><a href="/page/pravoobladateliam">Для правообладателей</a></div><div class="footer-contactsEmail"> Email: <span class="footer-contactsShow">Нажмите что бы посмотреть</span></div></div></footer></div><!--]--></div><script>window.__NUXT__=(function(a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u,v,w,x,y,z,A,B,C,D,E,F,G,H,I,J,K,L,M,N,O,P,Q,R,S,T,U,V){return {data:{meta:{result:{meta:{h1:l,main_text:b,main_title:m,main_description:n,main_keywords:o,main_image:b},app:{logo_image:p,logo_image_width:i,logo_image_height:q,logo_text:r,image_width_full:s,image_width_min:t,recaptcha_key:u,yandex_search:v,ya_context:e,banner_1:b,banner_2:b,banner_3:b,banner_4:b,banner_5:b,banner_6:b,banner_7:b,banner_8:b,banner_9:b,banner_10:w,email:x,footer_before:y,footer:z,dark_theme:c,strategy:{image_alt_words:h,item_slide_header:A,item_images:B,item_images_tag:C,item_words_h3:c,item_words_tag:D,item_words_1:h,routing:E,item_slide_skipping:F,item_download_timeout:G,item_slider_width:a,item_show_pdf:c,item_show_contents:c,item_show_filename:e},colors:{header_text:j,header_bg:k,accent:H}},social:I}},categories:{result:[{id:J,ordering:a,name:"Алгебра",pseudoname:"prezentacii-po-algebre"},{id:2,ordering:a,name:"Английский язык",pseudoname:"prezentacii-po-angliyskomu-yaziku"},{id:3,ordering:a,name:"Астрономия",pseudoname:"prezentacii-po-astronomii"},{id:4,ordering:a,name:"Биология",pseudoname:"prezentacii-po-biologii"},{id:5,ordering:a,name:"География",pseudoname:"prezentacii-po-geografii"},{id:6,ordering:a,name:"Геометрия",pseudoname:"prezentacii-po-geometrii"},{id:7,ordering:a,name:K,pseudoname:"prezentacii-po-informatike"},{id:8,ordering:a,name:"История",pseudoname:"prezentacii-po-istorii"},{id:9,ordering:a,name:"Литература",pseudoname:"prezentacii-po-literature"},{id:10,ordering:a,name:"Математика",pseudoname:"prezentacii-po-matematike"},{id:11,ordering:a,name:"Медицина",pseudoname:"prezentacii-po-medicine"},{id:h,ordering:a,name:"Музыка",pseudoname:"prezentacii-po-musice"},{id:13,ordering:a,name:"МХК",pseudoname:"prezentacii-po-mkhk"},{id:14,ordering:a,name:"ОБЖ",pseudoname:"prezentacii-po-obzh"},{id:15,ordering:a,name:"Обществознание",pseudoname:"prezentacii-po-obshhestvoznaniju"},{id:17,ordering:a,name:"Педагогика",pseudoname:"prezentacii-po-pedagogike"},{id:L,ordering:a,name:"Немецкий язык",pseudoname:"prezentacii-po-nemezkomy-yaziku"},{id:20,ordering:a,name:"Русский язык",pseudoname:"prezentacii-po-russkomu-yazyku"},{id:21,ordering:a,name:"Технология",pseudoname:"prezentacii-po-tehnologii"},{id:22,ordering:a,name:"Физика",pseudoname:"prezentacii-po-fizike"},{id:23,ordering:a,name:"Философия",pseudoname:"prezentacii-po-filosofii"},{id:24,ordering:a,name:"Химия",pseudoname:"prezentacii-po-himii"},{id:25,ordering:a,name:"Экология",pseudoname:"prezentacii-po-ehkologii"},{id:26,ordering:a,name:"Экономика",pseudoname:"prezentacii-po-ekonomike"},{id:27,ordering:a,name:"Детские презентации",pseudoname:"detskie-prezentacii"},{id:i,ordering:a,name:"Шаблоны презентаций",pseudoname:"shablony-dlya-prezentacii"},{id:29,ordering:a,name:"Разное",pseudoname:"prezentacii-na-razlichnye-temy"},{id:48,ordering:a,name:"Культурология",pseudoname:"kulturologiya"},{id:16,ordering:J,name:"Окружающий мир",pseudoname:"prezentacii-po-okruzhayushhemu-miru"}]},item:{result:{id:1173628,name:"Форма обратной связи _ Веб-разработка",category:K,count:L,jpg:"jpg\u002F1173628",hits:108,download:a,h1:M,meta:{h1:M,title:"Форма обратной связи _ Веб-разработка презентация",description:"Форма обратной связи _ Веб-разработка презентация, доклад, проект, Информатика ",keywords:"Форма обратной связи _ Веб-разработка, презентация, доклад, проект, скачать презентацию на тему, PowerPoint, скачати презентацію, фон, шаблон, урок, конспект, класс, школа, класс, Информатика",download_link:b},text:"\u003Cp style=\"text-align: justify;\" \u002F\u003EПрезентация на тему Форма обратной связи _ Веб-разработка, из раздела: Информатика. Презентацию в формате PowerPoint (pptx) можно скачать внизу страницы, поделившись ссылкой в социальных сетях! Презентации взяты из открытого доступа или загружены их авторами, администрация сайта не отвечает за достоверность информации в них. Все права принадлежат авторам материалов: \u003Ca href=\"politika-zashchity-avtorskih-prav\"\u003EПолитика защиты авторских прав\u003C\u002Fa\u003E",seo_text:"\u003Cp\u003E\u003Cbr\u003E...\u003Cbr\u003EЗачем нужна форма \u003Cbr\u003Eна сайте?\u003Cbr\u003E",file:"Форма-обратной-связи-_-Веб-разработка.pptx",texts:["\u003Cp\u003EКурс веб-разработка\u003Cbr\u003E\u003Cp\u003EФорма обратной связи\u003Cbr\u003E",b,"...\u003Cbr\u003EЗачем нужна форма \u003Cbr\u003Eна сайте?\u003Cbr\u003E","\u003Cp\u003EС помощью формы можно:\u003Cbr\u003EЗалогиниться на сайте\u003Cbr\u003EПодписаться на рассылку новостей\u003Cbr\u003EОформить и отправить заказ\u003Cbr\u003EПройти опрос и тест\u003Cbr\u003EЧто-нибудь еще, на что хватит фантазии...\u003Cbr\u003E","...\u003Cbr\u003EФорма нужна для получения данных от посетителей\u003Cbr\u003E","\u003Cp\u003EКак работают формы?\u003Cbr\u003E\u003Cp\u003EПользователь заполняет поля формы и нажимает кнопку “Отправить”. \u003Cbr\u003E\u003Cp\u003EСервер обрабатывает данные и отдает браузеру новую страницу.\u003Cbr\u003E\u003Cp\u003EПользователь получает новую страницу в зависимости от введенных данных.\u003Cbr\u003E","\u003Cp\u003EЗадача №1 | Найти формы на сайте\u003Cbr\u003E\u003Cp\u003EЗаходим на сайт Института Программных Систем и находим сколько форм спрятано на главной странице.\u003Cbr\u003Ehttps:\u002F\u002Fwww.institutps.ru\u002F\u003Cbr\u003E","...\u003Cbr\u003EКак добавить форму \u003Cbr\u003Eна сайт?\u003Cbr\u003E","\u003Cp\u003EИз чего состоит веб-форма?\u003Cbr\u003E\u003Cp\u003EВнутри атрибута action указываем путь к обработчику формы.\u003Cbr\u003EМетод - это способ передачи данных. Существует два метода: get и post. Пока пользуемся методом get.\u003Cbr\u003E","\u003Cp\u003EИз чего состоит веб-форма?\u003Cbr\u003E\u003Cp\u003EФормы состоят из полей ввода текста, переключателей, выпадающих списков. У них обязательно должен быть указан type и name.\u003Cbr\u003EЧтобы мы смогли отправить данные из формы, нужна кнопка. Ей указывается тип submit.\u003Cbr\u003E","\u003Cp\u003EЗадача №2 | Добавить форму подписки\u003Cbr\u003E\u003Cp\u003EОчередное письмо во входящих. Посмотрим?\u003Cbr\u003Ehttp:\u002F\u002Fbit.ly\u002F2P58lnd\u003Cbr\u003E\u003Cbr\u003E","...\u003Cbr\u003EЧто еще умеет \u003Cbr\u003Eформа?\u003Cbr\u003E","\u003Cp\u003EВвод пароля\u003Cbr\u003E\u003Cp\u003EПоле с типом password скрывает введенные символы.\u003Cbr\u003E","\u003Cp\u003EОбласть ввода текста \u003Ctextarea\u003E\u003Cbr\u003E\u003Cp\u003EТег \u003Ctextarea\u003E парный, в отличие от \u003Cinput\u003E\u003Cbr\u003E","\u003Cp\u003EРадиокнопки\u003Cbr\u003E\u003Cp\u003EУ радиокнопок может быть одинаковый атрибут name, если пользователь должен выбрать один вариант из нескольких.\u003Cbr\u003EПри этом value должен быть разный.\u003Cbr\u003E","\u003Cp\u003EЧекбоксы\u003Cbr\u003E\u003Cp\u003EЧекбоксы позволяют выбрать несколько пунктов.\u003Cbr\u003EУ каждого чекбокса должен быть уникальный name.\u003Cbr\u003E","\u003Cp\u003EВыпадающий список \u003Cselect\u003E\u003Cbr\u003E\u003Cp\u003EТег \u003Cselect\u003E парный. Внутри него парные теги \u003Coption\u003E, у каждой опции уникальный value.\u003Cbr\u003E","\u003Cp\u003EЗадача №3 | Прокачиваем форму подписки\u003Cbr\u003E\u003Cp\u003EУ нас новая задача от Coffee Market, за дело!\u003Cbr\u003Ehttp:\u002F\u002Fbit.ly\u002F2VWqWDn\u003Cbr\u003E\u003Cbr\u003E"],href:"\u002Fprezentacii-po-informatike\u002Fforma-obratnoy-svyazi--veb-razrabotka",href_category:"\u002Fprezentacii-po-informatike",date:1615885120,related:[{id:1060165,name:"Структура программирования",href:"\u002Fprezentacii-po-informatike\u002Fstruktura-programmirovaniya-30",jpg:"jpg\u002F1060165"},{id:988443,name:"Алгоритмы с ветвящейся структурой. Контрольная работа",href:"\u002Fprezentacii-po-informatike\u002Falgoritmy-s-vetvyashcheysya-strukturoy-kontrolnaya-rabota",jpg:"jpg\u002F988443"},{id:1157563,name:"Ақпараттық технологиялардың өмірлік циклі",href:"\u002Fprezentacii-po-informatike\u002Faparatty-tehnologiyalardy-mrlk-tsikl",jpg:"jpg\u002F1157563"},{id:1087624,name:"Анализ работы. Как теперь выглядит страница CROSS life SPA",href:"\u002Fprezentacii-po-informatike\u002Fanaliz-raboty-kak-teper-vyglyadit-stranitsa",jpg:"jpg\u002F1087624"},{id:1040599,name:"Методологические основы CASE – технологии",href:"\u002Fprezentacii-po-informatike\u002Fmetodologicheskie-osnovy-case--tehnologii",jpg:"jpg\u002F1040599"},{id:1093953,name:"Digital versatile disc",href:"\u002Fprezentacii-po-informatike\u002Fdigital-versatile-disc",jpg:"jpg\u002F1093953"},{id:1158412,name:"Моя библиотека",href:"\u002Fprezentacii-po-informatike\u002Fmoya-biblioteka-1",jpg:"jpg\u002F1158412"},{id:961136,name:"Виртуальная реальность. Что это такое?",href:"\u002Fprezentacii-po-informatike\u002Fvirtualnaya-realnost-chto-eto-takoe",jpg:"jpg\u002F961136"},{id:971390,name:"Искусственные и естественные источники информации",href:"\u002Fprezentacii-po-informatike\u002Fiskusstvennye-i-estestvennye-istochniki-informatsii",jpg:"jpg\u002F971390"},{id:1021793,name:"Палитра. Основные блоки",href:"\u002Fprezentacii-po-informatike\u002Fpalitra-osnovnye-bloki",jpg:"jpg\u002F1021793"},{id:930300,name:"SQL (Structured Query Language)",href:"\u002Fprezentacii-po-informatike\u002Fsql-structured-query-language-3",jpg:"jpg\u002F930300"},{id:1139902,name:"Python списки",href:"\u002Fprezentacii-po-informatike\u002Fpython-spiski",jpg:"jpg\u002F1139902"},{id:1011534,name:"Коммуникационные технологии. Что такое компьютерная сеть?",href:"\u002Fprezentacii-po-informatike\u002Fkommunikatsionnye-tehnologii-chto-takoe-kompyuternaya-set",jpg:"jpg\u002F1011534"},{id:1164510,name:"Молодь і комп’ютер",href:"\u002Fprezentacii-po-informatike\u002Fmolod--kompyuter",jpg:"jpg\u002F1164510"},{id:995784,name:"ER-диаграмма",href:"\u002Fprezentacii-po-informatike\u002Fer-diagramma-2",jpg:"jpg\u002F995784"},{id:1072809,name:"Методика решения",href:"\u002Fprezentacii-po-informatike\u002Fmetodika-resheniya-2018",jpg:"jpg\u002F1072809"},{id:924608,name:"Магия и боль ML. Машинное обучение",href:"\u002Fprezentacii-po-informatike\u002Fmagiya-i-bol-ml-mashinnoe-obuchenie",jpg:"jpg\u002F924608"},{id:1015356,name:"Программы-переводчики",href:"\u002Fprezentacii-po-informatike\u002Fprogrammy-perevodchiki-1",jpg:"jpg\u002F1015356"},{id:1110027,name:"LifeStyler. Жизнь за рамками привычного",href:"\u002Fprezentacii-po-informatike\u002Flifestyler-zhizn-za-ramkami-privychnogo",jpg:"jpg\u002F1110027"},{id:1100236,name:"Вход системы",href:"\u002Fprezentacii-po-informatike\u002Fvhod-sistemy",jpg:"jpg\u002F1100236"},{id:1133530,name:"Personal computer",href:"\u002Fprezentacii-po-informatike\u002Fpersonal-computer-1",jpg:"jpg\u002F1133530"},{id:1123191,name:"Информация. Объекты информации",href:"\u002Fprezentacii-po-informatike\u002Finformatsiya-obekty-informatsii",jpg:"jpg\u002F1123191"},{id:1049035,name:"Nas&Servers",href:"\u002Fprezentacii-po-informatike\u002Fnasampservers",jpg:"jpg\u002F1049035"},{id:976737,name:"Музыкальные компьютерные технологии",href:"\u002Fprezentacii-po-informatike\u002Fmuzykalnye-kompyuternye-tehnologii",jpg:"jpg\u002F976737"},{id:846854,name:"Электронные таблицы",href:"\u002Fprezentacii-po-informatike\u002Felektronnye-tablitsy-78",jpg:"jpg\u002F846854"},{id:1032580,name:"Назначение и применение CSS",href:"\u002Fprezentacii-po-informatike\u002Fnaznachenie-i-primenenie-css",jpg:"jpg\u002F1032580"},{id:282356,name:"Презентация на тему Понятие алгоритма. Виды алгоритмов ",href:"\u002Fprezentacii-po-informatike\u002Fprezentaciya-na-temu-ponyatie-algoritma-vidy-algoritmov-1",jpg:"jpg\u002F282356"},{id:1017663,name:"Разбор задач CryptoCTF 2020",href:"\u002Fprezentacii-po-informatike\u002Frazbor-zadach-cryptoctf-2020",jpg:"jpg\u002F1017663"}],navigation:{next:"\u002Fprezentacii-na-razlichnye-temy\u002Fmarennikova-451-gruppa",next_name:"Маренникова 451 группа",prev:"\u002Fprezentacii-po-informatike\u002Fosi-3111945",prev_name:"OSI"}}}},state:{},_errors:{},serverRendered:e,config:{public:{SITE_NAME:N,SITE_HOST:"slaidy.com",SITE_LANG:O,API_BASE_URL:"https:\u002F\u002Fslaidy.com\u002Fapi\u002F",pwaManifest:{name:N,short_name:b,description:b,lang:O,start_url:"\u002F?standalone=true",display:"standalone",background_color:k,theme_color:j,icons:[{src:"\u002F_nuxt\u002Ficons\u002F64x64.d7f48e96.png",type:d,sizes:P,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F64x64.maskable.d7f48e96.png",type:d,sizes:P,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F120x120.d7f48e96.png",type:d,sizes:Q,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F120x120.maskable.d7f48e96.png",type:d,sizes:Q,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F144x144.d7f48e96.png",type:d,sizes:R,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F144x144.maskable.d7f48e96.png",type:d,sizes:R,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F152x152.d7f48e96.png",type:d,sizes:S,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F152x152.maskable.d7f48e96.png",type:d,sizes:S,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F192x192.d7f48e96.png",type:d,sizes:T,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F192x192.maskable.d7f48e96.png",type:d,sizes:T,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F384x384.d7f48e96.png",type:d,sizes:U,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F384x384.maskable.d7f48e96.png",type:d,sizes:U,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F512x512.d7f48e96.png",type:d,sizes:V,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F512x512.maskable.d7f48e96.png",type:d,sizes:V,purpose:g}]},yandexMetrika:{id:"79446466",metrikaUrl:"https:\u002F\u002Fmc.yandex.ru\u002Fmetrika\u002Ftag.js",accurateTrackBounce:e,childIframe:c,clickmap:c,defer:c,useRuntimeConfig:e,trackHash:c,trackLinks:e,type:a,webvisor:c,triggerEvent:c,consoleLog:e,partytown:c,isDev:c}},app:{baseURL:"\u002F",buildAssetsDir:"\u002F_nuxt\u002F",cdnURL:b}},pinia:{app:{meta:{h1:l,main_text:b,main_title:m,main_description:n,main_keywords:o,main_image:b},app:{logo_image:p,logo_image_width:i,logo_image_height:q,logo_text:r,image_width_full:s,image_width_min:t,recaptcha_key:u,yandex_search:v,ya_context:e,banner_1:b,banner_2:b,banner_3:b,banner_4:b,banner_5:b,banner_6:b,banner_7:b,banner_8:b,banner_9:b,banner_10:w,email:x,footer_before:y,footer:z,dark_theme:c,strategy:{image_alt_words:h,item_slide_header:A,item_images:B,item_images_tag:C,item_words_h3:c,item_words_tag:D,item_words_1:h,routing:E,item_slide_skipping:F,item_download_timeout:G,item_slider_width:a,item_show_pdf:c,item_show_contents:c,item_show_filename:e},colors:{header_text:j,header_bg:k,accent:H}},social:I,token:b}}}}(0,"",false,"image\u002Fpng",true,"any","maskable",12,28,"#000000","#ffffff","Презентации, проекты, доклады в PowerPoint на любую тему","Презентации и проекты в PowerPoint","Презентации на различные темы для детей, школьников, родителей, студентов, учителей и преподавателей.","Презентация, презентация на тему, скачать презентацию, урок презентация, 1 2 3 4 5 6 7 8 9 10 11 класс","images\u002Fdata\u002Flogo.jpg",32,"Slaidy.com",720,480,"6LfWmAYrAAAAAFyidHOK1ZHtYSECWR5CvAmygt5c","3190226","\u003C!-- Yandex.RTB R-A-1990700-7 --\u003E\r\n\u003Cscript\u003E\r\nwindow.yaContextCb.push(() =\u003E {\r\n Ya.Context.AdvManager.render({\r\n \"blockId\": \"R-A-1990700-7\",\r\n \"type\": \"fullscreen\",\r\n \"platform\": \"touch\"\r\n })\r\n})\r\n\u003C\u002Fscript\u003E","[e-mail]","\u003C!--LiveInternet counter--\u003E\u003Ca href=\"https:\u002F\u002Fwww.liveinternet.ru\u002Fclick\"\r\ntarget=\"_blank\"\u003E\u003Cimg id=\"licnt7D89\" width=\"88\" height=\"31\" style=\"border:0\" \r\ntitle=\"LiveInternet: показано число просмотров за 24 часа, посетителей за 24 часа и за сегодня\"\r\nsrc=\"data:image\u002Fgif;base64,R0lGODlhAQABAIAAAAAAAP\u002F\u002F\u002FyH5BAEAAAEALAAAAAABAAEAAAIBTAA7\"\r\nalt=\"LiveInternet\"\u002F\u003E\u003C\u002Fa\u003E\u003Cscript\u003E(function(d,s){d.getElementById(\"licnt7D89\").src=\r\n\"https:\u002F\u002Fcounter.yadro.ru\u002Fhit?t12.1;r\"+escape(d.referrer)+\r\n((typeof(s)==\"undefined\")?\"\":\";s\"+s.width+\"*\"+s.height+\"*\"+\r\n(s.colorDepth?s.colorDepth:s.pixelDepth))+\";u\"+escape(d.URL)+\r\n\";h\"+escape(d.title.substring(0,150))+\";\"+Math.random()})\r\n(document,screen)\u003C\u002Fscript\u003E\u003C!--\u002FLiveInternet--\u003E","\u003Ca href=\"\u002Fpage\u002Fpravoobladateliam\"\u003EДля правообладателей\u003C\u002Fa\u003E","h3a","images_before","none","h3","category","both",77,"#ff0d00","\u003Cscript src=\"\u002F\u002Fyastatic.net\u002Fes5-shims\u002F0.0.2\u002Fes5-shims.min.js\"\u003E\u003C\u002Fscript\u003E\r\n\u003Cscript src=\"\u002F\u002Fyastatic.net\u002Fshare2\u002Fshare.js\"\u003E\u003C\u002Fscript\u003E\r\n\u003Cdiv class=\"ya-share2\" data-services=\"collections,gplus,vkontakte,facebook,odnoklassniki,gplus,twitter,moimir\" data-counter=\"\"\u003E\u003C\u002Fdiv\u003E",1,"Информатика",18,"Форма обратной связи _ Веб-разработка ","Slaidy","ru","64x64","120x120","144x144","152x152","192x192","384x384","512x512"))</script><script type="module" src="/_nuxt/entry.e6b1bc94.js" crossorigin></script></body>
</html>