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

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

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

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

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

Задача №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> Количество просмотров: 122 <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/problemnye-voprosy-po-statisticheskoy-forme-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/1041024/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1041024/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1041024/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1041024/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1041024/slide-0.jpg" class="slides-image related-itemImage"> Проблемные вопросы по статистической форме 2-услуги</a></div><div class="related-item"><a href="/prezentacii-po-informatike/ponyatie-programmnogo-obespecheniya" 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/927573/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/927573/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/927573/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/927573/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/927573/slide-0.jpg" class="slides-image related-itemImage"> Понятие программного обеспечения</a></div><div class="related-item"><a href="/prezentacii-po-informatike/lektsiya-62019" 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/906018/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/906018/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/906018/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/906018/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/906018/slide-0.jpg" class="slides-image related-itemImage"> Лекция 6_2019</a></div><div class="related-item"><a href="/prezentacii-po-informatike/youtube-beeline-kazakhstan" 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/1091348/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1091348/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1091348/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1091348/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1091348/slide-0.jpg" class="slides-image related-itemImage"> YouTube Beeline Казакхстан</a></div><div class="related-item"><a href="/prezentacii-po-informatike/porazryadnye-operatory" 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/1021961/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1021961/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1021961/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1021961/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1021961/slide-0.jpg" class="slides-image related-itemImage"> Поразрядные операторы</a></div><div class="related-item"><a href="/prezentacii-po-informatike/ustanovka-i-upravlenie-faylami-na-rabochih" 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/1045873/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1045873/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1045873/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1045873/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1045873/slide-0.jpg" class="slides-image related-itemImage"> Установка и управление файлами на рабочих станциях и сервере</a></div><div class="related-item"><a href="/prezentacii-po-informatike/11518-prezentaciya-quotprimenenie-filtrov-v-photoshopquot--skachat-prezentacii-po-informatike" 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/481808/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/481808/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/481808/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/481808/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/481808/slide-0.jpg" class="slides-image related-itemImage"> Презентация "Применение фильтров в Photoshop" - скачать презентации по Информатике</a></div><div class="related-item"><a href="/prezentacii-po-informatike/podrobnee-o-sobytiyah-js" 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/1121365/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1121365/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1121365/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1121365/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1121365/slide-0.jpg" class="slides-image related-itemImage"> Подробнее о событиях JS</a></div><div class="related-item"><a href="/prezentacii-po-informatike/bezopasnyy-internet-87" 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/1050818/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1050818/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1050818/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1050818/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1050818/slide-0.jpg" class="slides-image related-itemImage"> Безопасный Интернет</a></div><div class="related-item"><a href="/prezentacii-po-informatike/ms-word-formatirovanie-dokumenta-ustanovka-parametrov-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/1047680/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1047680/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1047680/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1047680/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1047680/slide-0.jpg" class="slides-image related-itemImage"> Ms word. Форматирование документа. Установка параметров шрифта и абзаца, создание границ</a></div><div class="related-item"><a href="/prezentacii-po-informatike/bezopasnost-v-seti-internet-distantsionnoe-vospitatelnoe" 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/862555/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/862555/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/862555/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/862555/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/862555/slide-0.jpg" class="slides-image related-itemImage"> Безопасность в сети интернет. Дистанционное воспитательное мероприятие</a></div><div class="related-item"><a href="/prezentacii-po-informatike/lyambda-vyrazheniya-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/962392/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/962392/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/962392/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/962392/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/962392/slide-0.jpg" class="slides-image related-itemImage"> Лямбда-выражения</a></div><div class="related-item"><a href="/prezentacii-po-informatike/razrabotka-web-sayta-vaktsinatsii-ot-covid" 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/1030039/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1030039/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1030039/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1030039/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1030039/slide-0.jpg" class="slides-image related-itemImage"> Разработка web-сайта вакцинации от covid-19</a></div><div class="related-item"><a href="/prezentacii-po-informatike/das-at-zeichen" 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/1118182/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1118182/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1118182/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1118182/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1118182/slide-0.jpg" class="slides-image related-itemImage"> Das At-Zeichen</a></div><div class="related-item"><a href="/prezentacii-po-informatike/kompyuternye-tehnologii-v-sporte" 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/916714/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/916714/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/916714/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/916714/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/916714/slide-0.jpg" class="slides-image related-itemImage"> Компьютерные технологии в спорте</a></div><div class="related-item"><a href="/prezentacii-po-informatike/programmirovanie-razvetvlyayushchihsya-algoritmov-21" 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/845396/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/845396/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/845396/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/845396/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/845396/slide-0.jpg" class="slides-image related-itemImage"> Программирование разветвляющихся алгоритмов</a></div><div class="related-item"><a href="/prezentacii-po-informatike/sluzhby-interneta-setevye-informatsionnye-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/930008/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/930008/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/930008/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/930008/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/930008/slide-0.jpg" class="slides-image related-itemImage"> Службы интернета. Сетевые информационные технологии</a></div><div class="related-item"><a href="/prezentacii-po-informatike/kompyuternoe-informatsionnoe-modelirovanie-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/1154895/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1154895/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1154895/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1154895/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1154895/slide-0.jpg" class="slides-image related-itemImage"> Компьютерное информационное моделирование</a></div><div class="related-item"><a href="/prezentacii-po-informatike/programmnoe-obespechenie-urovni-i-klassifikatsiya-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/879988/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/879988/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/879988/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/879988/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/879988/slide-0.jpg" class="slides-image related-itemImage"> Программное обеспечение: Уровни и классификация</a></div><div class="related-item"><a href="/prezentacii-po-informatike/geograficheskie-informatsionnye-sistemy-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/1036849/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1036849/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1036849/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1036849/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1036849/slide-0.jpg" class="slides-image related-itemImage"> Географические информационные системы</a></div><div class="related-item"><a href="/prezentacii-po-informatike/antipatterny-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/1068373/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1068373/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1068373/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1068373/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1068373/slide-0.jpg" class="slides-image related-itemImage"> Антипаттерны</a></div><div class="related-item"><a href="/prezentacii-po-informatike/prezentatsiya-30072108" 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/916005/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/916005/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/916005/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/916005/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/916005/slide-0.jpg" class="slides-image related-itemImage"> Презентация</a></div><div class="related-item"><a href="/prezentacii-po-informatike/kamelot-znamyona-i-znameniya" 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/923666/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/923666/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/923666/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/923666/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/923666/slide-0.jpg" class="slides-image related-itemImage"> Камелот: знамёна и знамения</a></div><div class="related-item"><a href="/prezentacii-po-informatike/ustroystva-kompyutera-2-klass" 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/1148164/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1148164/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1148164/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1148164/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1148164/slide-0.jpg" class="slides-image related-itemImage"> Устройства компьютера. 2 класс</a></div><div class="related-item"><a href="/prezentacii-po-informatike/delovaya-grafika-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/899660/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/899660/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/899660/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/899660/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/899660/slide-0.jpg" class="slides-image related-itemImage"> Деловая графика</a></div><div class="related-item"><a href="/prezentacii-po-informatike/vvod-informatsii-v-pamyat-kompyutera-12" 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/898876/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/898876/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/898876/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/898876/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/898876/slide-0.jpg" class="slides-image related-itemImage"> Ввод информации в память компьютера</a></div><div class="related-item"><a href="/prezentacii-po-informatike/operacii-nad-fajlami-yazyk-programmirovaniya-basic" 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/483105/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/483105/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/483105/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/483105/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/483105/slide-0.jpg" class="slides-image related-itemImage"> Операции над файлами Язык программирования BASIC</a></div><div class="related-item"><a href="/prezentacii-po-informatike/geoinformatsionnye-sistemy-26" 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/930352/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/930352/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/930352/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/930352/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/930352/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,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:122,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:1041024,name:"Проблемные вопросы по статистической форме 2-услуги",href:"\u002Fprezentacii-po-informatike\u002Fproblemnye-voprosy-po-statisticheskoy-forme-2",jpg:"jpg\u002F1041024"},{id:927573,name:"Понятие программного обеспечения",href:"\u002Fprezentacii-po-informatike\u002Fponyatie-programmnogo-obespecheniya",jpg:"jpg\u002F927573"},{id:906018,name:"Лекция 6_2019",href:"\u002Fprezentacii-po-informatike\u002Flektsiya-62019",jpg:"jpg\u002F906018"},{id:1091348,name:"YouTube Beeline Казакхстан",href:"\u002Fprezentacii-po-informatike\u002Fyoutube-beeline-kazakhstan",jpg:"jpg\u002F1091348"},{id:1021961,name:"Поразрядные операторы",href:"\u002Fprezentacii-po-informatike\u002Fporazryadnye-operatory",jpg:"jpg\u002F1021961"},{id:1045873,name:"Установка и управление файлами на рабочих станциях и сервере",href:"\u002Fprezentacii-po-informatike\u002Fustanovka-i-upravlenie-faylami-na-rabochih",jpg:"jpg\u002F1045873"},{id:481808,name:"Презентация \"Применение фильтров в Photoshop\" - скачать презентации по Информатике",href:"\u002Fprezentacii-po-informatike\u002F11518-prezentaciya-quotprimenenie-filtrov-v-photoshopquot--skachat-prezentacii-po-informatike",jpg:"jpg\u002F481808"},{id:1121365,name:"Подробнее о событиях JS",href:"\u002Fprezentacii-po-informatike\u002Fpodrobnee-o-sobytiyah-js",jpg:"jpg\u002F1121365"},{id:1050818,name:"Безопасный Интернет",href:"\u002Fprezentacii-po-informatike\u002Fbezopasnyy-internet-87",jpg:"jpg\u002F1050818"},{id:1047680,name:"Ms word. Форматирование документа. Установка параметров шрифта и абзаца, создание границ",href:"\u002Fprezentacii-po-informatike\u002Fms-word-formatirovanie-dokumenta-ustanovka-parametrov-1",jpg:"jpg\u002F1047680"},{id:862555,name:"Безопасность в сети интернет. Дистанционное воспитательное мероприятие",href:"\u002Fprezentacii-po-informatike\u002Fbezopasnost-v-seti-internet-distantsionnoe-vospitatelnoe",jpg:"jpg\u002F862555"},{id:962392,name:"Лямбда-выражения",href:"\u002Fprezentacii-po-informatike\u002Flyambda-vyrazheniya-1",jpg:"jpg\u002F962392"},{id:1030039,name:"Разработка web-сайта вакцинации от covid-19",href:"\u002Fprezentacii-po-informatike\u002Frazrabotka-web-sayta-vaktsinatsii-ot-covid",jpg:"jpg\u002F1030039"},{id:1118182,name:"Das At-Zeichen",href:"\u002Fprezentacii-po-informatike\u002Fdas-at-zeichen",jpg:"jpg\u002F1118182"},{id:916714,name:"Компьютерные технологии в спорте",href:"\u002Fprezentacii-po-informatike\u002Fkompyuternye-tehnologii-v-sporte",jpg:"jpg\u002F916714"},{id:845396,name:"Программирование разветвляющихся алгоритмов",href:"\u002Fprezentacii-po-informatike\u002Fprogrammirovanie-razvetvlyayushchihsya-algoritmov-21",jpg:"jpg\u002F845396"},{id:930008,name:"Службы интернета. Сетевые информационные технологии",href:"\u002Fprezentacii-po-informatike\u002Fsluzhby-interneta-setevye-informatsionnye-tehnologii",jpg:"jpg\u002F930008"},{id:1154895,name:"Компьютерное информационное моделирование",href:"\u002Fprezentacii-po-informatike\u002Fkompyuternoe-informatsionnoe-modelirovanie-8",jpg:"jpg\u002F1154895"},{id:879988,name:"Программное обеспечение: Уровни и классификация",href:"\u002Fprezentacii-po-informatike\u002Fprogrammnoe-obespechenie-urovni-i-klassifikatsiya-1",jpg:"jpg\u002F879988"},{id:1036849,name:"Географические информационные системы",href:"\u002Fprezentacii-po-informatike\u002Fgeograficheskie-informatsionnye-sistemy-1",jpg:"jpg\u002F1036849"},{id:1068373,name:"Антипаттерны",href:"\u002Fprezentacii-po-informatike\u002Fantipatterny-1",jpg:"jpg\u002F1068373"},{id:916005,name:"Презентация",href:"\u002Fprezentacii-po-informatike\u002Fprezentatsiya-30072108",jpg:"jpg\u002F916005"},{id:923666,name:"Камелот: знамёна и знамения",href:"\u002Fprezentacii-po-informatike\u002Fkamelot-znamyona-i-znameniya",jpg:"jpg\u002F923666"},{id:1148164,name:"Устройства компьютера. 2 класс",href:"\u002Fprezentacii-po-informatike\u002Fustroystva-kompyutera-2-klass",jpg:"jpg\u002F1148164"},{id:899660,name:"Деловая графика",href:"\u002Fprezentacii-po-informatike\u002Fdelovaya-grafika-5",jpg:"jpg\u002F899660"},{id:898876,name:"Ввод информации в память компьютера",href:"\u002Fprezentacii-po-informatike\u002Fvvod-informatsii-v-pamyat-kompyutera-12",jpg:"jpg\u002F898876"},{id:483105,name:"Операции над файлами Язык программирования BASIC",href:"\u002Fprezentacii-po-informatike\u002Foperacii-nad-fajlami-yazyk-programmirovaniya-basic",jpg:"jpg\u002F483105"},{id:930352,name:"Геоинформационные системы",href:"\u002Fprezentacii-po-informatike\u002Fgeoinformatsionnye-sistemy-26",jpg:"jpg\u002F930352"}],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>