Front-end Skillup занятие 3

План занятия
Формы и их элементы
Мета теги
PS, Avocode
Анализ макета

Формы

Форма
Веб-форма (форма) - элемент веб-страницы, который дает пользователям возможность вводить информацию и отправлять ее на сервер для дальнейшей обработки.
За создание формы в html-документе соответствует тег
, в котором содержатся все другие необходимые теги. Теги, используемые:
<br><button><br><label><br>https://www.w3schools.com/html/html_forms.asp<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide5" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/1050756/slide-4.jpg" target="_blank" rel="noopener">Слайд 5</a><h3 class="slides-content text-center font-bold"><div><p>Мета теги<br><p>Мета-теги (англ. meta-tags) — HTML-теги, предназначены для предоставления структурированных метаданных о</div></h3></h3><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Мета теги Мета-теги (англ. meta-tags) — HTML-теги, предназначены для предоставления структурированных метаданных" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1050756/slide-4.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1050756/slide-4.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1050756/slide-4.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1050756/slide-4.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1050756/slide-4.jpg" class="slides-image"><!----><div class="slides-content">веб-страницы. Обычно указываются в заголовке (X) HTML-документа.<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide6" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/1050756/slide-5.jpg" target="_blank" rel="noopener">Слайд 6</a><h3 class="slides-content text-center font-bold"><div><p>Мета теги<br><p><meta http-equiv="Content-Type" content="text/html" /><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/1050756/slide-5.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1050756/slide-5.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1050756/slide-5.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1050756/slide-5.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1050756/slide-5.jpg" class="slides-image"><!----><div class="slides-content">​​вместе с HTTP-заголовком Content-Type: text / html. Такой заголовок указывает браузеру или другой программе тип отправленного документа. Тем не менее, несмотря на то, что изначально предполагалось, что веб-серверы будут считывать мета-теги внутри отправленных клиенту веб-страниц и формировать HTTP-заголовки в зависимости от их содержания, на практике это не реализовано в наиболее используемых веб-серверах соответственно, веб-серверы не меняют отправленые клиенту HTTP-заголовки, а клиент (браузер) обрабатывает эти мета-теги самостоятельно [1] (в частности, данные с мета-тегов могут заменять данные, получаемые с HTTP- заголовков [2 ]).<br>Кроме того, мета-теги могут использоваться для того, чтобы сообщить браузеру информацию о документе, когда HTTP-заголовки недоступны (например, если страница открывается локально с диска, а не загружается с веб-сервера).<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide7" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/1050756/slide-6.jpg" target="_blank" rel="noopener">Слайд 7</a><h3 class="slides-content text-center font-bold"><div><p>Функции мета тегов<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/1050756/slide-6.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1050756/slide-6.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1050756/slide-6.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1050756/slide-6.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1050756/slide-6.jpg" class="slides-image"><!----><div class="slides-content">их четкой стандартизации. Тем не менее, можно выделить несколько основных направлений использования мета-тегов:<br>Мета-теги способны идентифицировать авторство Интернет-страницы, ее адрес, частоту ее обновления;<br>Мета-теги используются поисковыми системами для индексации и создания заголовков гипертекстовых документов;<br>НЕ выводясь на экран, мета-теги влияют на режим отображения интернет-страниц.<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide8" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/1050756/slide-7.jpg" target="_blank" rel="noopener">Слайд 8</a><h3 class="slides-content text-center font-bold"><div><p>Мета теги<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/1050756/slide-7.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1050756/slide-7.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1050756/slide-7.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1050756/slide-7.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1050756/slide-7.jpg" class="slides-image"><!----><div class="slides-content">помочь поисковым машинам отнести веб-страницу в той или иной категории.<br>В 90-е годы мета-теги активно использовались в целях раскрутки своего сайта, в том числе, предоставляя ложные или избыточные мета-данные.<br>В последнее время поисковыми системами было сделано множество мероприятий по пресечению таких манипуляций: например, из факторов ранжирования было исключено тег keywords, принципы построения правильных основных тегов «title» и «description» также изменились.<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide9" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/1050756/slide-8.jpg" target="_blank" rel="noopener">Слайд 9</a><h3 class="slides-content text-center font-bold"><div><p>Photoshop<br><p>Adobe Photoshop — графический редактор, разработанный и распространяемый фирмой Adobe Systems.<br>Этот продукт</div></h3></h3><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Photoshop Adobe Photoshop — графический редактор, разработанный и распространяемый фирмой Adobe Systems." loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1050756/slide-8.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1050756/slide-8.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1050756/slide-8.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1050756/slide-8.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1050756/slide-8.jpg" class="slides-image"><!----><div class="slides-content">является лидером рынка в области коммерческих средств редактирования растровых изображений. В наше время Photoshop доступен на платформах Mac OS X / Mac OS и Microsoft Windows.<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide10" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/1050756/slide-9.jpg" target="_blank" rel="noopener">Слайд 10</a><h3 class="slides-content text-center font-bold"><div><p>Photoshop<br></div></h3></h3><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Photoshop" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1050756/slide-9.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1050756/slide-9.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1050756/slide-9.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1050756/slide-9.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1050756/slide-9.jpg" class="slides-image"><!----><!----><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide11" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/1050756/slide-10.jpg" target="_blank" rel="noopener">Слайд 11</a><h3 class="slides-content text-center font-bold"><div><p>PNG/CSS Hat<br></div></h3></h3><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="PNG/CSS Hat" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1050756/slide-10.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1050756/slide-10.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1050756/slide-10.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1050756/slide-10.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1050756/slide-10.jpg" class="slides-image"><!----><!----><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide12" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/1050756/slide-11.jpg" target="_blank" rel="noopener">Слайд 12</a><h3 class="slides-content text-center font-bold"><div><p>Avocode/Zeplin<br></div></h3></h3><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Avocode/Zeplin" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1050756/slide-11.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1050756/slide-11.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1050756/slide-11.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1050756/slide-11.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1050756/slide-11.jpg" class="slides-image"><!----><!----><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide13" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/1050756/slide-12.jpg" target="_blank" rel="noopener">Слайд 13</a><h3 class="slides-content text-center font-bold"><div><p>Аналіз макету<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/1050756/slide-12.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1050756/slide-12.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1050756/slide-12.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1050756/slide-12.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1050756/slide-12.jpg" class="slides-image"><!----><!----><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide14" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/1050756/slide-13.jpg" target="_blank" rel="noopener">Слайд 14</a><h3 class="slides-content text-center font-bold"><div><p>GRID<br></div></h3></h3><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="GRID" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1050756/slide-13.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1050756/slide-13.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1050756/slide-13.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1050756/slide-13.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1050756/slide-13.jpg" class="slides-image"><!----><!----><!----><!--]--><!----></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"> Имя файла: Front-end-Skillup-занятие-3.pptx <br> Количество просмотров: 50 <br> Количество скачиваний: 0</div><button class="download-btn" type="submit">Скачать</button><!----></form><div class="navigation"><div class="navigation-item"><div>- Предыдущая</div><a href="/prezentacii-po-pedagogike/obrazovatelnaya-programma-tropinki" class="navigation-link">Образовательная программа Тропинки</a></div><div class="navigation-item"><div>Следующая -</div><a href="/prezentacii-po-russkomu-yazyku/bukvy-ch-i-shch-v-suffiksah-2" class="navigation-link">Буквы Ч и Щ в суффиксах существительных -ЧИК и -ЩИК</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/vidy-v-trehmernom-prostranstve-sozdanie-3d" 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/938446/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/938446/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/938446/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/938446/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/938446/slide-0.jpg" class="slides-image related-itemImage"> Виды в трехмерном пространстве. Создание 3D объектов в CAD-системах</a></div><div class="related-item"><a href="/prezentacii-po-informatike/pomoshch-studentu-k-pervoy-laboratornoy-rabote" 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/921324/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/921324/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/921324/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/921324/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/921324/slide-0.jpg" class="slides-image related-itemImage"> Помощь студенту к первой лабораторной работе. При выполнении лабораторных работ используется программа ISE Project Navigator</a></div><div class="related-item"><a href="/prezentacii-po-informatike/mnogopotochnost-rabota-s-setyu-delegaty" 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/934926/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/934926/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/934926/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/934926/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/934926/slide-0.jpg" class="slides-image related-itemImage"> Многопоточность. Работа с сетью. Делегаты</a></div><div class="related-item"><a href="/prezentacii-po-informatike/harakteristika-ms-access-obekty-ms-access" 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/1097107/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1097107/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1097107/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1097107/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1097107/slide-0.jpg" class="slides-image related-itemImage"> Характеристика MS Access. Объекты MS Access</a></div><div class="related-item"><a href="/prezentacii-po-informatike/dostup-k-bibliotechno-informatsionnym-resursam-spbgu" 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/1083245/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1083245/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1083245/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1083245/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1083245/slide-0.jpg" class="slides-image related-itemImage"> Доступ к библиотечно-информационным ресурсам СПБГУ. Международные отношения</a></div><div class="related-item"><a href="/prezentacii-po-informatike/kuchi-primenenie" 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/1107217/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1107217/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1107217/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1107217/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1107217/slide-0.jpg" class="slides-image related-itemImage"> Кучи. Применение</a></div><div class="related-item"><a href="/prezentacii-po-informatike/sreda-programmirovaniya-pascal-abc-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/971498/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/971498/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/971498/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/971498/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/971498/slide-0.jpg" class="slides-image related-itemImage"> Среда программирования Pascal ABC</a></div><div class="related-item"><a href="/prezentacii-po-informatike/harakteristiki-yazyka-java-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/850593/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/850593/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/850593/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/850593/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/850593/slide-0.jpg" class="slides-image related-itemImage"> Характеристики языка Java</a></div><div class="related-item"><a href="/prezentacii-po-informatike/dvoichnaya-arifmetika-14" 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/1034945/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1034945/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1034945/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1034945/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1034945/slide-0.jpg" class="slides-image related-itemImage"> Двоичная арифметика</a></div><div class="related-item"><a href="/prezentacii-po-informatike/full-stack-web-development-with-react" 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/880652/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/880652/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/880652/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/880652/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/880652/slide-0.jpg" class="slides-image related-itemImage"> Full-Stack Web Development with React (Онлайн, Coursera, ENG, ОК)</a></div><div class="related-item"><a href="/prezentacii-po-informatike/shema-peredachi-informatsii-otpravitel-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/1131411/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1131411/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1131411/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1131411/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1131411/slide-0.jpg" class="slides-image related-itemImage"> Схема передачи информации. Отправитель информации</a></div><div class="related-item"><a href="/prezentacii-po-informatike/vidy-kabeley-dlya-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/964570/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/964570/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/964570/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/964570/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/964570/slide-0.jpg" class="slides-image related-itemImage"> Виды кабелей для передачи информации</a></div><div class="related-item"><a href="/prezentacii-po-informatike/protsesspervichnoipriemkipalet" 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/861482/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/861482/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/861482/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/861482/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/861482/slide-0.jpg" class="slides-image related-itemImage"> Процесс_первичной_приемки_палет_</a></div><div class="related-item"><a href="/prezentacii-po-informatike/preobrazovanie-graficheskih-izobrazheniy-dorozhnye-znaki" 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/1061200/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1061200/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1061200/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1061200/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1061200/slide-0.jpg" class="slides-image related-itemImage"> Преобразование графических изображений. Дорожные знаки</a></div><div class="related-item"><a href="/prezentacii-po-informatike/multimedia-v-gosudarstvennom-muzee-politicheskoy-istorii" 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/1029242/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1029242/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1029242/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1029242/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1029242/slide-0.jpg" class="slides-image related-itemImage"> Мультимедиа в Государственном музее политической истории России</a></div><div class="related-item"><a href="/prezentacii-po-informatike/sistema-programmirovaniya-kumir" 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/896677/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/896677/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/896677/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/896677/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/896677/slide-0.jpg" class="slides-image related-itemImage"> Система программирования Кумир</a></div><div class="related-item"><a href="/prezentacii-po-informatike/you-have-received-an-email-message" 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/844252/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/844252/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/844252/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/844252/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/844252/slide-0.jpg" class="slides-image related-itemImage"> You have received an email message</a></div><div class="related-item"><a href="/prezentacii-po-informatike/several-reasons-to-start-communicating-using" 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/1170263/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1170263/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1170263/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1170263/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1170263/slide-0.jpg" class="slides-image related-itemImage"> Several reasons to start communicating using GIFs</a></div><div class="related-item"><a href="/prezentacii-po-informatike/sayt-avtomatizatsii-raboty-frilansera" 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/1121641/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1121641/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1121641/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1121641/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1121641/slide-0.jpg" class="slides-image related-itemImage"> Сайт автоматизации работы фрилансера</a></div><div class="related-item"><a href="/prezentacii-po-informatike/kompyuternoe-proektirovanie" 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/851419/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/851419/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/851419/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/851419/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/851419/slide-0.jpg" class="slides-image related-itemImage"> Компьютерное проектирование</a></div><div class="related-item"><a href="/prezentacii-po-informatike/aktualnye-sposoby-moshennichestva-i-zashchita-ot" 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/950337/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/950337/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/950337/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/950337/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/950337/slide-0.jpg" class="slides-image related-itemImage"> Актуальные способы мошенничества и защита от них</a></div><div class="related-item"><a href="/prezentacii-po-informatike/kak-pravilno-oformit-kursovuyu-rabotu" 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/867689/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/867689/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/867689/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/867689/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/867689/slide-0.jpg" class="slides-image related-itemImage"> Как правильно оформить курсовую работу</a></div><div class="related-item"><a href="/prezentacii-po-informatike/osnovnye-etapy-razvitiya-informatsionnogo-obshchestva-6" 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/930126/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/930126/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/930126/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/930126/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/930126/slide-0.jpg" class="slides-image related-itemImage"> Основные этапы развития информационного общества</a></div><div class="related-item"><a href="/prezentacii-po-informatike/seti-manipulyatsii-bezopasnost-v-usloviyah-rasprostraneniya" 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/1059190/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1059190/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1059190/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1059190/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1059190/slide-0.jpg" class="slides-image related-itemImage"> Сети манипуляции: безопасность в условиях распространения деструктивного контента</a></div><div class="related-item"><a href="/prezentacii-po-informatike/openfoam-otkrytaya-integriruemaya-platforma-dlya-chislennogo" 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/1112559/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1112559/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1112559/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1112559/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1112559/slide-0.jpg" class="slides-image related-itemImage"> OpenFOAM. Открытая интегрируемая платформа для численного моделирования задач механики сплошных сред</a></div><div class="related-item"><a href="/prezentacii-po-informatike/dogovor-o-napravlenii-i-prieme-detey" 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/994353/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/994353/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/994353/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/994353/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/994353/slide-0.jpg" class="slides-image related-itemImage"> Договор о направлении и приеме детей в ФГБОУ МДЦ Артек</a></div><div class="related-item"><a href="/prezentacii-po-informatike/algoritm-ustanovleniya-soedineniya-v-seti-ip" 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/953996/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/953996/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/953996/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/953996/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/953996/slide-0.jpg" class="slides-image related-itemImage"> Алгоритм установления соединения в сети IP-телефонии по протоколу SIP</a></div><div class="related-item"><a href="/prezentacii-po-informatike/sluzhba-dhcp-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/1183743/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1183743/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1183743/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1183743/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1183743/slide-0.jpg" class="slides-image related-itemImage"> Служба DHCP</a></div><!--]--></div></div></div></div><!--]--><!--]--><!--]--></div></div></main><footer class="footer"><div class="layout"><div class="footer-text"><!--LiveInternet counter--><a href="https://www.liveinternet.ru/click"
target="_blank"><img id="licnt7D89" width="88" height="31" style="border:0"
title="LiveInternet: показано число просмотров за 24 часа, посетителей за 24 часа и за сегодня"
src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAEALAAAAAABAAEAAAIBTAA7"
alt="LiveInternet"/></a><script>(function(d,s){d.getElementById("licnt7D89").src=
"https://counter.yadro.ru/hit?t12.1;r"+escape(d.referrer)+
((typeof(s)=="undefined")?"":";s"+s.width+"*"+s.height+"*"+
(s.colorDepth?s.colorDepth:s.pixelDepth))+";u"+escape(d.URL)+
";h"+escape(d.title.substring(0,150))+";"+Math.random()})
(document,screen)</script><!--/LiveInternet--></div><div class="footer-contacts"><svg class="footer-contactsIcon" viewBox="0 0 27 26" xmlns="http://www.w3.org/2000/svg"><use xlink:href="/images/icons.svg#contacts"></use></svg> Обратная связь</div><div class="footer-text"><a href="/page/pravoobladateliam">Для правообладателей</a></div><div class="footer-contactsEmail"> Email: <span class="footer-contactsShow">Нажмите что бы посмотреть</span></div></div></footer></div><!--]--></div><script>window.__NUXT__=(function(a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u,v,w,x,y,z,A,B,C,D,E,F,G,H,I,J,K,L,M,N,O,P,Q,R,S,T,U){return {data:{meta:{result:{meta:{h1:l,main_text:b,main_title:m,main_description:n,main_keywords:o,main_image:b},app:{logo_image:p,logo_image_width:i,logo_image_height:q,logo_text:r,image_width_full:s,image_width_min:t,recaptcha_key:u,yandex_search:v,ya_context:e,banner_1:b,banner_2:b,banner_3:b,banner_4:b,banner_5:b,banner_6:b,banner_7:b,banner_8:b,banner_9:b,banner_10:b,email:w,footer_before:x,footer:y,dark_theme:c,strategy:{image_alt_words:h,item_slide_header:z,item_images:A,item_images_tag:B,item_words_h3:c,item_words_tag:C,item_words_1:h,routing:D,item_slide_skipping:E,item_download_timeout:F,item_slider_width:a,item_show_pdf:c,item_show_contents:c,item_show_filename:e},colors:{header_text:j,header_bg:k,accent:G}},social:H}},item:{result:{id:1050756,name:"Front-end Skillup занятие 3",category:I,count:J,jpg:"jpg\u002F1050756",hits:50,download:a,h1:K,meta:{h1:K,title:"Front-end Skillup занятие 3 презентация",description:"Front-end Skillup занятие 3 презентация, доклад, проект, Информатика ",keywords:"Front-end Skillup занятие 3, презентация, доклад, проект, скачать презентацию на тему, PowerPoint, скачати презентацію, фон, шаблон, урок, конспект, класс, школа, класс, Информатика",download_link:b},text:"\u003Cp style=\"text-align: justify;\" \u002F\u003EПрезентация на тему Front-end Skillup занятие 3, из раздела: Информатика. Презентацию в формате PowerPoint (pptx) можно скачать внизу страницы, поделившись ссылкой в социальных сетях! Презентации взяты из открытого доступа или загружены их авторами, администрация сайта не отвечает за достоверность информации в них. Все права принадлежат авторам материалов: \u003Ca href=\"politika-zashchity-avtorskih-prav\"\u003EПолитика защиты авторских прав\u003C\u002Fa\u003E",seo_text:"\u003Cp\u003EПлан занятия\u003Cbr\u003E\u003Cp\u003EФормы и их элементы\u003Cbr\u003EМета теги\u003Cbr\u003EPS, Avocode\u003Cbr\u003EАнализ макета\u003Cbr\u003E \u003Cp\u003EФормы\u003Cbr\u003E\u003Cp\u003E\u003Cbr\u003E",file:"Front-end-Skillup-занятие-3.pptx",texts:["\u003Cp\u003EFRONT-END SkillUP\u003Cbr\u003E\u003Cp\u003Eзанятие 3\u003Cbr\u003E","\u003Cp\u003EПлан занятия\u003Cbr\u003E\u003Cp\u003EФормы и их элементы\u003Cbr\u003EМета теги\u003Cbr\u003EPS, Avocode\u003Cbr\u003EАнализ макета\u003Cbr\u003E","\u003Cp\u003EФормы\u003Cbr\u003E","\u003Cp\u003EФорма\u003Cbr\u003EВеб-форма (форма) - элемент веб-страницы, который дает пользователям возможность вводить информацию и отправлять ее на сервер для дальнейшей обработки.\u003Cbr\u003EЗа создание формы в html-документе соответствует тег \u003Cform\u003E, в котором содержатся все другие необходимые теги. Теги, используемые:\u003Cbr\u003E\u003Cform\u003E\u003Cbr\u003E\u003Cinput\u003E\u003Cbr\u003E\u003Cselect\u003E\u003Cbr\u003E\u003Ctextarea\u003E\u003Cbr\u003E\u003Cbutton\u003E\u003Cbr\u003E\u003Clabel\u003E\u003Cbr\u003Ehttps:\u002F\u002Fwww.w3schools.com\u002Fhtml\u002Fhtml_forms.asp\u003Cbr\u003E","\u003Cp\u003EМета теги\u003Cbr\u003E\u003Cp\u003EМета-теги (англ. meta-tags) — HTML-теги, предназначены для предоставления структурированных метаданных о веб-страницы. Обычно указываются в заголовке (X) HTML-документа.\u003Cbr\u003E","\u003Cp\u003EМета теги\u003Cbr\u003E\u003Cp\u003E\u003Cmeta http-equiv=\"Content-Type\" content=\"text\u002Fhtml\" \u002F\u003E\u003Cbr\u003EТакая запись указывает, что страница должна быть отправлена ​​вместе с HTTP-заголовком Content-Type: text \u002F html. Такой заголовок указывает браузеру или другой программе тип отправленного документа. Тем не менее, несмотря на то, что изначально предполагалось, что веб-серверы будут считывать мета-теги внутри отправленных клиенту веб-страниц и формировать HTTP-заголовки в зависимости от их содержания, на практике это не реализовано в наиболее используемых веб-серверах соответственно, веб-серверы не меняют отправленые клиенту HTTP-заголовки, а клиент (браузер) обрабатывает эти мета-теги самостоятельно [1] (в частности, данные с мета-тегов могут заменять данные, получаемые с HTTP- заголовков [2 ]).\u003Cbr\u003EКроме того, мета-теги могут использоваться для того, чтобы сообщить браузеру информацию о документе, когда HTTP-заголовки недоступны (например, если страница открывается локально с диска, а не загружается с веб-сервера).\u003Cbr\u003E","\u003Cp\u003EФункции мета тегов\u003Cbr\u003EФункции мета-тегов достаточно разнообразны, однако на данный момент не существует их четкой стандартизации. Тем не менее, можно выделить несколько основных направлений использования мета-тегов:\u003Cbr\u003EМета-теги способны идентифицировать авторство Интернет-страницы, ее адрес, частоту ее обновления;\u003Cbr\u003EМета-теги используются поисковыми системами для индексации и создания заголовков гипертекстовых документов;\u003Cbr\u003EНЕ выводясь на экран, мета-теги влияют на режим отображения интернет-страниц.\u003Cbr\u003E","\u003Cp\u003EМета теги\u003Cbr\u003EМета-данные о веб-страницы первоначально предназначались в том числе для того, чтобы помочь поисковым машинам отнести веб-страницу в той или иной категории.\u003Cbr\u003EВ 90-е годы мета-теги активно использовались в целях раскрутки своего сайта, в том числе, предоставляя ложные или избыточные мета-данные.\u003Cbr\u003EВ последнее время поисковыми системами было сделано множество мероприятий по пресечению таких манипуляций: например, из факторов ранжирования было исключено тег keywords, принципы построения правильных основных тегов «title» и «description» также изменились.\u003Cbr\u003E","\u003Cp\u003EPhotoshop\u003Cbr\u003E\u003Cp\u003EAdobe Photoshop — графический редактор, разработанный и распространяемый фирмой Adobe Systems.\u003Cbr\u003EЭтот продукт является лидером рынка в области коммерческих средств редактирования растровых изображений. В наше время Photoshop доступен на платформах Mac OS X \u002F Mac OS и Microsoft Windows.\u003Cbr\u003E","\u003Cp\u003EPhotoshop\u003Cbr\u003E","\u003Cp\u003EPNG\u002FCSS Hat\u003Cbr\u003E","\u003Cp\u003EAvocode\u002FZeplin\u003Cbr\u003E","\u003Cp\u003EАналіз макету\u003Cbr\u003E","\u003Cp\u003EGRID\u003Cbr\u003E","\u003Cp\u003E\r\nДомашнее задание\u003Cbr\u003E1.Установка и ознакомления с Adobe PS, Zeplin\u003Cbr\u003E2.Выполнить нарезку макета\u003Cbr\u003E3. https:\u002F\u002Fhabrahabr.ru\u002Fpost\u002F197588\u002F\u003Cbr\u003E"],href:"\u002Fprezentacii-po-informatike\u002Ffront-end-skillup-zanyatie-3",href_category:"\u002Fprezentacii-po-informatike",date:1615082382,related:[{id:938446,name:"Виды в трехмерном пространстве. Создание 3D объектов в CAD-системах",href:"\u002Fprezentacii-po-informatike\u002Fvidy-v-trehmernom-prostranstve-sozdanie-3d",jpg:"jpg\u002F938446"},{id:921324,name:"Помощь студенту к первой лабораторной работе. При выполнении лабораторных работ используется программа ISE Project Navigator",href:"\u002Fprezentacii-po-informatike\u002Fpomoshch-studentu-k-pervoy-laboratornoy-rabote",jpg:"jpg\u002F921324"},{id:934926,name:"Многопоточность. Работа с сетью. Делегаты",href:"\u002Fprezentacii-po-informatike\u002Fmnogopotochnost-rabota-s-setyu-delegaty",jpg:"jpg\u002F934926"},{id:1097107,name:"Характеристика MS Access. Объекты MS Access",href:"\u002Fprezentacii-po-informatike\u002Fharakteristika-ms-access-obekty-ms-access",jpg:"jpg\u002F1097107"},{id:1083245,name:"Доступ к библиотечно-информационным ресурсам СПБГУ. Международные отношения",href:"\u002Fprezentacii-po-informatike\u002Fdostup-k-bibliotechno-informatsionnym-resursam-spbgu",jpg:"jpg\u002F1083245"},{id:1107217,name:"Кучи. Применение",href:"\u002Fprezentacii-po-informatike\u002Fkuchi-primenenie",jpg:"jpg\u002F1107217"},{id:971498,name:"Среда программирования Pascal ABC",href:"\u002Fprezentacii-po-informatike\u002Fsreda-programmirovaniya-pascal-abc-1",jpg:"jpg\u002F971498"},{id:850593,name:"Характеристики языка Java",href:"\u002Fprezentacii-po-informatike\u002Fharakteristiki-yazyka-java-1",jpg:"jpg\u002F850593"},{id:1034945,name:"Двоичная арифметика",href:"\u002Fprezentacii-po-informatike\u002Fdvoichnaya-arifmetika-14",jpg:"jpg\u002F1034945"},{id:880652,name:"Full-Stack Web Development with React (Онлайн, Coursera, ENG, ОК)",href:"\u002Fprezentacii-po-informatike\u002Ffull-stack-web-development-with-react",jpg:"jpg\u002F880652"},{id:1131411,name:"Схема передачи информации. Отправитель информации",href:"\u002Fprezentacii-po-informatike\u002Fshema-peredachi-informatsii-otpravitel-informatsii",jpg:"jpg\u002F1131411"},{id:964570,name:"Виды кабелей для передачи информации",href:"\u002Fprezentacii-po-informatike\u002Fvidy-kabeley-dlya-peredachi-informatsii",jpg:"jpg\u002F964570"},{id:861482,name:"Процесс_первичной_приемки_палет_",href:"\u002Fprezentacii-po-informatike\u002Fprotsesspervichnoipriemkipalet",jpg:"jpg\u002F861482"},{id:1061200,name:"Преобразование графических изображений. Дорожные знаки",href:"\u002Fprezentacii-po-informatike\u002Fpreobrazovanie-graficheskih-izobrazheniy-dorozhnye-znaki",jpg:"jpg\u002F1061200"},{id:1029242,name:"Мультимедиа в Государственном музее политической истории России",href:"\u002Fprezentacii-po-informatike\u002Fmultimedia-v-gosudarstvennom-muzee-politicheskoy-istorii",jpg:"jpg\u002F1029242"},{id:896677,name:"Система программирования Кумир",href:"\u002Fprezentacii-po-informatike\u002Fsistema-programmirovaniya-kumir",jpg:"jpg\u002F896677"},{id:844252,name:"You have received an email message",href:"\u002Fprezentacii-po-informatike\u002Fyou-have-received-an-email-message",jpg:"jpg\u002F844252"},{id:1170263,name:"Several reasons to start communicating using GIFs",href:"\u002Fprezentacii-po-informatike\u002Fseveral-reasons-to-start-communicating-using",jpg:"jpg\u002F1170263"},{id:1121641,name:"Сайт автоматизации работы фрилансера",href:"\u002Fprezentacii-po-informatike\u002Fsayt-avtomatizatsii-raboty-frilansera",jpg:"jpg\u002F1121641"},{id:851419,name:"Компьютерное проектирование",href:"\u002Fprezentacii-po-informatike\u002Fkompyuternoe-proektirovanie",jpg:"jpg\u002F851419"},{id:950337,name:"Актуальные способы мошенничества и защита от них",href:"\u002Fprezentacii-po-informatike\u002Faktualnye-sposoby-moshennichestva-i-zashchita-ot",jpg:"jpg\u002F950337"},{id:867689,name:"Как правильно оформить курсовую работу",href:"\u002Fprezentacii-po-informatike\u002Fkak-pravilno-oformit-kursovuyu-rabotu",jpg:"jpg\u002F867689"},{id:930126,name:"Основные этапы развития информационного общества",href:"\u002Fprezentacii-po-informatike\u002Fosnovnye-etapy-razvitiya-informatsionnogo-obshchestva-6",jpg:"jpg\u002F930126"},{id:1059190,name:"Сети манипуляции: безопасность в условиях распространения деструктивного контента",href:"\u002Fprezentacii-po-informatike\u002Fseti-manipulyatsii-bezopasnost-v-usloviyah-rasprostraneniya",jpg:"jpg\u002F1059190"},{id:1112559,name:"OpenFOAM. Открытая интегрируемая платформа для численного моделирования задач механики сплошных сред",href:"\u002Fprezentacii-po-informatike\u002Fopenfoam-otkrytaya-integriruemaya-platforma-dlya-chislennogo",jpg:"jpg\u002F1112559"},{id:994353,name:"Договор о направлении и приеме детей в ФГБОУ МДЦ Артек",href:"\u002Fprezentacii-po-informatike\u002Fdogovor-o-napravlenii-i-prieme-detey",jpg:"jpg\u002F994353"},{id:953996,name:"Алгоритм установления соединения в сети IP-телефонии по протоколу SIP",href:"\u002Fprezentacii-po-informatike\u002Falgoritm-ustanovleniya-soedineniya-v-seti-ip",jpg:"jpg\u002F953996"},{id:1183743,name:"Служба DHCP",href:"\u002Fprezentacii-po-informatike\u002Fsluzhba-dhcp-2",jpg:"jpg\u002F1183743"}],navigation:{next:"\u002Fprezentacii-po-russkomu-yazyku\u002Fbukvy-ch-i-shch-v-suffiksah-2",next_name:"Буквы Ч и Щ в суффиксах существительных -ЧИК и -ЩИК",prev:"\u002Fprezentacii-po-pedagogike\u002Fobrazovatelnaya-programma-tropinki",prev_name:"Образовательная программа Тропинки"}}},categories:{result:[{id:L,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:I,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:J,ordering:a,name:"Обществознание",pseudoname:"prezentacii-po-obshhestvoznaniju"},{id:17,ordering:a,name:"Педагогика",pseudoname:"prezentacii-po-pedagogike"},{id:18,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:L,name:"Окружающий мир",pseudoname:"prezentacii-po-okruzhayushhemu-miru"}]}},state:{},_errors:{},serverRendered:e,config:{public:{SITE_NAME:M,SITE_HOST:"slaidy.com",SITE_LANG:N,API_BASE_URL:"https:\u002F\u002Fslaidy.com\u002Fapi\u002F",pwaManifest:{name:M,short_name:b,description:b,lang:N,start_url:"\u002F?standalone=true",display:"standalone",background_color:k,theme_color:j,icons:[{src:"\u002F_nuxt\u002Ficons\u002F64x64.d7f48e96.png",type:d,sizes:O,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F64x64.maskable.d7f48e96.png",type:d,sizes:O,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F120x120.d7f48e96.png",type:d,sizes:P,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F120x120.maskable.d7f48e96.png",type:d,sizes:P,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F144x144.d7f48e96.png",type:d,sizes:Q,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F144x144.maskable.d7f48e96.png",type:d,sizes:Q,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F152x152.d7f48e96.png",type:d,sizes:R,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F152x152.maskable.d7f48e96.png",type:d,sizes:R,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F192x192.d7f48e96.png",type:d,sizes:S,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F192x192.maskable.d7f48e96.png",type:d,sizes:S,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F384x384.d7f48e96.png",type:d,sizes:T,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F384x384.maskable.d7f48e96.png",type:d,sizes:T,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F512x512.d7f48e96.png",type:d,sizes:U,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F512x512.maskable.d7f48e96.png",type:d,sizes:U,purpose:g}]},yandexMetrika:{id:"79446466",metrikaUrl:"https:\u002F\u002Fmc.yandex.ru\u002Fmetrika\u002Ftag.js",accurateTrackBounce:e,childIframe:c,clickmap:c,defer:c,useRuntimeConfig:e,trackHash:c,trackLinks:e,type:a,webvisor:c,triggerEvent:c,consoleLog:e,partytown:c,isDev:c}},app:{baseURL:"\u002F",buildAssetsDir:"\u002F_nuxt\u002F",cdnURL:b}},pinia:{app:{meta:{h1:l,main_text:b,main_title:m,main_description:n,main_keywords:o,main_image:b},app:{logo_image:p,logo_image_width:i,logo_image_height:q,logo_text:r,image_width_full:s,image_width_min:t,recaptcha_key:u,yandex_search:v,ya_context:e,banner_1:b,banner_2:b,banner_3:b,banner_4:b,banner_5:b,banner_6:b,banner_7:b,banner_8:b,banner_9:b,banner_10:b,email:w,footer_before:x,footer:y,dark_theme:c,strategy:{image_alt_words:h,item_slide_header:z,item_images:A,item_images_tag:B,item_words_h3:c,item_words_tag:C,item_words_1:h,routing:D,item_slide_skipping:E,item_download_timeout:F,item_slider_width:a,item_show_pdf:c,item_show_contents:c,item_show_filename:e},colors:{header_text:j,header_bg:k,accent:G}},social:H,token:b}}}}(0,"",false,"image\u002Fpng",true,"any","maskable",12,28,"#000000","#ffffff","Презентации, проекты, доклады в PowerPoint на любую тему","Презентации и проекты в PowerPoint","Презентации на различные темы для детей, школьников, родителей, студентов, учителей и преподавателей.","Презентация, презентация на тему, скачать презентацию, урок презентация, 1 2 3 4 5 6 7 8 9 10 11 класс","images\u002Fdata\u002Flogo.jpg",32,"Slaidy.com",720,480,"6LdhFOUnAAAAAIaOUjFtosEpzs6Ny643k1QKXXvv","3190226","[e-mail]","\u003C!--LiveInternet counter--\u003E\u003Ca href=\"https:\u002F\u002Fwww.liveinternet.ru\u002Fclick\"\r\ntarget=\"_blank\"\u003E\u003Cimg id=\"licnt7D89\" width=\"88\" height=\"31\" style=\"border:0\" \r\ntitle=\"LiveInternet: показано число просмотров за 24 часа, посетителей за 24 часа и за сегодня\"\r\nsrc=\"data:image\u002Fgif;base64,R0lGODlhAQABAIAAAAAAAP\u002F\u002F\u002FyH5BAEAAAEALAAAAAABAAEAAAIBTAA7\"\r\nalt=\"LiveInternet\"\u002F\u003E\u003C\u002Fa\u003E\u003Cscript\u003E(function(d,s){d.getElementById(\"licnt7D89\").src=\r\n\"https:\u002F\u002Fcounter.yadro.ru\u002Fhit?t12.1;r\"+escape(d.referrer)+\r\n((typeof(s)==\"undefined\")?\"\":\";s\"+s.width+\"*\"+s.height+\"*\"+\r\n(s.colorDepth?s.colorDepth:s.pixelDepth))+\";u\"+escape(d.URL)+\r\n\";h\"+escape(d.title.substring(0,150))+\";\"+Math.random()})\r\n(document,screen)\u003C\u002Fscript\u003E\u003C!--\u002FLiveInternet--\u003E","\u003Ca href=\"\u002Fpage\u002Fpravoobladateliam\"\u003EДля правообладателей\u003C\u002Fa\u003E","h3a","images_before","none","h3","category","both",77,"#ff0d00","\u003Cscript src=\"\u002F\u002Fyastatic.net\u002Fes5-shims\u002F0.0.2\u002Fes5-shims.min.js\"\u003E\u003C\u002Fscript\u003E\r\n\u003Cscript src=\"\u002F\u002Fyastatic.net\u002Fshare2\u002Fshare.js\"\u003E\u003C\u002Fscript\u003E\r\n\u003Cdiv class=\"ya-share2\" data-services=\"collections,gplus,vkontakte,facebook,odnoklassniki,gplus,twitter,moimir\" data-counter=\"\"\u003E\u003C\u002Fdiv\u003E","Информатика",15,"Front-end Skillup занятие 3 ",1,"Slaidy","ru","64x64","120x120","144x144","152x152","192x192","384x384","512x512"))</script><script type="module" src="/_nuxt/entry.e6b1bc94.js" crossorigin></script></body>
</html>