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

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

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

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

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

Задача №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> Количество просмотров: 49 <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/prakticheskaya-rabota-kodirovaeie" 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/1140936/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1140936/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1140936/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1140936/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1140936/slide-0.jpg" class="slides-image related-itemImage"> Практическая работа Кодироваеие</a></div><div class="related-item"><a href="/prezentacii-po-informatike/instruktsiya-po-rabote-s-ebs-znaniumcom" 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/1080701/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1080701/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1080701/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1080701/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1080701/slide-0.jpg" class="slides-image related-itemImage"> Инструкция по работе с ЭБС ZNANIUM.COM</a></div><div class="related-item"><a href="/prezentacii-po-informatike/elektronnyy-dokumentooborot-19" 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/994154/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/994154/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/994154/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/994154/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/994154/slide-0.jpg" class="slides-image related-itemImage"> Электронный документооборот</a></div><div class="related-item"><a href="/prezentacii-po-informatike/logicheskie-elementy-matematicheskie-osnovy-informatiki" 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/848754/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/848754/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/848754/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/848754/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/848754/slide-0.jpg" class="slides-image related-itemImage"> Логические элементы. Математические основы информатики</a></div><div class="related-item"><a href="/prezentacii-po-informatike/fddi-naibolee-podhodyashchaya-tehnologiya-dlya-optovolokonnogo" 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/939059/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/939059/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/939059/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/939059/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/939059/slide-0.jpg" class="slides-image related-itemImage"> FDDI - наиболее подходящая технология для оптоволоконного кабеля</a></div><div class="related-item"><a href="/prezentacii-po-informatike/tipy-dannyh-yazyka-s-osnovnye-logicheskie" 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/883017/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/883017/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/883017/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/883017/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/883017/slide-0.jpg" class="slides-image related-itemImage"> Типы данных языка С++, основные логические операторы языка</a></div><div class="related-item"><a href="/prezentacii-po-informatike/personalnyy-kompyuter-chast-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/1034373/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1034373/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1034373/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1034373/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1034373/slide-0.jpg" class="slides-image related-itemImage"> Персональный компьютер (часть 3)</a></div><div class="related-item"><a href="/prezentacii-po-informatike/issledovanie-funktsiy-i-postroenie-grafikov-5" 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/842925/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/842925/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/842925/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/842925/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/842925/slide-0.jpg" class="slides-image related-itemImage"> Исследование функций и построение графиков</a></div><div class="related-item"><a href="/prezentacii-po-informatike/issledovanie-smartfono-zavisimosti-v-studencheskom-vozraste" 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/889339/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/889339/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/889339/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/889339/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/889339/slide-0.jpg" class="slides-image related-itemImage"> Исследование смартфоно-зависимости в студенческом возрасте</a></div><div class="related-item"><a href="/prezentacii-po-informatike/algoritm-deykstry-8" 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/970456/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/970456/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/970456/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/970456/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/970456/slide-0.jpg" class="slides-image related-itemImage"> Алгоритм. Дейкстры</a></div><div class="related-item"><a href="/prezentacii-po-informatike/obzor-offlayn-i-onlayn-slovarey-po" 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/1059557/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1059557/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1059557/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1059557/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1059557/slide-0.jpg" class="slides-image related-itemImage"> Обзор оффлайн и онлайн словарей по английскому языку</a></div><div class="related-item"><a href="/prezentacii-po-informatike/programma-prednaznachena-dlya-avtomaticheskoy-rassylki-obyavleniy" 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/1001637/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1001637/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1001637/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1001637/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1001637/slide-0.jpg" class="slides-image related-itemImage"> Программа предназначена для автоматической рассылки объявлений на электронные доски</a></div><div class="related-item"><a href="/prezentacii-po-informatike/avtomatizirovannaya-sistema-upravleniya-trening-tsentrom-it-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/875886/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/875886/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/875886/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/875886/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/875886/slide-0.jpg" class="slides-image related-itemImage"> Автоматизированная система управления тренинг-центром IT-компании. Шаблон</a></div><div class="related-item"><a href="/prezentacii-po-informatike/alfavitnyy-podhod-k-izmereniyu-informatsii-7" 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/1117837/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1117837/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1117837/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1117837/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1117837/slide-0.jpg" class="slides-image related-itemImage"> Алфавитный подход к измерению информации</a></div><div class="related-item"><a href="/prezentacii-po-informatike/podschet-kolichestva-putey-v-grafe" 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/1053953/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1053953/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1053953/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1053953/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1053953/slide-0.jpg" class="slides-image related-itemImage"> Подсчет количества путей в графе</a></div><div class="related-item"><a href="/prezentacii-po-informatike/napisanie-programmy-1-33-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/911571/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/911571/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/911571/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/911571/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/911571/slide-0.jpg" class="slides-image related-itemImage"> Написание программы</a></div><div class="related-item"><a href="/prezentacii-po-informatike/kak-uluchshit-dvizhenie-v-oao-rzhd" 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/866313/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/866313/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/866313/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/866313/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/866313/slide-0.jpg" class="slides-image related-itemImage"> Как улучшить движение в ОАО РЖД</a></div><div class="related-item"><a href="/prezentacii-po-informatike/rasshirenie-funktsionala-mrm-v-oao-rzhd" 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/1038063/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1038063/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1038063/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1038063/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1038063/slide-0.jpg" class="slides-image related-itemImage"> Расширение функционала МРМ в ОАО РЖД</a></div><div class="related-item"><a href="/prezentacii-po-informatike/instrument-zalivka-9f-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/976008/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/976008/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/976008/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/976008/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/976008/slide-0.jpg" class="slides-image related-itemImage"> Инструмент заливка</a></div><div class="related-item"><a href="/prezentacii-po-informatike/programmnoe-obespechenie-kompyutera-57" 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/907535/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/907535/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/907535/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/907535/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/907535/slide-0.jpg" class="slides-image related-itemImage"> Программное обеспечение компьютера</a></div><div class="related-item"><a href="/prezentacii-po-informatike/unit-2-computer-essentials" 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/992252/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/992252/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/992252/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/992252/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/992252/slide-0.jpg" class="slides-image related-itemImage"> Unit 2. Computer essentials</a></div><div class="related-item"><a href="/prezentacii-po-informatike/vozmozhnosti-ploshchadki-steam" 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/867990/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/867990/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/867990/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/867990/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/867990/slide-0.jpg" class="slides-image related-itemImage"> Возможности площадки Steam</a></div><div class="related-item"><a href="/prezentacii-po-informatike/smart-raschyot-sotsialnaya-platforma-dlya-ekonomicheskogo" 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/951657/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/951657/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/951657/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/951657/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/951657/slide-0.jpg" class="slides-image related-itemImage"> Smart - расчёт. Социальная платформа для экономического образования страны</a></div><div class="related-item"><a href="/prezentacii-po-informatike/odin-den-bez-interneta" 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/989966/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/989966/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/989966/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/989966/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/989966/slide-0.jpg" class="slides-image related-itemImage"> Один день без интернета</a></div><div class="related-item"><a href="/prezentacii-po-informatike/sozdanie-i-ispolzovanie-tsor-na-urokah" 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/1105228/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1105228/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1105228/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1105228/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1105228/slide-0.jpg" class="slides-image related-itemImage"> Создание и использование ЦОР на уроках информатики с целью формирования у учащихся информационно-коммуникационной компетентности</a></div><div class="related-item"><a href="/prezentacii-po-informatike/shema-tsvetovoy-krug" 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/961433/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/961433/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/961433/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/961433/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/961433/slide-0.jpg" class="slides-image related-itemImage"> Схема Цветовой круг</a></div><div class="related-item"><a href="/prezentacii-po-informatike/google-developer-groups" 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/1054173/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1054173/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1054173/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1054173/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1054173/slide-0.jpg" class="slides-image related-itemImage"> Google Developer Groups</a></div><div class="related-item"><a href="/prezentacii-po-informatike/obekty-obobshchenie-i-sistematizatsiya-znaniy" 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/1145342/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1145342/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1145342/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1145342/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1145342/slide-0.jpg" class="slides-image related-itemImage"> Объекты. Обобщение и систематизация знаний</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){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:b,email:w,footer_before:x,footer:y,dark_theme:c,strategy:{image_alt_words:h,item_slide_header:z,item_images:A,item_images_tag:B,item_words_h3:c,item_words_tag:C,item_words_1:h,routing:D,item_slide_skipping:E,item_download_timeout:F,item_slider_width:a,item_show_pdf:c,item_show_contents:c,item_show_filename:e},colors:{header_text:j,header_bg:k,accent:G}},social:H}},categories:{result:[{id:I,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:J,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:K,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:I,name:"Окружающий мир",pseudoname:"prezentacii-po-okruzhayushhemu-miru"}]},item:{result:{id:1173628,name:"Форма обратной связи _ Веб-разработка",category:J,count:K,jpg:"jpg\u002F1173628",hits:49,download:a,h1:L,meta:{h1:L,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:1140936,name:"Практическая работа Кодироваеие",href:"\u002Fprezentacii-po-informatike\u002Fprakticheskaya-rabota-kodirovaeie",jpg:"jpg\u002F1140936"},{id:1080701,name:"Инструкция по работе с ЭБС ZNANIUM.COM",href:"\u002Fprezentacii-po-informatike\u002Finstruktsiya-po-rabote-s-ebs-znaniumcom",jpg:"jpg\u002F1080701"},{id:994154,name:"Электронный документооборот",href:"\u002Fprezentacii-po-informatike\u002Felektronnyy-dokumentooborot-19",jpg:"jpg\u002F994154"},{id:848754,name:"Логические элементы. Математические основы информатики",href:"\u002Fprezentacii-po-informatike\u002Flogicheskie-elementy-matematicheskie-osnovy-informatiki",jpg:"jpg\u002F848754"},{id:939059,name:"FDDI - наиболее подходящая технология для оптоволоконного кабеля",href:"\u002Fprezentacii-po-informatike\u002Ffddi-naibolee-podhodyashchaya-tehnologiya-dlya-optovolokonnogo",jpg:"jpg\u002F939059"},{id:883017,name:"Типы данных языка С++, основные логические операторы языка",href:"\u002Fprezentacii-po-informatike\u002Ftipy-dannyh-yazyka-s-osnovnye-logicheskie",jpg:"jpg\u002F883017"},{id:1034373,name:"Персональный компьютер (часть 3)",href:"\u002Fprezentacii-po-informatike\u002Fpersonalnyy-kompyuter-chast-3",jpg:"jpg\u002F1034373"},{id:842925,name:"Исследование функций и построение графиков",href:"\u002Fprezentacii-po-informatike\u002Fissledovanie-funktsiy-i-postroenie-grafikov-5",jpg:"jpg\u002F842925"},{id:889339,name:"Исследование смартфоно-зависимости в студенческом возрасте",href:"\u002Fprezentacii-po-informatike\u002Fissledovanie-smartfono-zavisimosti-v-studencheskom-vozraste",jpg:"jpg\u002F889339"},{id:970456,name:"Алгоритм. Дейкстры",href:"\u002Fprezentacii-po-informatike\u002Falgoritm-deykstry-8",jpg:"jpg\u002F970456"},{id:1059557,name:"Обзор оффлайн и онлайн словарей по английскому языку",href:"\u002Fprezentacii-po-informatike\u002Fobzor-offlayn-i-onlayn-slovarey-po",jpg:"jpg\u002F1059557"},{id:1001637,name:"Программа предназначена для автоматической рассылки объявлений на электронные доски",href:"\u002Fprezentacii-po-informatike\u002Fprogramma-prednaznachena-dlya-avtomaticheskoy-rassylki-obyavleniy",jpg:"jpg\u002F1001637"},{id:875886,name:"Автоматизированная система управления тренинг-центром IT-компании. Шаблон",href:"\u002Fprezentacii-po-informatike\u002Favtomatizirovannaya-sistema-upravleniya-trening-tsentrom-it-2",jpg:"jpg\u002F875886"},{id:1117837,name:"Алфавитный подход к измерению информации",href:"\u002Fprezentacii-po-informatike\u002Falfavitnyy-podhod-k-izmereniyu-informatsii-7",jpg:"jpg\u002F1117837"},{id:1053953,name:"Подсчет количества путей в графе",href:"\u002Fprezentacii-po-informatike\u002Fpodschet-kolichestva-putey-v-grafe",jpg:"jpg\u002F1053953"},{id:911571,name:"Написание программы",href:"\u002Fprezentacii-po-informatike\u002Fnapisanie-programmy-1-33-2",jpg:"jpg\u002F911571"},{id:866313,name:"Как улучшить движение в ОАО РЖД",href:"\u002Fprezentacii-po-informatike\u002Fkak-uluchshit-dvizhenie-v-oao-rzhd",jpg:"jpg\u002F866313"},{id:1038063,name:"Расширение функционала МРМ в ОАО РЖД",href:"\u002Fprezentacii-po-informatike\u002Frasshirenie-funktsionala-mrm-v-oao-rzhd",jpg:"jpg\u002F1038063"},{id:976008,name:"Инструмент заливка",href:"\u002Fprezentacii-po-informatike\u002Finstrument-zalivka-9f-2",jpg:"jpg\u002F976008"},{id:907535,name:"Программное обеспечение компьютера",href:"\u002Fprezentacii-po-informatike\u002Fprogrammnoe-obespechenie-kompyutera-57",jpg:"jpg\u002F907535"},{id:992252,name:"Unit 2. Computer essentials",href:"\u002Fprezentacii-po-informatike\u002Funit-2-computer-essentials",jpg:"jpg\u002F992252"},{id:867990,name:"Возможности площадки Steam",href:"\u002Fprezentacii-po-informatike\u002Fvozmozhnosti-ploshchadki-steam",jpg:"jpg\u002F867990"},{id:951657,name:"Smart - расчёт. Социальная платформа для экономического образования страны",href:"\u002Fprezentacii-po-informatike\u002Fsmart-raschyot-sotsialnaya-platforma-dlya-ekonomicheskogo",jpg:"jpg\u002F951657"},{id:989966,name:"Один день без интернета",href:"\u002Fprezentacii-po-informatike\u002Fodin-den-bez-interneta",jpg:"jpg\u002F989966"},{id:1105228,name:"Создание и использование ЦОР на уроках информатики с целью формирования у учащихся информационно-коммуникационной компетентности",href:"\u002Fprezentacii-po-informatike\u002Fsozdanie-i-ispolzovanie-tsor-na-urokah",jpg:"jpg\u002F1105228"},{id:961433,name:"Схема Цветовой круг",href:"\u002Fprezentacii-po-informatike\u002Fshema-tsvetovoy-krug",jpg:"jpg\u002F961433"},{id:1054173,name:"Google Developer Groups",href:"\u002Fprezentacii-po-informatike\u002Fgoogle-developer-groups",jpg:"jpg\u002F1054173"},{id:1145342,name:"Объекты. Обобщение и систематизация знаний",href:"\u002Fprezentacii-po-informatike\u002Fobekty-obobshchenie-i-sistematizatsiya-znaniy",jpg:"jpg\u002F1145342"}],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:M,SITE_HOST:"slaidy.com",SITE_LANG:N,API_BASE_URL:"https:\u002F\u002Fslaidy.com\u002Fapi\u002F",pwaManifest:{name:M,short_name:b,description:b,lang:N,start_url:"\u002F?standalone=true",display:"standalone",background_color:k,theme_color:j,icons:[{src:"\u002F_nuxt\u002Ficons\u002F64x64.d7f48e96.png",type:d,sizes:O,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F64x64.maskable.d7f48e96.png",type:d,sizes:O,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F120x120.d7f48e96.png",type:d,sizes:P,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F120x120.maskable.d7f48e96.png",type:d,sizes:P,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F144x144.d7f48e96.png",type:d,sizes:Q,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F144x144.maskable.d7f48e96.png",type:d,sizes:Q,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F152x152.d7f48e96.png",type:d,sizes:R,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F152x152.maskable.d7f48e96.png",type:d,sizes:R,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F192x192.d7f48e96.png",type:d,sizes:S,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F192x192.maskable.d7f48e96.png",type:d,sizes:S,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F384x384.d7f48e96.png",type:d,sizes:T,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F384x384.maskable.d7f48e96.png",type:d,sizes:T,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F512x512.d7f48e96.png",type:d,sizes:U,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F512x512.maskable.d7f48e96.png",type:d,sizes:U,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:b,email:w,footer_before:x,footer:y,dark_theme:c,strategy:{image_alt_words:h,item_slide_header:z,item_images:A,item_images_tag:B,item_words_h3:c,item_words_tag:C,item_words_1:h,routing:D,item_slide_skipping:E,item_download_timeout:F,item_slider_width:a,item_show_pdf:c,item_show_contents:c,item_show_filename:e},colors:{header_text:j,header_bg:k,accent:G}},social:H,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,"6LdhFOUnAAAAAIaOUjFtosEpzs6Ny643k1QKXXvv","3190226","[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>