Веб-дизайн презентация

Содержание

Слайд 2

Как работает сайт?

Как работает сайт?

Слайд 3

Этапы построения веб-проекта Обозначение тематики проекта Создание макетов страниц (PSD,

Этапы построения веб-проекта

Обозначение тематики проекта
Создание макетов страниц (PSD, AI и пр.)
Оценка

нагрузки на сервер
Выбор платформы , ЯП, архитектуры проекта
Построение каркаса сервера (back-end)
Перевод макетов в сверстанные страницы (front-end)
«Склеивание» проекта
Слайд 4

Что такое back-end и front-end? Front-end и back-end — термины

Что такое back-end и front-end?

Front-end и back-end — термины в программной инженерии
Front-end — интерфейс взаимодействия между пользователем и

сервером (браузер)
Back-end  — основная программно-аппаратная часть (сервер)
Слайд 5

HTML Язык разметки Директивно «сообщает» браузеру что и куда поместить

HTML

Язык разметки
Директивно «сообщает» браузеру что и куда поместить в окне браузера
Элементарен

в изучении
Универсальный
Обновляется, тренд на насыщение клиентской части новыми возможностями
Конечно, база для front-end
Слайд 11

Тег Вся скрытая информация, не отображаемая на странице в явном

идет перед
Обычно занимает 5-10% от общего кол-ва строк кода
Примеры тегов –
<link> <script><br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide12" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 12</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/373770/slide-11.jpg" 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/373770/slide-11.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/373770/slide-11.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/373770/slide-11.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/373770/slide-11.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Тег <body><br><p>Часть страницы, отображаемая на странице<br>Именно в ней расположены <a>, <button>,</div></h2><div class="slides-content"><h1> <br>Подавляющее большинство ошибок валидации страниц расположены именно в ней <br>Пожалуй, самая объемная часть курса изучения HTML ☺<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide13" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 13</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/373770/slide-12.jpg" 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/373770/slide-12.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/373770/slide-12.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/373770/slide-12.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/373770/slide-12.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Реалии разработки веб-проектов<br><p>Заказы корпоративного сектора требуют меньших вложений в дизайн (B2B)<br>Остальные</div></h2><div class="slides-content">заказы – самые интересные, и, как правило, сложные ☺ (B2C)<br>Тренды, как ни странно, задаются именно от этой части рынка<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide14" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 14</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/373770/slide-13.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Тренды – поверхностный анализ С момента появления WWW остался неизменным" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/373770/slide-13.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/373770/slide-13.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/373770/slide-13.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/373770/slide-13.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Тренды – поверхностный анализ<br><p>С момента появления WWW остался неизменным принцип загрузки</div></h2><div class="slides-content">веб-страниц<br>Появление телефонов не сразу заставило развиваться «адаптивный» веб<br>Только с 2008 года стал активным процесс перехода с «табличной верстки»<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide15" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 15</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/373770/slide-14.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Тег Заголовок 1 Второй заголовок Ячейка 1 Ячейка 2" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/373770/slide-14.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/373770/slide-14.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/373770/slide-14.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/373770/slide-14.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Тег <table><br><p><table><br> <thead><br> <tr><td>Заголовок 1</td> <td>Второй заголовок</td></tr><br> </thead><br> <tbody><br> <tr> <td> Ячейка 1 </td> <td> Ячейка</div></h2><div class="slides-content">2 </td> </tr><br> </tbody><br></table><br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide16" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 16</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/373770/slide-15.jpg" 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/373770/slide-15.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/373770/slide-15.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/373770/slide-15.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/373770/slide-15.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Важное о верстке<br><p>Любые элементы на странице браузера будут «стремиться» разместиться в</div></h2><div class="slides-content">левом верхнем углу страницы<br>Первая задача – научиться располагать элементы так, как мы этого хотим, а не как захочет браузер ☺<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> Количество просмотров: 26 <br> Количество скачиваний: 0</div><button class="download-btn" type="submit">Скачать</button><!----></form><div class="navigation"><div class="navigation-item"><div>- Предыдущая</div><a href="/pedagogika/kompyuternyy-tsentr-tehnicheskogo-tvorchestva" class="navigation-link">Компьютерный Центр Технического творчества</a></div><div class="navigation-item"><div>Следующая -</div><a href="/kulturologiya/tster-lem" 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="/informatika/diagramma-sostoyaniy-1" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/90713/slide-0.jpg" 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/90713/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/90713/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/90713/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/90713/slide-0.jpg 1440w" class="slides-image related-itemImage"> Диаграмма состояний</a></div><div class="related-item"><a href="/informatika/viktorina-po-informatike-dlya-studentov-1" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/174753/slide-0.jpg" 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/174753/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/174753/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/174753/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/174753/slide-0.jpg 1440w" class="slides-image related-itemImage"> Викторина по информатике для студентов 1 курса</a></div><div class="related-item"><a href="/informatika/unit-2-computer-systems-silicon-miracles" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/375080/slide-0.jpg" 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/375080/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/375080/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/375080/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/375080/slide-0.jpg 1440w" class="slides-image related-itemImage"> Unit 2. Computer System’s Silicon miracles: How GPUs are made</a></div><div class="related-item"><a href="/informatika/elektronniy-dokument-yogo-oznaki-ta-pravoviy" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/116325/slide-0.jpg" 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/116325/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/116325/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/116325/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/116325/slide-0.jpg 1440w" class="slides-image related-itemImage"> Електронний документ, його ознаки та правовий статус. Електронний документообіг. Урок 12</a></div><div class="related-item"><a href="/informatika/chat-bot-dlya-uluchsheniya-otsenok" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/578936/slide-0.jpg" 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/578936/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/578936/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/578936/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/578936/slide-0.jpg 1440w" class="slides-image related-itemImage"> Чат бот для улучшения оценок</a></div><div class="related-item"><a href="/informatika/programmirovanie-na-yazyke-matlab-graficheskie-vozmozhnosti" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/409890/slide-0.jpg" 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/409890/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/409890/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/409890/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/409890/slide-0.jpg 1440w" class="slides-image related-itemImage"> Программирование на языке MATLAB. Графические возможности MATLAB</a></div><div class="related-item"><a href="/informatika/yakim-chinom-funktsonu-elektronna-poshta" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/143807/slide-0.jpg" 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/143807/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/143807/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/143807/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/143807/slide-0.jpg 1440w" class="slides-image related-itemImage"> Яким чином функціонує електронна пошта</a></div><div class="related-item"><a href="/informatika/3d-modelirovanie-i-ego-primenenie-4" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/604268/slide-0.jpg" 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/604268/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/604268/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/604268/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/604268/slide-0.jpg 1440w" class="slides-image related-itemImage"> 3D моделирование и его применение</a></div><div class="related-item"><a href="/informatika/vkr-razrabotka-i-administrirovanie-bazy-dannyh" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/2673/slide-0.jpg" 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/2673/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/2673/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/2673/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/2673/slide-0.jpg 1440w" class="slides-image related-itemImage"> ВКР: Разработка и администрирование базы данных для издательского дома Республика Башкортостан</a></div><div class="related-item"><a href="/informatika/tekst-i-tekstovyy-redaktor-1" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/273159/slide-0.jpg" 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/273159/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/273159/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/273159/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/273159/slide-0.jpg 1440w" class="slides-image related-itemImage"> Текст и текстовый редактор</a></div><div class="related-item"><a href="/informatika/linux-operatsiyaly-zhyes" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/150624/slide-0.jpg" 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/150624/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/150624/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/150624/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/150624/slide-0.jpg 1440w" class="slides-image related-itemImage"> Linux-операциялық жүйесі</a></div><div class="related-item"><a href="/informatika/bazy-dannyh-i-informatsionnye-sistemy-osnovnye" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/181628/slide-0.jpg" 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/181628/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/181628/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/181628/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/181628/slide-0.jpg 1440w" class="slides-image related-itemImage"> Базы данных и информационные системы. Основные понятия</a></div><div class="related-item"><a href="/informatika/how-to-install-java" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/96140/slide-0.jpg" 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/96140/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/96140/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/96140/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/96140/slide-0.jpg 1440w" class="slides-image related-itemImage"> How to install Java</a></div><div class="related-item"><a href="/informatika/modeli-dannyh-1" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/2689/slide-0.jpg" 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/2689/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/2689/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/2689/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/2689/slide-0.jpg 1440w" class="slides-image related-itemImage"> Модели данных</a></div><div class="related-item"><a href="/informatika/prezentatsiya-vneklassnogo-meropriyatiya-svoya-igra" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/454218/slide-0.jpg" 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/454218/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/454218/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/454218/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/454218/slide-0.jpg 1440w" class="slides-image related-itemImage"> Презентация внеклассного мероприятия Своя игра</a></div><div class="related-item"><a href="/informatika/tehnologiya-bystrogo-opisaniya-biznes-protsessov" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/101406/slide-0.jpg" 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/101406/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/101406/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/101406/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/101406/slide-0.jpg 1440w" class="slides-image related-itemImage"> Технология быстрого описания бизнес-процессов</a></div><div class="related-item"><a href="/informatika/internet-budushchego-2" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/348718/slide-0.jpg" 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/348718/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/348718/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/348718/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/348718/slide-0.jpg 1440w" class="slides-image related-itemImage"> Интернет будущего</a></div><div class="related-item"><a href="/informatika/urok-igra-puteshestvie-v-stranu-mnozhestv" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/572864/slide-0.jpg" 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/572864/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/572864/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/572864/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/572864/slide-0.jpg 1440w" class="slides-image related-itemImage"> Урок-игра Путешествие в страну множеств</a></div><div class="related-item"><a href="/informatika/pryamoe-i-stilevoe-formatirovanie-teksta-ur" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/411901/slide-0.jpg" 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/411901/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/411901/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/411901/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/411901/slide-0.jpg 1440w" class="slides-image related-itemImage"> Прямое и стилевое форматирование текста. Ур. 24</a></div><div class="related-item"><a href="/informatika/informatsionnaya-bezopasnost-i-eyo-sostavlyayushchie" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/397846/slide-0.jpg" 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/397846/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/397846/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/397846/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/397846/slide-0.jpg 1440w" class="slides-image related-itemImage"> Информационная безопасность и её составляющие</a></div><div class="related-item"><a href="/informatika/uluchshennye-sortirovki-metod-shella-lektsiya-11" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/212099/slide-0.jpg" 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/212099/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/212099/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/212099/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/212099/slide-0.jpg 1440w" class="slides-image related-itemImage"> Улучшенные сортировки. Метод Шелла (Лекция 11)</a></div><div class="related-item"><a href="/informatika/operatory-lineynyh-programm-1" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/516013/slide-0.jpg" 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/516013/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/516013/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/516013/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/516013/slide-0.jpg 1440w" class="slides-image related-itemImage"> Операторы линейных программ</a></div><div class="related-item"><a href="/informatika/it-spetsialnosti" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/307092/slide-0.jpg" 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/307092/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/307092/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/307092/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/307092/slide-0.jpg 1440w" class="slides-image related-itemImage"> IT-специальности</a></div><div class="related-item"><a href="/informatika/sistemy-realnogo-vremeni-osnovnye-ponyatiya-sistem" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/417068/slide-0.jpg" 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/417068/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/417068/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/417068/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/417068/slide-0.jpg 1440w" class="slides-image related-itemImage"> Системы реального времени. Основные понятия систем реального времени</a></div><div class="related-item"><a href="/informatika/programmirovanie-python-razvetvlyayushchiesya-algoritmy-vetvlenie" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/582533/slide-0.jpg" 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/582533/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/582533/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/582533/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/582533/slide-0.jpg 1440w" class="slides-image related-itemImage"> Программирование (Python). Разветвляющиеся алгоритмы. Ветвление</a></div><div class="related-item"><a href="/informatika/pokoleniya-evm-elementnaya-baza" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/309518/slide-0.jpg" 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/309518/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/309518/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/309518/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/309518/slide-0.jpg 1440w" class="slides-image related-itemImage"> Поколения ЭВМ. Элементная база</a></div><div class="related-item"><a href="/informatika/sredstva-i-sposoby-formatirovaniya-simvolov-v" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/105629/slide-0.jpg" 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/105629/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/105629/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/105629/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/105629/slide-0.jpg 1440w" class="slides-image related-itemImage"> Средства и способы форматирования символов в текстовом редакторе MS Word</a></div><div class="related-item"><a href="/informatika/protsessor-osnovnoe-ustroystvo-obrabotki-informatsii-1" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/182298/slide-0.jpg" 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/182298/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/182298/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/182298/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/182298/slide-0.jpg 1440w" class="slides-image related-itemImage"> Процессор - основное устройство обработки информации</a></div><!--]--></div></div></div></div><!--]--><!--]--><!--]--></div></div></main><footer class="footer"><div class="layout"><!----><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-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){return {data:{meta:{result:{meta:{h1:n,main_text:a,main_title:o,main_description:p,main_keywords:q,main_image:a},app:{logo_image:r,logo_image_width:s,logo_image_height:t,logo_text:a,image_width_full:u,image_width_min:v,recaptcha_key:w,yandex_search:x,ya_context:e,banner_1:a,banner_2:a,banner_3:a,banner_4:a,banner_5:a,banner_6:a,banner_7:a,banner_8:a,banner_9:a,banner_10:a,email:y,footer_before:a,footer:a,dark_theme:e,strategy:{image_alt_words:j,item_slide_header:z,item_images:A,item_images_tag:h,item_words_h3:d,item_words_tag:h,item_words_1:k,routing:B,item_slide_skipping:C,item_download_timeout:D,item_slider_width:E,item_show_pdf:d,item_show_contents:d,item_show_filename:d},colors:{header_text:l,header_bg:i,accent:i}},social:F}},item:{result:{id:373770,name:m,category:G,count:H,jpg:"jpg\u002F373770",hits:I,download:b,h1:"Веб-дизайн презентация",meta:{h1:m,title:m,description:"Веб-дизайн презентация на тему, доклад, Информатика",keywords:"Веб-дизайн, презентация, доклад, проект, скачать, на тему, PowerPoint, урок, класс, школа, Информатика",download_link:a},text:"Вы можете изучить и скачать доклад-презентацию на тему Презентация на тему Веб-дизайн из раздела Информатика. Презентация на заданную тему содержит 17 слайдов. Для просмотра воспользуйтесь проигрывателем, если материал оказался полезным для Вас - поделитесь им с друзьями с помощью социальных кнопок и добавьте наш сайт презентаций в закладки!",seo_text:"\u003Cp\u003EКак работает сайт?\u003Cbr\u003E\u003Cp\u003E\u003Cbr\u003E \u003Cp\u003EЭтапы построения веб-проекта\u003Cbr\u003E\u003Cp\u003EОбозначение тематики проекта\u003Cbr\u003EСоздание макетов страниц (PSD, AI и пр.)\u003Cbr\u003EОценка нагрузки на сервер\u003Cbr\u003EВыбор платформы , ЯП, архитектуры проекта\u003Cbr\u003EПостроение каркаса сервера (back-end)\u003Cbr\u003EПеревод макетов в сверстанные страницы (front-end)\u003Cbr\u003E«Склеивание» проекта\u003Cbr\u003E",file:"Веб-дизайн.pptx",texts:["\u003Cp\u003EЛЕКЦИЯ 1:\r\nВеб-дизайн\r\n\u003Cbr\u003E\u003Cp\u003EWeb-design\u003Cbr\u003E","\u003Cp\u003EКак работает сайт?\u003Cbr\u003E","\u003Cp\u003EЭтапы построения веб-проекта\u003Cbr\u003E\u003Cp\u003EОбозначение тематики проекта\u003Cbr\u003EСоздание макетов страниц (PSD, AI и пр.)\u003Cbr\u003EОценка нагрузки на сервер\u003Cbr\u003EВыбор платформы , ЯП, архитектуры проекта\u003Cbr\u003EПостроение каркаса сервера (back-end)\u003Cbr\u003EПеревод макетов в сверстанные страницы (front-end)\u003Cbr\u003E«Склеивание» проекта\u003Cbr\u003E","\u003Cp\u003EЧто такое back-end и front-end?\u003Cbr\u003E\u003Cp\u003EFront-end и back-end — термины в программной инженерии\u003Cbr\u003EFront-end — интерфейс взаимодействия между пользователем и сервером (браузер)\u003Cbr\u003EBack-end  — основная программно-аппаратная часть (сервер)\u003Cbr\u003E","\u003Cp\u003EHTML\u003Cbr\u003E\u003Cp\u003EЯзык разметки\u003Cbr\u003EДирективно «сообщает» браузеру что и куда поместить в окне браузера\u003Cbr\u003EЭлементарен в изучении\u003Cbr\u003EУниверсальный\u003Cbr\u003EОбновляется, тренд на насыщение клиентской части новыми возможностями\u003Cbr\u003EКонечно, база для front-end\u003Cbr\u003E","\u003Cp\u003EСтарт HTML\u003Cbr\u003E\u003Cp\u003EТег – элемент языка разметки. \u003Cbr\u003E\u003Chtml\u003E \u003Ca href=“google.ru”\u003E \u003Chr \u002F\u003E\u003Cbr\u003EТеги бывают парными ( \u003Cp\u003E \u003C\u002Fp\u003E)и одиночными (\u003Cimg\u003E)\u003Cbr\u003EКаждый тег точно обозначает элемент на странице\u003Cbr\u003E","\u003Cp\u003EКак это работает?\u003Cbr\u003E\u003Cp\u003EДопустим, вы написали \u003Cbr\u003E\t\t \u003Cbutton\u003E Нажми меня \u003C\u002Fbutton\u003E\u003Cbr\u003EКаким будет результат?\u003Cbr\u003E\u003Cbr\u003E","\u003Cp\u003ETips\u003Cbr\u003E\u003Cp\u003EВсе, вообще все, что есть в программировании и верстке работает на английском\u003Cbr\u003EВ веб-дизайне английский объясняет смысл команды или тега практически сразу\u003Cbr\u003EНе пренебрегайте помощью Google\u003Cbr\u003E","\u003Cp\u003EОсновные теги HTML\u003Cbr\u003E\u003Cp\u003E\u003Ca href=“ google.ru “\u003E Ссылка \u003C\u002Fa\u003E\u003Cbr\u003E\thref – атрибут. У тегов есть атрибуты. Для тега \u003Ca\u003E атрибут href обозначает адрес назначения \u003Cbr\u003E\u003Cbutton\u003E Кнопка \u003C\u002Fbutton\u003E \u003Cbr\u003E\u003Cp\u003E Абзац \u003C\u002Fp\u003E\u003Cbr\u003E\u003Ch1\u003E Огромный заголовок \u003C\u002Fh1\u003E\u003Cbr\u003E\u003Ch6\u003E Крошечный заголовок \u003C\u002Fh6\u003E\u003Cbr\u003E\u003Cdiv\u003E Контейнер без свойств \u003C\u002Fdiv\u003E\u003Cbr\u003E","\u003Cp\u003EОснова HTML\u003Cbr\u003E\u003Cp\u003EПосмотрите и постарайтесь запомнить эту структуру:\u003Cbr\u003E\u003Chtml\u003E\u003Cbr\u003E\u003Chead\u003E\u003Cbr\u003E\t\u003Ctitle\u003E Заголовок страницы \u003C\u002Ftitle\u003E\u003Cbr\u003E\u003C\u002Fhead\u003E\u003Cbr\u003E\u003Cbody\u003E\u003Cbr\u003E\t\u003Ch1\u003E Я – заголовок страницы \u003C\u002Fh1\u003E\u003Cbr\u003E\u003C\u002Fbody\u003E\u003Cbr\u003E\u003C\u002Fhtml\u003E\u003Cbr\u003E","\u003Cp\u003EТег \u003Chead\u003E\u003Cbr\u003E\u003Cp\u003EВся скрытая информация, не отображаемая на странице в явном виде\u003Cbr\u003EВсегда идет перед \u003Cbody\u003E\u003Cbr\u003EОбычно занимает 5-10% от общего кол-ва строк кода\u003Cbr\u003EПримеры тегов – \u003Cbr\u003E\u003Cmeta\u003E \u003Ctitle\u003E \u003Clink\u003E \u003Cscript\u003E\u003Cbr\u003E","\u003Cp\u003EТег \u003Cbody\u003E\u003Cbr\u003E\u003Cp\u003EЧасть страницы, отображаемая на странице\u003Cbr\u003EИменно в ней расположены \u003Ca\u003E, \u003Cbutton\u003E, \u003Ch1\u003E \u003Cbr\u003EПодавляющее большинство ошибок валидации страниц расположены именно в ней \u003Cbr\u003EПожалуй, самая объемная часть курса изучения HTML ☺\u003Cbr\u003E","\u003Cp\u003EРеалии разработки веб-проектов\u003Cbr\u003E\u003Cp\u003EЗаказы корпоративного сектора требуют меньших вложений в дизайн (B2B)\u003Cbr\u003EОстальные заказы – самые интересные, и, как правило, сложные ☺ (B2C)\u003Cbr\u003EТренды, как ни странно, задаются именно от этой части рынка\u003Cbr\u003E","\u003Cp\u003EТренды – поверхностный анализ\u003Cbr\u003E\u003Cp\u003EС момента появления WWW остался неизменным принцип загрузки веб-страниц\u003Cbr\u003EПоявление телефонов не сразу заставило развиваться «адаптивный» веб\u003Cbr\u003EТолько с 2008 года стал активным процесс перехода с «табличной верстки»\u003Cbr\u003E","\u003Cp\u003EТег \u003Ctable\u003E\u003Cbr\u003E\u003Cp\u003E\u003Ctable\u003E\u003Cbr\u003E\t\u003Cthead\u003E\u003Cbr\u003E\t\t\u003Ctr\u003E\u003Ctd\u003EЗаголовок 1\u003C\u002Ftd\u003E \u003Ctd\u003EВторой заголовок\u003C\u002Ftd\u003E\u003C\u002Ftr\u003E\u003Cbr\u003E\t\u003C\u002Fthead\u003E\u003Cbr\u003E\t\u003Ctbody\u003E\u003Cbr\u003E\t\t\u003Ctr\u003E \u003Ctd\u003E Ячейка 1 \u003C\u002Ftd\u003E \u003Ctd\u003E Ячейка 2 \u003C\u002Ftd\u003E \u003C\u002Ftr\u003E\u003Cbr\u003E\t\u003C\u002Ftbody\u003E\u003Cbr\u003E\u003C\u002Ftable\u003E\u003Cbr\u003E","\u003Cp\u003EВажное о верстке\u003Cbr\u003E\u003Cp\u003EЛюбые элементы на странице браузера будут «стремиться» разместиться в левом верхнем углу страницы\u003Cbr\u003EПервая задача – научиться располагать элементы так, как мы этого хотим, а не как захочет браузер ☺\u003Cbr\u003E","\u003Cp\u003EСпособы располагать элементы\u003Cbr\u003E\u003Cp\u003EТабличная верстка\u003Cbr\u003EУстаревшая, ужасная, не адаптивная\u003Cbr\u003EС использованием целого «букета» технологий. Их немало, но они несложные. \u003Cbr\u003EСовременная, логичная, адаптивная, интересная и удобная\u003Cbr\u003E"],href:"\u002Finformatika\u002Fveb-dizayn-1",href_category:"\u002Finformatika",date:1659373710,related:[{id:90713,name:"Диаграмма состояний",href:"\u002Finformatika\u002Fdiagramma-sostoyaniy-1",jpg:"jpg\u002F90713"},{id:174753,name:"Викторина по информатике для студентов 1 курса",href:"\u002Finformatika\u002Fviktorina-po-informatike-dlya-studentov-1",jpg:"jpg\u002F174753"},{id:375080,name:"Unit 2. Computer System’s Silicon miracles: How GPUs are made",href:"\u002Finformatika\u002Funit-2-computer-systems-silicon-miracles",jpg:"jpg\u002F375080"},{id:116325,name:"Електронний документ, його ознаки та правовий статус. Електронний документообіг. Урок 12",href:"\u002Finformatika\u002Felektronniy-dokument-yogo-oznaki-ta-pravoviy",jpg:"jpg\u002F116325"},{id:578936,name:"Чат бот для улучшения оценок",href:"\u002Finformatika\u002Fchat-bot-dlya-uluchsheniya-otsenok",jpg:"jpg\u002F578936"},{id:409890,name:"Программирование на языке MATLAB. Графические возможности MATLAB",href:"\u002Finformatika\u002Fprogrammirovanie-na-yazyke-matlab-graficheskie-vozmozhnosti",jpg:"jpg\u002F409890"},{id:143807,name:"Яким чином функціонує електронна пошта",href:"\u002Finformatika\u002Fyakim-chinom-funktsonu-elektronna-poshta",jpg:"jpg\u002F143807"},{id:604268,name:"3D моделирование и его применение",href:"\u002Finformatika\u002F3d-modelirovanie-i-ego-primenenie-4",jpg:"jpg\u002F604268"},{id:2673,name:"ВКР: Разработка и администрирование базы данных для издательского дома Республика Башкортостан",href:"\u002Finformatika\u002Fvkr-razrabotka-i-administrirovanie-bazy-dannyh",jpg:"jpg\u002F2673"},{id:273159,name:"Текст и текстовый редактор",href:"\u002Finformatika\u002Ftekst-i-tekstovyy-redaktor-1",jpg:"jpg\u002F273159"},{id:150624,name:"Linux-операциялық жүйесі",href:"\u002Finformatika\u002Flinux-operatsiyaly-zhyes",jpg:"jpg\u002F150624"},{id:181628,name:"Базы данных и информационные системы. Основные понятия",href:"\u002Finformatika\u002Fbazy-dannyh-i-informatsionnye-sistemy-osnovnye",jpg:"jpg\u002F181628"},{id:96140,name:"How to install Java",href:"\u002Finformatika\u002Fhow-to-install-java",jpg:"jpg\u002F96140"},{id:2689,name:"Модели данных",href:"\u002Finformatika\u002Fmodeli-dannyh-1",jpg:"jpg\u002F2689"},{id:454218,name:"Презентация внеклассного мероприятия Своя игра",href:"\u002Finformatika\u002Fprezentatsiya-vneklassnogo-meropriyatiya-svoya-igra",jpg:"jpg\u002F454218"},{id:101406,name:"Технология быстрого описания бизнес-процессов",href:"\u002Finformatika\u002Ftehnologiya-bystrogo-opisaniya-biznes-protsessov",jpg:"jpg\u002F101406"},{id:348718,name:"Интернет будущего",href:"\u002Finformatika\u002Finternet-budushchego-2",jpg:"jpg\u002F348718"},{id:572864,name:"Урок-игра Путешествие в страну множеств",href:"\u002Finformatika\u002Furok-igra-puteshestvie-v-stranu-mnozhestv",jpg:"jpg\u002F572864"},{id:411901,name:"Прямое и стилевое форматирование текста. Ур. 24",href:"\u002Finformatika\u002Fpryamoe-i-stilevoe-formatirovanie-teksta-ur",jpg:"jpg\u002F411901"},{id:397846,name:"Информационная безопасность и её составляющие",href:"\u002Finformatika\u002Finformatsionnaya-bezopasnost-i-eyo-sostavlyayushchie",jpg:"jpg\u002F397846"},{id:212099,name:"Улучшенные сортировки. Метод Шелла (Лекция 11)",href:"\u002Finformatika\u002Fuluchshennye-sortirovki-metod-shella-lektsiya-11",jpg:"jpg\u002F212099"},{id:516013,name:"Операторы линейных программ",href:"\u002Finformatika\u002Foperatory-lineynyh-programm-1",jpg:"jpg\u002F516013"},{id:307092,name:"IT-специальности",href:"\u002Finformatika\u002Fit-spetsialnosti",jpg:"jpg\u002F307092"},{id:417068,name:"Системы реального времени. Основные понятия систем реального времени",href:"\u002Finformatika\u002Fsistemy-realnogo-vremeni-osnovnye-ponyatiya-sistem",jpg:"jpg\u002F417068"},{id:582533,name:"Программирование (Python). Разветвляющиеся алгоритмы. Ветвление",href:"\u002Finformatika\u002Fprogrammirovanie-python-razvetvlyayushchiesya-algoritmy-vetvlenie",jpg:"jpg\u002F582533"},{id:309518,name:"Поколения ЭВМ. Элементная база",href:"\u002Finformatika\u002Fpokoleniya-evm-elementnaya-baza",jpg:"jpg\u002F309518"},{id:105629,name:"Средства и способы форматирования символов в текстовом редакторе MS Word",href:"\u002Finformatika\u002Fsredstva-i-sposoby-formatirovaniya-simvolov-v",jpg:"jpg\u002F105629"},{id:182298,name:"Процессор - основное устройство обработки информации",href:"\u002Finformatika\u002Fprotsessor-osnovnoe-ustroystvo-obrabotki-informatsii-1",jpg:"jpg\u002F182298"}],navigation:{next:"\u002Fkulturologiya\u002Ftster-lem",next_name:"Түстер әлемі",prev:"\u002Fpedagogika\u002Fkompyuternyy-tsentr-tehnicheskogo-tvorchestva",prev_name:"Компьютерный Центр Технического творчества"}}},categories:{result:[{id:J,ordering:b,name:"Без категории",pseudoname:"uncategorized"},{id:144,ordering:b,name:"Бизнес",pseudoname:"biznes"},{id:146,ordering:b,name:"Образование",pseudoname:"obrazovanie"},{id:149,ordering:b,name:"Финансы",pseudoname:"finansy"},{id:150,ordering:b,name:"Государство",pseudoname:"gosudarstvo"},{id:152,ordering:b,name:"Спорт",pseudoname:"sport"},{id:154,ordering:b,name:"Армия",pseudoname:"armiya"},{id:156,ordering:b,name:"Культурология",pseudoname:"kulturologiya"},{id:157,ordering:b,name:"Еда и кулинария",pseudoname:"eda-i-kulinariya"},{id:158,ordering:b,name:"Лингвистика",pseudoname:"lingvistika"},{id:163,ordering:b,name:"Черчение",pseudoname:"cherchenie"},{id:164,ordering:b,name:"Физкультура",pseudoname:"fizkultura"},{id:165,ordering:b,name:"ИЗО",pseudoname:"izo"},{id:166,ordering:b,name:"Психология",pseudoname:"psihologiya"},{id:116,ordering:J,name:"Английский язык",pseudoname:"angliyskiy-yazyk"},{id:108,ordering:2,name:"Астрономия",pseudoname:"astronomiya"},{id:104,ordering:3,name:"Алгебра",pseudoname:"algebra"},{id:106,ordering:4,name:"Биология",pseudoname:"biologiya"},{id:142,ordering:5,name:"География",pseudoname:"geografiya"},{id:141,ordering:6,name:"Геометрия",pseudoname:"geometria"},{id:123,ordering:7,name:"Детские презентации",pseudoname:"detskie-prezentatsii"},{id:107,ordering:8,name:G,pseudoname:"informatika"},{id:109,ordering:9,name:"История",pseudoname:"istoriya"},{id:139,ordering:j,name:"Литература",pseudoname:"literatura"},{id:119,ordering:k,name:"Маркетинг",pseudoname:"marketing"},{id:114,ordering:12,name:"Математика",pseudoname:"matematika"},{id:138,ordering:13,name:"Медицина",pseudoname:"medetsina"},{id:118,ordering:14,name:"Менеджмент",pseudoname:"menedzhment"},{id:137,ordering:15,name:"Музыка",pseudoname:"muzyka"},{id:136,ordering:16,name:"МХК",pseudoname:"mhk"},{id:130,ordering:H,name:"Немецкий язык",pseudoname:"nemetskiy-yazyk"},{id:105,ordering:18,name:"ОБЖ",pseudoname:"obzh"},{id:133,ordering:19,name:"Обществознание ",pseudoname:"obshchestvoznanie"},{id:132,ordering:20,name:"Окружающий мир ",pseudoname:"okruzhayushchiy-mir"},{id:131,ordering:21,name:"Педагогика ",pseudoname:"pedagogika"},{id:129,ordering:22,name:"Русский язык",pseudoname:"russkiy-yazyk"},{id:128,ordering:24,name:"Технология",pseudoname:"tehnologiya"},{id:127,ordering:25,name:"Физика",pseudoname:"fizika"},{id:126,ordering:I,name:"Философия",pseudoname:"filosofiya"},{id:125,ordering:27,name:"Химия",pseudoname:"himiya"},{id:124,ordering:29,name:"Экология",pseudoname:"ekologiya"},{id:121,ordering:30,name:"Экономика",pseudoname:"ekonomika"},{id:120,ordering:31,name:"Юриспруденция",pseudoname:"yurisprudentsiya"}]}},state:{},_errors:{},serverRendered:d,config:{public:{SITE_NAME:K,SITE_HOST:"mypreza.com",SITE_LANG:L,API_BASE_URL:"https:\u002F\u002Fmypreza.com\u002Fapi\u002F",pwaManifest:{name:K,short_name:a,description:a,lang:L,start_url:"\u002F?standalone=true",display:"standalone",background_color:l,theme_color:"#000000",icons:[{src:"\u002F_nuxt\u002Ficons\u002F64x64.f2a6e93d.png",type:c,sizes:M,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F64x64.maskable.f2a6e93d.png",type:c,sizes:M,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F120x120.f2a6e93d.png",type:c,sizes:N,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F120x120.maskable.f2a6e93d.png",type:c,sizes:N,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F144x144.f2a6e93d.png",type:c,sizes:O,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F144x144.maskable.f2a6e93d.png",type:c,sizes:O,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F152x152.f2a6e93d.png",type:c,sizes:P,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F152x152.maskable.f2a6e93d.png",type:c,sizes:P,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F192x192.f2a6e93d.png",type:c,sizes:Q,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F192x192.maskable.f2a6e93d.png",type:c,sizes:Q,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F384x384.f2a6e93d.png",type:c,sizes:R,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F384x384.maskable.f2a6e93d.png",type:c,sizes:R,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F512x512.f2a6e93d.png",type:c,sizes:S,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F512x512.maskable.f2a6e93d.png",type:c,sizes:S,purpose:g}]},yandexMetrika:{id:"85004146",metrikaUrl:"https:\u002F\u002Fmc.yandex.ru\u002Fmetrika\u002Ftag.js",accurateTrackBounce:d,childIframe:e,clickmap:e,defer:e,useRuntimeConfig:d,trackHash:e,trackLinks:d,type:b,webvisor:e,triggerEvent:e,consoleLog:d,partytown:e,isDev:e}},app:{baseURL:"\u002F",buildAssetsDir:"\u002F_nuxt\u002F",cdnURL:a}},pinia:{app:{meta:{h1:n,main_text:a,main_title:o,main_description:p,main_keywords:q,main_image:a},app:{logo_image:r,logo_image_width:s,logo_image_height:t,logo_text:a,image_width_full:u,image_width_min:v,recaptcha_key:w,yandex_search:x,ya_context:e,banner_1:a,banner_2:a,banner_3:a,banner_4:a,banner_5:a,banner_6:a,banner_7:a,banner_8:a,banner_9:a,banner_10:a,email:y,footer_before:a,footer:a,dark_theme:e,strategy:{image_alt_words:j,item_slide_header:z,item_images:A,item_images_tag:h,item_words_h3:d,item_words_tag:h,item_words_1:k,routing:B,item_slide_skipping:C,item_download_timeout:D,item_slider_width:E,item_show_pdf:d,item_show_contents:d,item_show_filename:d},colors:{header_text:l,header_bg:i,accent:i}},social:F,token:a}}}}("",0,"image\u002Fpng",true,false,"any","maskable","h2","#d53032",10,11,"#ffffff","Веб-дизайн","Учебные презентации","Презентации в PowerPoint на разные темы","Презентации, проекты, доклады в PowerPoint на разные темы для учебы","Презентация, на тему, урок, класс, PowerPoint, скачати презентацію, фон, шаблон, доклад, проект.","images\u002Fdata\u002Flogo.png",185,40,720,480,"6LeioWIpAAAAAGqMN4KqMVIkekcMW7fBKHjXCd-a","2503267","mypreza@ya.ru","div","images_before","category","both",88,800,"\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","Информатика",17,26,1,"Mypreza","ru","64x64","120x120","144x144","152x152","192x192","384x384","512x512"))</script><script type="module" src="/_nuxt/entry.0d6add34.js" crossorigin></script></body> </html>