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

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

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

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

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

Задача №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> Количество просмотров: 103 <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/vypolnenie-zadaniy-na-sayte-yaklass-s" 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/1151630/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1151630/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1151630/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1151630/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1151630/slide-0.jpg" class="slides-image related-itemImage"> Выполнение заданий на сайте Якласс с телефона</a></div><div class="related-item"><a href="/prezentacii-po-informatike/video-na-vsyu-stranitsu" 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/1021904/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1021904/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1021904/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1021904/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1021904/slide-0.jpg" class="slides-image related-itemImage"> Видео на всю страницу</a></div><div class="related-item"><a href="/prezentacii-po-informatike/tseli-zloumyshlennikov" 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/1052987/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1052987/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1052987/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1052987/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1052987/slide-0.jpg" class="slides-image related-itemImage"> Цели злоумышленников</a></div><div class="related-item"><a href="/prezentacii-po-informatike/mobilnoe-prilozhenie-on-russia-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/1044910/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1044910/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1044910/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1044910/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1044910/slide-0.jpg" class="slides-image related-itemImage"> Мобильное приложение On Russia</a></div><div class="related-item"><a href="/prezentacii-po-informatike/bibtex--paket-latex-dlya-sozdaniya" 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/1164520/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1164520/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1164520/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1164520/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1164520/slide-0.jpg" class="slides-image related-itemImage"> BibTeX – пакет LaTeX для создания форматированных списков библиографий</a></div><div class="related-item"><a href="/prezentacii-po-informatike/prezentaciya-na-temu-znakomstvo-s-elektronnymi-tablicami-microsoft-excel-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/282162/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/282162/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/282162/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/282162/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/282162/slide-0.jpg" class="slides-image related-itemImage"> Презентация на тему Знакомство с электронными таблицами MICROSOFT EXCEL </a></div><div class="related-item"><a href="/prezentacii-po-informatike/predstavlenie-chisel-v-kompyutere-15" 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/1156583/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1156583/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1156583/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1156583/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1156583/slide-0.jpg" class="slides-image related-itemImage"> Представление чисел в компьютере</a></div><div class="related-item"><a href="/prezentacii-po-informatike/tipy-dannyh-v-yazyke-paskal-veshchestvennyy" 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/925023/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/925023/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/925023/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/925023/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/925023/slide-0.jpg" class="slides-image related-itemImage"> Типы данных в языке Паскаль: вещественный, целочисленный, символьный, строковый, логический</a></div><div class="related-item"><a href="/prezentacii-po-informatike/tehnika-bezopasnosti-pravila-raboty-na-kompyutere" 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/1150944/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1150944/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1150944/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1150944/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1150944/slide-0.jpg" class="slides-image related-itemImage"> Техника безопасности. Правила работы на компьютере</a></div><div class="related-item"><a href="/prezentacii-po-informatike/tinkercad-bystrye-i-udobnye-3d-modeli" 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/916497/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/916497/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/916497/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/916497/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/916497/slide-0.jpg" class="slides-image related-itemImage"> Tinkercad. Быстрые и удобные 3D модели</a></div><div class="related-item"><a href="/prezentacii-po-informatike/relyatsionnaya-model-rm-prodolzhenie" 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/878969/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/878969/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/878969/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/878969/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/878969/slide-0.jpg" class="slides-image related-itemImage"> Реляционная модель. РМ (продолжение)</a></div><div class="related-item"><a href="/prezentacii-po-informatike/praktika-obshcherossiyskaya-obshchestvennaya-organizatsiya-veteranov-rossiyskiy-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/1104737/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1104737/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1104737/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1104737/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1104737/slide-0.jpg" class="slides-image related-itemImage"> Практика. Общероссийская Общественная Организация ветеранов Российский союз ветеранов</a></div><div class="related-item"><a href="/prezentacii-po-informatike/sozdanie-dvizhushchihsya-izobrazheniy-4" 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/915685/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/915685/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/915685/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/915685/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/915685/slide-0.jpg" class="slides-image related-itemImage"> Создание движущихся изображений</a></div><div class="related-item"><a href="/prezentacii-po-informatike/english-time-chas-anglysko-zapuskamo-appinvenor" 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/875620/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/875620/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/875620/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/875620/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/875620/slide-0.jpg" class="slides-image related-itemImage"> English Time. Час Англійської. Запускаємо Appinvenor. Lesson 25</a></div><div class="related-item"><a href="/prezentacii-po-informatike/sovremennye-periferiynye-ustroystva-virtualnoy-realnosti-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/849212/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/849212/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/849212/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/849212/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/849212/slide-0.jpg" class="slides-image related-itemImage"> Современные периферийные устройства виртуальной реальности</a></div><div class="related-item"><a href="/prezentacii-po-informatike/mesto-distsipliny-v-uchebnom-plane-magisterskih" 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/972485/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/972485/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/972485/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/972485/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/972485/slide-0.jpg" class="slides-image related-itemImage"> Место дисциплины в учебном плане магистерских программ</a></div><div class="related-item"><a href="/prezentacii-po-informatike/python-kak-universalnyy-instrument-realizatsii-kolichestvennyh" 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/1134552/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1134552/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1134552/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1134552/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1134552/slide-0.jpg" class="slides-image related-itemImage"> Python как универсальный инструмент реализации количественных исследований</a></div><div class="related-item"><a href="/prezentacii-po-informatike/obshchiy-dostup-k-resursam-seti" 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/1064218/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1064218/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1064218/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1064218/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1064218/slide-0.jpg" class="slides-image related-itemImage"> Общий доступ к ресурсам сети</a></div><div class="related-item"><a href="/prezentacii-po-informatike/ispolzovanie-i-sozdanie-mediateksta" 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/1003046/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1003046/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1003046/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1003046/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1003046/slide-0.jpg" class="slides-image related-itemImage"> Использование и создание медиатекста</a></div><div class="related-item"><a href="/prezentacii-po-informatike/plavanie-po-zonam-izmenenie-tsveta-sprayta" 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/980073/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/980073/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/980073/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/980073/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/980073/slide-0.jpg" class="slides-image related-itemImage"> Плавание по зонам. Изменение цвета спрайта в зависимости от положения на координатной плоскости</a></div><div class="related-item"><a href="/prezentacii-po-informatike/personalnye-evm-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/1171657/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1171657/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1171657/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1171657/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1171657/slide-0.jpg" class="slides-image related-itemImage"> Персональные ЭВМ</a></div><div class="related-item"><a href="/prezentacii-po-informatike/kak-my-poznaem-okruzhayushchiy-mir-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/1134347/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1134347/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1134347/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1134347/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1134347/slide-0.jpg" class="slides-image related-itemImage"> Как мы познаем окружающий мир</a></div><div class="related-item"><a href="/prezentacii-po-informatike/obespechenie-nadezhnosti-peredachi-informatsii" class="related-itemLink"><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/838343/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/838343/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/838343/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/838343/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/838343/slide-0.jpg" class="slides-image related-itemImage"> Обеспечение надежности передачи информации</a></div><div class="related-item"><a href="/prezentacii-po-informatike/kak-zarabotat-v-internete-bez-riskov" 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/1084656/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1084656/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1084656/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1084656/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1084656/slide-0.jpg" class="slides-image related-itemImage"> Как заработать в интернете без рисков и вложений</a></div><div class="related-item"><a href="/prezentacii-po-informatike/praktika-v-smts" 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/986184/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/986184/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/986184/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/986184/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/986184/slide-0.jpg" class="slides-image related-itemImage"> Практика в СМЦ</a></div><div class="related-item"><a href="/prezentacii-po-informatike/profil-informatsionnoe-i-tehnicheskoe-obespechenie-sistem" 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/1019803/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1019803/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1019803/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1019803/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1019803/slide-0.jpg" class="slides-image related-itemImage"> Профиль - Информационное и техническое обеспечение систем цифрового управления</a></div><div class="related-item"><a href="/prezentacii-po-informatike/internet-vvedenie" 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/890058/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/890058/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/890058/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/890058/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/890058/slide-0.jpg" class="slides-image related-itemImage"> Интернет. Введение</a></div><div class="related-item"><a href="/prezentacii-po-informatike/funktsii-v-s-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/1155558/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1155558/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1155558/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1155558/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1155558/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}},item:{result:{id:1173628,name:"Форма обратной связи _ Веб-разработка",category:J,count:K,jpg:"jpg\u002F1173628",hits:103,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:1151630,name:"Выполнение заданий на сайте Якласс с телефона",href:"\u002Fprezentacii-po-informatike\u002Fvypolnenie-zadaniy-na-sayte-yaklass-s",jpg:"jpg\u002F1151630"},{id:1021904,name:"Видео на всю страницу",href:"\u002Fprezentacii-po-informatike\u002Fvideo-na-vsyu-stranitsu",jpg:"jpg\u002F1021904"},{id:1052987,name:"Цели злоумышленников",href:"\u002Fprezentacii-po-informatike\u002Ftseli-zloumyshlennikov",jpg:"jpg\u002F1052987"},{id:1044910,name:"Мобильное приложение On Russia",href:"\u002Fprezentacii-po-informatike\u002Fmobilnoe-prilozhenie-on-russia-1",jpg:"jpg\u002F1044910"},{id:1164520,name:"BibTeX – пакет LaTeX для создания форматированных списков библиографий",href:"\u002Fprezentacii-po-informatike\u002Fbibtex--paket-latex-dlya-sozdaniya",jpg:"jpg\u002F1164520"},{id:282162,name:"Презентация на тему Знакомство с электронными таблицами MICROSOFT EXCEL ",href:"\u002Fprezentacii-po-informatike\u002Fprezentaciya-na-temu-znakomstvo-s-elektronnymi-tablicami-microsoft-excel-1",jpg:"jpg\u002F282162"},{id:1156583,name:"Представление чисел в компьютере",href:"\u002Fprezentacii-po-informatike\u002Fpredstavlenie-chisel-v-kompyutere-15",jpg:"jpg\u002F1156583"},{id:925023,name:"Типы данных в языке Паскаль: вещественный, целочисленный, символьный, строковый, логический",href:"\u002Fprezentacii-po-informatike\u002Ftipy-dannyh-v-yazyke-paskal-veshchestvennyy",jpg:"jpg\u002F925023"},{id:1150944,name:"Техника безопасности. Правила работы на компьютере",href:"\u002Fprezentacii-po-informatike\u002Ftehnika-bezopasnosti-pravila-raboty-na-kompyutere",jpg:"jpg\u002F1150944"},{id:916497,name:"Tinkercad. Быстрые и удобные 3D модели",href:"\u002Fprezentacii-po-informatike\u002Ftinkercad-bystrye-i-udobnye-3d-modeli",jpg:"jpg\u002F916497"},{id:878969,name:"Реляционная модель. РМ (продолжение)",href:"\u002Fprezentacii-po-informatike\u002Frelyatsionnaya-model-rm-prodolzhenie",jpg:"jpg\u002F878969"},{id:1104737,name:"Практика. Общероссийская Общественная Организация ветеранов Российский союз ветеранов",href:"\u002Fprezentacii-po-informatike\u002Fpraktika-obshcherossiyskaya-obshchestvennaya-organizatsiya-veteranov-rossiyskiy-1",jpg:"jpg\u002F1104737"},{id:915685,name:"Создание движущихся изображений",href:"\u002Fprezentacii-po-informatike\u002Fsozdanie-dvizhushchihsya-izobrazheniy-4",jpg:"jpg\u002F915685"},{id:875620,name:"English Time. Час Англійської. Запускаємо Appinvenor. Lesson 25",href:"\u002Fprezentacii-po-informatike\u002Fenglish-time-chas-anglysko-zapuskamo-appinvenor",jpg:"jpg\u002F875620"},{id:849212,name:"Современные периферийные устройства виртуальной реальности",href:"\u002Fprezentacii-po-informatike\u002Fsovremennye-periferiynye-ustroystva-virtualnoy-realnosti-1",jpg:"jpg\u002F849212"},{id:972485,name:"Место дисциплины в учебном плане магистерских программ",href:"\u002Fprezentacii-po-informatike\u002Fmesto-distsipliny-v-uchebnom-plane-magisterskih",jpg:"jpg\u002F972485"},{id:1134552,name:"Python как универсальный инструмент реализации количественных исследований",href:"\u002Fprezentacii-po-informatike\u002Fpython-kak-universalnyy-instrument-realizatsii-kolichestvennyh",jpg:"jpg\u002F1134552"},{id:1064218,name:"Общий доступ к ресурсам сети",href:"\u002Fprezentacii-po-informatike\u002Fobshchiy-dostup-k-resursam-seti",jpg:"jpg\u002F1064218"},{id:1003046,name:"Использование и создание медиатекста",href:"\u002Fprezentacii-po-informatike\u002Fispolzovanie-i-sozdanie-mediateksta",jpg:"jpg\u002F1003046"},{id:980073,name:"Плавание по зонам. Изменение цвета спрайта в зависимости от положения на координатной плоскости",href:"\u002Fprezentacii-po-informatike\u002Fplavanie-po-zonam-izmenenie-tsveta-sprayta",jpg:"jpg\u002F980073"},{id:1171657,name:"Персональные ЭВМ",href:"\u002Fprezentacii-po-informatike\u002Fpersonalnye-evm-1",jpg:"jpg\u002F1171657"},{id:1134347,name:"Как мы познаем окружающий мир",href:"\u002Fprezentacii-po-informatike\u002Fkak-my-poznaem-okruzhayushchiy-mir-3",jpg:"jpg\u002F1134347"},{id:838343,name:"Обеспечение надежности передачи информации",href:"\u002Fprezentacii-po-informatike\u002Fobespechenie-nadezhnosti-peredachi-informatsii",jpg:"jpg\u002F838343"},{id:1084656,name:"Как заработать в интернете без рисков и вложений",href:"\u002Fprezentacii-po-informatike\u002Fkak-zarabotat-v-internete-bez-riskov",jpg:"jpg\u002F1084656"},{id:986184,name:"Практика в СМЦ",href:"\u002Fprezentacii-po-informatike\u002Fpraktika-v-smts",jpg:"jpg\u002F986184"},{id:1019803,name:"Профиль - Информационное и техническое обеспечение систем цифрового управления",href:"\u002Fprezentacii-po-informatike\u002Fprofil-informatsionnoe-i-tehnicheskoe-obespechenie-sistem",jpg:"jpg\u002F1019803"},{id:890058,name:"Интернет. Введение",href:"\u002Fprezentacii-po-informatike\u002Finternet-vvedenie",jpg:"jpg\u002F890058"},{id:1155558,name:"Функции в С++",href:"\u002Fprezentacii-po-informatike\u002Ffunktsii-v-s-1",jpg:"jpg\u002F1155558"}],navigation:{next:"\u002Fprezentacii-na-razlichnye-temy\u002Fmarennikova-451-gruppa",next_name:"Маренникова 451 группа",prev:"\u002Fprezentacii-po-informatike\u002Fosi-3111945",prev_name:"OSI"}}},categories:{result:[{id:M,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:M,name:"Окружающий мир",pseudoname:"prezentacii-po-okruzhayushhemu-miru"}]}},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","Информатика",18,"Форма обратной связи _ Веб-разработка ",1,"Slaidy","ru","64x64","120x120","144x144","152x152","192x192","384x384","512x512"))</script><script type="module" src="/_nuxt/entry.e6b1bc94.js" crossorigin></script></body>
</html>