Каскадні таблиці стилів. Урок 8 презентация

Актуалізація опорних знань і життєвого досвіду
Розділ 2 § 8
Розкажіть про свої досягнення з вивчення веб-технологій.
Я навчився...
Я зрозумів...
Мені вдалося зробити...
Я можу пояснити суть понять..

Каскадні таблиці стилів
Розділ 2 § 8
Каскадні таблиці стилів (англійською Cascading Style Sheets, CSS) — спеціальна мова, яку використовують для запису оформлення сторінок, написаних мовами розмітки даних.

Каскадні таблиці стилів
Розділ 2 § 8
Особливості використання каскадних таблиць стилів:
Таблиці стилів дають змогу спростити процес створення сторінок і поліпшити їх зовнішній вигляд
Концепція стилів подібна до ідеї стилів, яку реалізовано в сучасних текстових редакторах, — текст спочатку вводять, а потім форматують, користуючись стилями

Каскадні таблиці стилів
Розділ 2 § 8
(Продовження…) Особливості використання каскадних таблиць стилів:
Застосування стилів дає змогу вводити на сторінку потрібні тексти та інші елементи, не задумуючись над їхнім зовнішнім виглядом і розташуванням
Таблиці стилів зазвичай створюють окремо від html-файла. Під час створення html-файла увагу концентрують на змісті сторінки, а не на її зовнішньому вигляді, а під час створення таблиці стилів — навпаки.

Каскадні таблиці стилів
Розділ 2 § 8
Каскадні таблиці стилів дають змогу розділити етапи:
удосконалення зовнішнього вигляду сторінки
й
створення
html-файла

Каскадні таблиці стилів
Розділ 2 § 8
Існують такі способи взаємодії таблиці стилів з html-файлом:
зв’язування
імпортування
вбудовування (використання стильових класів)

Каскадні таблиці стилів
Розділ 2 § 8
Зв'язування. Таблицю стилів створюють і зберігають в окремому файлі з розширенням css. Таку таблицю називають зовнішньою. Щоб зв'язати основний файл з такою таблицею стилів, у середині тегу застосовують одинарний тег
з інформацією про таблицю.
href="адреса таблиці стилів"
адреса розташування файлу
type="text/css"
опис типу файлу
rel="stylesheet"
вказівка на відношення основного файлу з файлом таблиці стилю.

Каскадні таблиці стилів
Розділ 2 § 8
Імпорт – те саме, що і зв'язування, але взаємодію файлів забезпечують засобами тегу
і такої вказівки:<br><p>@import URL(адреса таблиці стилів)<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide10" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 10</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/580747/slide-9.jpg" onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="720" height="540" alt="Каскадні таблиці стилів Розділ 2 § 8 Вбудовування (використання стильових" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_480x360/imagesDir/jpg/580747/slide-9.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/580747/slide-9.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/580747/slide-9.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/580747/slide-9.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Каскадні таблиці стилів<br><p>Розділ 2 § 8<br><p>Вбудовування (використання стильових класів)<br>Якщо таблицю створено</div></h2><div class="slides-content">лише для деякого конкретного html-файлу, то її розташовують у цьому файлі в контейнері <style>. Таку таблицю стилів називають:<br><p>внутрішньою<br><p>вбудованою<br><p>або<br><p>Також стиль можна вбудувати безпосередньо в html-тег за допомогою атрибуту <style>. Наприклад, контейнер:<br><p><span style="color: blue">Blue </span><br><p>Створює блок з текстом синього кольору: Blue.<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide11" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 11</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/580747/slide-10.jpg" onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="720" height="540" alt="Каскадні таблиці стилів Розділ 2 § 8 Правила в CSS" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_480x360/imagesDir/jpg/580747/slide-10.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/580747/slide-10.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/580747/slide-10.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/580747/slide-10.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Каскадні таблиці стилів<br><p>Розділ 2 § 8<br><p>Правила в CSS працюють по каскаду</div></h2><div class="slides-content">( пріоритету, вазі). Це дозволяє отримати передбачуваний результат у випадку, коли до одного елемента, одночасно, застосовуються декілька стильових правил. <br><p>Селектор (тег, id, клас) {<br> властивість 1: значення1;<br> властивість 2: значення2;<br> властивістьN: значенняN;<br>}<br><p>CSS-правило має наступну структуру:<br><p>Наприклад:<br><p>div p, #id:first-line {<br> background-color : red;<br> background-style : none;<br>}<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&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/580747/slide-11.jpg" onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="720" height="540" alt="Каскадні таблиці стилів Розділ 2 § 8 Кожне правило починається" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_480x360/imagesDir/jpg/580747/slide-11.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/580747/slide-11.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/580747/slide-11.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/580747/slide-11.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Каскадні таблиці стилів<br><p>Розділ 2 § 8<br><p>Кожне правило починається з селектора (покажчика),</div></h2><div class="slides-content">що вказує на ті html-елементи, до яких ми будемо застосувати css-правило. У блоці оголошень відбувається найцікавіше - ми встановлюємо правила відображення обраних нами елементів, визначаємо їх властивості - розмір, колір, грані, поля, положення на екрані і т.д.<br><p>Псевдоклас — це властивість, що дає змогу змінювати стиль елемента залежно від дій користувача, а також розташування елемента (тега) у загальному потоці документа, що додає у дизайн сторінки деяку динаміку і логіку.<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&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/580747/slide-12.jpg" onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="720" height="540" alt="Каскадні таблиці стилів Розділ 2 § 8 Деякі властивості стилів:" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_480x360/imagesDir/jpg/580747/slide-12.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/580747/slide-12.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/580747/slide-12.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/580747/slide-12.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Каскадні таблиці стилів<br><p>Розділ 2 § 8<br><p>Деякі властивості стилів:<br><p>Назва властивості стилю<br><p>Значення (перелік</div></h2><div class="slides-content">або приклади)<br><p>Пояснення<br><p>background-color<br><p>red, green<br><p>колір тла<br><p>text-transform<br><p>none, uppercase, lowercase, capitalize<br><p>трансформація тексту<br><p>vertical-align<br><p>baseline, sub, super, top, text-top, middle, bottom, <br>text-bottom<br><p>вертикальне вирівнювання<br><p>letter-spacing<br><p>1 mm<br><p>відстань між символами<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&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/580747/slide-13.jpg" onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="720" height="540" alt="Каскадні таблиці стилів Розділ 2 § 8 (Продовження…) Деякі властивості" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_480x360/imagesDir/jpg/580747/slide-13.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/580747/slide-13.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/580747/slide-13.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/580747/slide-13.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Каскадні таблиці стилів<br><p>Розділ 2 § 8<br><p>(Продовження…) Деякі властивості стилів:<br><p>Назва властивості стилю<br><p>Значення</div></h2><div class="slides-content">(перелік або приклади)<br><p>Пояснення<br><p>font-weight<br><p>normal (400), bold (700), bolder, lighter, 100–900 <br><p>жирність шрифту<br><p>font-family<br><p>arial, sans-serif<br><p>гарнітура<br><p>font-style<br><p>normal, italic, oblique<br><p>стиль шрифту<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&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/580747/slide-14.jpg" onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="720" height="540" alt="Запитання для рефлексії Розділ 2 § 8 Які мої досягнення" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_480x360/imagesDir/jpg/580747/slide-14.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/580747/slide-14.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/580747/slide-14.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/580747/slide-14.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Запитання для рефлексії<br><p>Розділ 2 § 8<br><p>Які мої досягнення на цьому уроці?<br><p>Чи</div></h2><div class="slides-content">можу я пояснити, що таке каскадні таблиці стилів?<br><p>Чи можна сказати, що я наблизився до мети проекту зі створення власного сайта?<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&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/580747/slide-15.jpg" onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="720" height="540" alt="Домашнє завдання Розділ 2 § 8 Продовжити вивчення властивостей стилів" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_480x360/imagesDir/jpg/580747/slide-15.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/580747/slide-15.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/580747/slide-15.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/580747/slide-15.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Домашнє завдання<br><p>Розділ 2 § 8<br><p>Продовжити вивчення властивостей стилів<br></div></h2><!----><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide17" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 17</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/580747/slide-16.jpg" onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="720" height="540" alt="Працюємо за комп’ютером Розділ 2 § 8" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_480x360/imagesDir/jpg/580747/slide-16.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/580747/slide-16.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/580747/slide-16.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/580747/slide-16.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Працюємо за комп’ютером<br><p>Розділ 2 § 8<br></div></h2><!----><!----><!--]--><!----></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"> Имя файла: Каскадні-таблиці-стилів.-Урок-8.pptx <br> Количество просмотров: 13 <br> Количество скачиваний: 0</div><button class="download-btn" type="submit">Скачать</button><!----></form><div class="navigation"><div class="navigation-item"><div>- Предыдущая</div><a href="/istoriya/pervye-revolyutsionnye-preobrazovaniya-bolshevikov-3" class="navigation-link">Первые революционные преобразования большевиков</a></div><div class="navigation-item"><div>Следующая -</div><a href="/literatura/andrey-platonovich-platonov-1899--1951-1955" class="navigation-link">Андрей Платонович Платонов (1899 – 1951). Сказка-быль Неизвестный цветок</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/tehnologii-proektirovaniya-informatsionnyh-sistem-strukturnye-modeli" class="related-itemLink"><img src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/147813/slide-0.jpg" onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_480x360/imagesDir/jpg/147813/slide-0.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/147813/slide-0.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/147813/slide-0.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/147813/slide-0.jpg 1440w" class="slides-image related-itemImage"> Технологии проектирования информационных систем. Структурные модели предметной области</a></div><div class="related-item"><a href="/informatika/tekst-i-vidy-informatsii-microsoft-office" class="related-itemLink"><img src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/20819/slide-0.jpg" onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_480x360/imagesDir/jpg/20819/slide-0.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/20819/slide-0.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/20819/slide-0.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/20819/slide-0.jpg 1440w" class="slides-image related-itemImage"> Текст и виды информации Microsoft Office PowerPoint</a></div><div class="related-item"><a href="/informatika/oop-i-organizatsiya-programmy" class="related-itemLink"><img src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/226598/slide-0.jpg" onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_480x360/imagesDir/jpg/226598/slide-0.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/226598/slide-0.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/226598/slide-0.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/226598/slide-0.jpg 1440w" class="slides-image related-itemImage"> ООП и организация программы</a></div><div class="related-item"><a href="/informatika/ob-okazanii-ao-korporatsiya-msp-uslug" class="related-itemLink"><img src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/184169/slide-0.jpg" onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_480x360/imagesDir/jpg/184169/slide-0.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/184169/slide-0.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/184169/slide-0.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/184169/slide-0.jpg 1440w" class="slides-image related-itemImage"> Об оказании АО Корпорация МСП услуг по регистрации на Портале Бизнес-навигатора МСП через МФЦ</a></div><div class="related-item"><a href="/informatika/prezentatsiya-po-informatike-14" class="related-itemLink"><img src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/575702/slide-0.jpg" onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_480x360/imagesDir/jpg/575702/slide-0.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/575702/slide-0.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/575702/slide-0.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/575702/slide-0.jpg 1440w" class="slides-image related-itemImage"> Презентация по информатике</a></div><div class="related-item"><a href="/informatika/razvivayushchie-kompyuternye-igry-dlya-detey" class="related-itemLink"><img src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/334788/slide-0.jpg" onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_480x360/imagesDir/jpg/334788/slide-0.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/334788/slide-0.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/334788/slide-0.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/334788/slide-0.jpg 1440w" class="slides-image related-itemImage"> Развивающие компьютерные игры для детей</a></div><div class="related-item"><a href="/informatika/nteraktivne-keruvannya-potokom-avtotransportu-z-situatsynogo" class="related-itemLink"><img src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/144132/slide-0.jpg" onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_480x360/imagesDir/jpg/144132/slide-0.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/144132/slide-0.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/144132/slide-0.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/144132/slide-0.jpg 1440w" class="slides-image related-itemImage"> Інтерактивне керування потоком автотранспорту з ситуаційного центру</a></div><div class="related-item"><a href="/informatika/zvyazok-mzh-modelyami-danih-ta-protsesv" class="related-itemLink"><img src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/87704/slide-0.jpg" onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_480x360/imagesDir/jpg/87704/slide-0.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/87704/slide-0.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/87704/slide-0.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/87704/slide-0.jpg 1440w" class="slides-image related-itemImage"> Зв’язок між моделями даних та процесів</a></div><div class="related-item"><a href="/informatika/urok-informatiki-v-5-klasse-1" class="related-itemLink"><img src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/458282/slide-0.jpg" onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_480x360/imagesDir/jpg/458282/slide-0.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/458282/slide-0.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/458282/slide-0.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/458282/slide-0.jpg 1440w" class="slides-image related-itemImage"> Урок информатики в 5 классе</a></div><div class="related-item"><a href="/informatika/tekstovyy-redaktor-microsoft-word-201020132018" class="related-itemLink"><img src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/433696/slide-0.jpg" onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_480x360/imagesDir/jpg/433696/slide-0.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/433696/slide-0.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/433696/slide-0.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/433696/slide-0.jpg 1440w" class="slides-image related-itemImage"> Текстовый редактор Microsoft Word</a></div><div class="related-item"><a href="/informatika/osnovnye-operatory-yazyka-s-lektsiya-22" class="related-itemLink"><img src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/295227/slide-0.jpg" onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_480x360/imagesDir/jpg/295227/slide-0.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/295227/slide-0.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/295227/slide-0.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/295227/slide-0.jpg 1440w" class="slides-image related-itemImage"> Основные операторы языка С++. Лекция 2.2</a></div><div class="related-item"><a href="/informatika/prezentatsiyapogpss-n10" class="related-itemLink"><img src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/199283/slide-0.jpg" onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_480x360/imagesDir/jpg/199283/slide-0.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/199283/slide-0.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/199283/slide-0.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/199283/slide-0.jpg 1440w" class="slides-image related-itemImage"> ПрезентацияПоGpss №10</a></div><div class="related-item"><a href="/informatika/planirovanie-i-podgotovka-k-prezentatsii" class="related-itemLink"><img src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/228160/slide-0.jpg" onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_480x360/imagesDir/jpg/228160/slide-0.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/228160/slide-0.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/228160/slide-0.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/228160/slide-0.jpg 1440w" class="slides-image related-itemImage"> Планирование и подготовка к презентации</a></div><div class="related-item"><a href="/informatika/mobilnoe-prilozhenie-2" class="related-itemLink"><img src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/368657/slide-0.jpg" onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_480x360/imagesDir/jpg/368657/slide-0.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/368657/slide-0.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/368657/slide-0.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/368657/slide-0.jpg 1440w" class="slides-image related-itemImage"> Мобильное приложение</a></div><div class="related-item"><a href="/informatika/nahozhdenie-optimalnogo-marshruta-s-peresadkami-na" class="related-itemLink"><img src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/312804/slide-0.jpg" onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_480x360/imagesDir/jpg/312804/slide-0.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/312804/slide-0.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/312804/slide-0.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/312804/slide-0.jpg 1440w" class="slides-image related-itemImage"> Нахождение оптимального маршрута с пересадками на железной дороге</a></div><div class="related-item"><a href="/informatika/ustroystvo-kompyutera--32-printsipy-ustroystva" class="related-itemLink"><img src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/598696/slide-0.jpg" onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_480x360/imagesDir/jpg/598696/slide-0.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/598696/slide-0.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/598696/slide-0.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/598696/slide-0.jpg 1440w" class="slides-image related-itemImage"> Устройство компьютера. § 32. Принципы устройства компьютеров</a></div><div class="related-item"><a href="/informatika/bgng-kng-visual-basic-zhne-delphi" class="related-itemLink"><img src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/89188/slide-0.jpg" onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_480x360/imagesDir/jpg/89188/slide-0.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/89188/slide-0.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/89188/slide-0.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/89188/slide-0.jpg 1440w" class="slides-image related-itemImage"> Бүгінгі күнгі Visual Basic және Delphi программалары</a></div><div class="related-item"><a href="/informatika/part-ii-cascading-style-sheets-css" class="related-itemLink"><img src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/18938/slide-0.jpg" onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_480x360/imagesDir/jpg/18938/slide-0.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/18938/slide-0.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/18938/slide-0.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/18938/slide-0.jpg 1440w" class="slides-image related-itemImage"> Part II. Cascading Style Sheets (CSS)</a></div><div class="related-item"><a href="/informatika/klassy-struktury-obekty" class="related-itemLink"><img src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/337856/slide-0.jpg" onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_480x360/imagesDir/jpg/337856/slide-0.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/337856/slide-0.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/337856/slide-0.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/337856/slide-0.jpg 1440w" class="slides-image related-itemImage"> Классы, структуры, объекты</a></div><div class="related-item"><a href="/informatika/razrabotka-i-standartizatsiya-programmnyh-sredstv-i" class="related-itemLink"><img src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/285116/slide-0.jpg" onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_480x360/imagesDir/jpg/285116/slide-0.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/285116/slide-0.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/285116/slide-0.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/285116/slide-0.jpg 1440w" class="slides-image related-itemImage"> Разработка и стандартизация программных средств и информационных технологий</a></div><div class="related-item"><a href="/informatika/itk-lecture-6-the-pipeline" class="related-itemLink"><img src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/406526/slide-0.jpg" onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_480x360/imagesDir/jpg/406526/slide-0.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/406526/slide-0.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/406526/slide-0.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/406526/slide-0.jpg 1440w" class="slides-image related-itemImage"> ITK Lecture 6 - The Pipeline</a></div><div class="related-item"><a href="/informatika/informatika-i-ikt-3" class="related-itemLink"><img src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/118285/slide-0.jpg" onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_480x360/imagesDir/jpg/118285/slide-0.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/118285/slide-0.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/118285/slide-0.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/118285/slide-0.jpg 1440w" class="slides-image related-itemImage"> Информатика и ИКТ</a></div><div class="related-item"><a href="/informatika/gruppa-kompaniy-softmaster-partner-firmy-1s" class="related-itemLink"><img src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/610304/slide-0.jpg" onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_480x360/imagesDir/jpg/610304/slide-0.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/610304/slide-0.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/610304/slide-0.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/610304/slide-0.jpg 1440w" class="slides-image related-itemImage"> Группа компаний СофтМастер партнер фирмы 1С</a></div><div class="related-item"><a href="/informatika/uslovie-fano" class="related-itemLink"><img src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/99370/slide-0.jpg" onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_480x360/imagesDir/jpg/99370/slide-0.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/99370/slide-0.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/99370/slide-0.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/99370/slide-0.jpg 1440w" class="slides-image related-itemImage"> Условие Фано</a></div><div class="related-item"><a href="/informatika/veroyatnostnyy-podhod-k-opredeleniyu-kolichestva-informatsii-1" class="related-itemLink"><img src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/128298/slide-0.jpg" onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_480x360/imagesDir/jpg/128298/slide-0.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/128298/slide-0.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/128298/slide-0.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/128298/slide-0.jpg 1440w" class="slides-image related-itemImage"> Вероятностный подход к определению количества информации. Формула Шеннона</a></div><div class="related-item"><a href="/informatika/registratsiya-kkt-cherez-lichnyy-kabinet-fns" class="related-itemLink"><img src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/111227/slide-0.jpg" onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_480x360/imagesDir/jpg/111227/slide-0.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/111227/slide-0.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/111227/slide-0.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/111227/slide-0.jpg 1440w" class="slides-image related-itemImage"> Регистрация ККТ через личный кабинет ФНС</a></div><div class="related-item"><a href="/informatika/avtomatizirovannoe-rabochee-mesto-4" class="related-itemLink"><img src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/123879/slide-0.jpg" onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_480x360/imagesDir/jpg/123879/slide-0.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/123879/slide-0.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/123879/slide-0.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/123879/slide-0.jpg 1440w" class="slides-image related-itemImage"> Автоматизированное рабочее место</a></div><div class="related-item"><a href="/informatika/blochnye-shifry-lektsiya-4" class="related-itemLink"><img src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/604923/slide-0.jpg" onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_480x360/imagesDir/jpg/604923/slide-0.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/604923/slide-0.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/604923/slide-0.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/604923/slide-0.jpg 1440w" class="slides-image related-itemImage"> Блочные шифры. Лекция 4</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:580747,name:m,category:G,count:H,jpg:"jpg\u002F580747",hits:I,download:b,h1:"Каскадні таблиці стилів. Урок 8 презентация",meta:{h1:m,title:m,description:"Каскадні таблиці стилів. Урок 8 презентация на тему, доклад, Информатика",keywords:"Каскадні таблиці стилів. Урок 8, презентация, доклад, проект, скачать, на тему, PowerPoint, урок, класс, школа, Информатика",download_link:a},text:"Вы можете изучить и скачать доклад-презентацию на тему Презентация на тему Каскадні таблиці стилів. Урок 8 из раздела Информатика. Презентация на заданную тему содержит 18 слайдов. Для просмотра воспользуйтесь проигрывателем, если материал оказался полезным для Вас - поделитесь им с друзьями с помощью социальных кнопок и добавьте наш сайт презентаций в закладки!",seo_text:a,file:"Каскадні-таблиці-стилів.-Урок-8.pptx",texts:["\u003Cp\u003EКаскадні таблиці стилів\u003Cbr\u003E\u003Cp\u003EЗа навчальною програмою 2018 року\u003Cbr\u003E\u003Cp\u003EУрок 8\u003Cbr\u003E","\u003Cp\u003EАктуалізація опорних знань і життєвого досвіду\u003Cbr\u003E\u003Cp\u003EРозділ 2 § 8\u003Cbr\u003E\u003Cp\u003EРозкажіть про свої досягнення з вивчення веб-технологій.\u003Cbr\u003E\u003Cp\u003EЯ навчився...\u003Cbr\u003E\u003Cp\u003EЯ зрозумів...\u003Cbr\u003E\u003Cp\u003EМені вдалося зробити...\u003Cbr\u003E\u003Cp\u003EЯ можу пояснити суть понять..\u003Cbr\u003E","\u003Cp\u003EКаскадні таблиці стилів\u003Cbr\u003E\u003Cp\u003EРозділ 2 § 8\u003Cbr\u003E\u003Cp\u003EКаскадні таблиці стилів (англійською Cascading Style Sheets, CSS) — спеціальна мова, яку використовують для запису оформлення сторінок, написаних мовами розмітки даних.\u003Cbr\u003E","\u003Cp\u003EКаскадні таблиці стилів\u003Cbr\u003E\u003Cp\u003EРозділ 2 § 8\u003Cbr\u003E\u003Cp\u003EОсобливості використання каскадних таблиць стилів:\u003Cbr\u003E\u003Cp\u003EТаблиці стилів дають змогу спростити процес створення сторінок і поліпшити їх зовнішній вигляд\u003Cbr\u003E\u003Cp\u003EКонцепція стилів подібна до ідеї стилів, яку реалізовано в сучасних текстових редакторах, — текст спочатку вводять, а потім форматують, користуючись стилями\u003Cbr\u003E","\u003Cp\u003EКаскадні таблиці стилів\u003Cbr\u003E\u003Cp\u003EРозділ 2 § 8\u003Cbr\u003E\u003Cp\u003E(Продовження…) Особливості використання каскадних таблиць стилів:\u003Cbr\u003E\u003Cp\u003EЗастосування стилів дає змогу вводити на сторінку потрібні тексти та інші елементи, не задумуючись над їхнім зовнішнім виглядом і розташуванням\u003Cbr\u003E\u003Cp\u003EТаблиці стилів зазвичай створюють окремо від html-файла. Під час створення html-файла увагу концентрують на змісті сторінки, а не на її зовнішньому вигляді, а під час створення таблиці стилів — навпаки.\u003Cbr\u003E","\u003Cp\u003EКаскадні таблиці стилів\u003Cbr\u003E\u003Cp\u003EРозділ 2 § 8\u003Cbr\u003E\u003Cp\u003EКаскадні таблиці стилів дають змогу розділити етапи:\u003Cbr\u003E\u003Cp\u003Eудосконалення зовнішнього вигляду сторінки\u003Cbr\u003E\u003Cp\u003Eй\u003Cbr\u003E\u003Cp\u003Eстворення\u003Cbr\u003Ehtml-файла\u003Cbr\u003E","\u003Cp\u003EКаскадні таблиці стилів\u003Cbr\u003E\u003Cp\u003EРозділ 2 § 8\u003Cbr\u003E\u003Cp\u003EІснують такі способи взаємодії таблиці стилів з html-файлом: \u003Cbr\u003E\u003Cp\u003Eзв’язування\u003Cbr\u003E\u003Cp\u003Eімпортування\u003Cbr\u003E\u003Cp\u003Eвбудовування (використання стильових класів)\u003Cbr\u003E","\u003Cp\u003EКаскадні таблиці стилів\u003Cbr\u003E\u003Cp\u003EРозділ 2 § 8\u003Cbr\u003E\u003Cp\u003EЗв'язування. Таблицю стилів створюють і зберігають в окремому файлі з розширенням css. Таку таблицю називають зовнішньою. Щоб зв'язати основний файл з такою таблицею стилів, у середині тегу \u003Chead\u003E застосовують одинарний тег \u003Clink\u003E з інформацією про таблицю.\u003Cbr\u003E\u003Cp\u003E\u003Chead\u003E \u003Clink href=\"адреса таблиці стилів\" type=\"text\u002Fcss\" rel=\"stylesheet\"\u003E \u003C\u002Fhead\u003E\u003Cbr\u003E\u003Cp\u003Ehref=\"адреса таблиці стилів\"\u003Cbr\u003E\u003Cp\u003Eадреса розташування файлу\u003Cbr\u003E\u003Cp\u003Etype=\"text\u002Fcss\"\u003Cbr\u003E\u003Cp\u003Eопис типу файлу\u003Cbr\u003E\u003Cp\u003Erel=\"stylesheet\"\u003Cbr\u003E\u003Cp\u003Eвказівка на відношення основного файлу з файлом таблиці стилю.\u003Cbr\u003E","\u003Cp\u003EКаскадні таблиці стилів\u003Cbr\u003E\u003Cp\u003EРозділ 2 § 8\u003Cbr\u003E\u003Cp\u003EІмпорт – те саме, що і зв'язування, але взаємодію файлів забезпечують засобами тегу \u003Cstyle\u003E і такої вказівки:\u003Cbr\u003E\u003Cp\u003E@import URL(адреса таблиці стилів)\u003Cbr\u003E","\u003Cp\u003EКаскадні таблиці стилів\u003Cbr\u003E\u003Cp\u003EРозділ 2 § 8\u003Cbr\u003E\u003Cp\u003EВбудовування (використання стильових класів)\u003Cbr\u003EЯкщо таблицю створено лише для деякого конкретного html-файлу, то її розташовують у цьому файлі в контейнері \u003Cstyle\u003E. Таку таблицю стилів називають:\u003Cbr\u003E\u003Cp\u003Eвнутрішньою\u003Cbr\u003E\u003Cp\u003Eвбудованою\u003Cbr\u003E\u003Cp\u003Eабо\u003Cbr\u003E\u003Cp\u003EТакож стиль можна вбудувати безпосередньо в html-тег за допомогою атрибуту \u003Cstyle\u003E. Наприклад, контейнер:\u003Cbr\u003E\u003Cp\u003E\u003Cspan style=\"color: blue\"\u003EBlue \u003C\u002Fspan\u003E\u003Cbr\u003E\u003Cp\u003EСтворює блок з текстом синього кольору: Blue.\u003Cbr\u003E","\u003Cp\u003EКаскадні таблиці стилів\u003Cbr\u003E\u003Cp\u003EРозділ 2 § 8\u003Cbr\u003E\u003Cp\u003EПравила в CSS працюють по каскаду ( пріоритету, вазі). Це дозволяє отримати передбачуваний результат у випадку, коли до одного елемента, одночасно, застосовуються декілька стильових правил. \u003Cbr\u003E\u003Cp\u003EСелектор (тег, id, клас) {\u003Cbr\u003E властивість 1: значення1;\u003Cbr\u003E властивість 2: значення2;\u003Cbr\u003E властивістьN: значенняN;\u003Cbr\u003E}\u003Cbr\u003E\u003Cp\u003ECSS-правило має наступну структуру:\u003Cbr\u003E\u003Cp\u003EНаприклад:\u003Cbr\u003E\u003Cp\u003Ediv p, #id:first-line {\u003Cbr\u003E background-color : red;\u003Cbr\u003E background-style : none;\u003Cbr\u003E}\u003Cbr\u003E","\u003Cp\u003EКаскадні таблиці стилів\u003Cbr\u003E\u003Cp\u003EРозділ 2 § 8\u003Cbr\u003E\u003Cp\u003EКожне правило починається з селектора (покажчика), що вказує на ті html-елементи, до яких ми будемо застосувати css-правило. У блоці оголошень відбувається найцікавіше - ми встановлюємо правила відображення обраних нами елементів, визначаємо їх властивості - розмір, колір, грані, поля, положення на екрані і т.д.\u003Cbr\u003E\u003Cp\u003EПсевдоклас — це властивість, що дає змогу змінювати стиль елемента залежно від дій користувача, а також розташування елемента (тега) у загальному потоці документа, що додає у дизайн сторінки деяку динаміку і логіку.\u003Cbr\u003E","\u003Cp\u003EКаскадні таблиці стилів\u003Cbr\u003E\u003Cp\u003EРозділ 2 § 8\u003Cbr\u003E\u003Cp\u003EДеякі властивості стилів:\u003Cbr\u003E\u003Cp\u003EНазва властивості стилю\u003Cbr\u003E\u003Cp\u003EЗначення (перелік або приклади)\u003Cbr\u003E\u003Cp\u003EПояснення\u003Cbr\u003E\u003Cp\u003Ebackground-color\u003Cbr\u003E\u003Cp\u003Ered, green\u003Cbr\u003E\u003Cp\u003Eколір тла\u003Cbr\u003E\u003Cp\u003Etext-transform\u003Cbr\u003E\u003Cp\u003Enone, uppercase, lowercase, capitalize\u003Cbr\u003E\u003Cp\u003Eтрансформація тексту\u003Cbr\u003E\u003Cp\u003Evertical-align\u003Cbr\u003E\u003Cp\u003Ebaseline, sub, super, top, text-top, middle, bottom, \u003Cbr\u003Etext-bottom\u003Cbr\u003E\u003Cp\u003Eвертикальне вирівнювання\u003Cbr\u003E\u003Cp\u003Eletter-spacing\u003Cbr\u003E\u003Cp\u003E1 mm\u003Cbr\u003E\u003Cp\u003Eвідстань між символами\u003Cbr\u003E","\u003Cp\u003EКаскадні таблиці стилів\u003Cbr\u003E\u003Cp\u003EРозділ 2 § 8\u003Cbr\u003E\u003Cp\u003E(Продовження…) Деякі властивості стилів:\u003Cbr\u003E\u003Cp\u003EНазва властивості стилю\u003Cbr\u003E\u003Cp\u003EЗначення (перелік або приклади)\u003Cbr\u003E\u003Cp\u003EПояснення\u003Cbr\u003E\u003Cp\u003Efont-weight\u003Cbr\u003E\u003Cp\u003Enormal (400), bold (700), bolder, lighter, 100–900 \u003Cbr\u003E\u003Cp\u003Eжирність шрифту\u003Cbr\u003E\u003Cp\u003Efont-family\u003Cbr\u003E\u003Cp\u003Earial, sans-serif\u003Cbr\u003E\u003Cp\u003Eгарнітура\u003Cbr\u003E\u003Cp\u003Efont-style\u003Cbr\u003E\u003Cp\u003Enormal, italic, oblique\u003Cbr\u003E\u003Cp\u003Eстиль шрифту\u003Cbr\u003E","\u003Cp\u003EЗапитання для рефлексії\u003Cbr\u003E\u003Cp\u003EРозділ 2 § 8\u003Cbr\u003E\u003Cp\u003EЯкі мої досягнення на цьому уроці?\u003Cbr\u003E\u003Cp\u003EЧи можу я пояснити, що таке каскадні таблиці стилів?\u003Cbr\u003E\u003Cp\u003EЧи можна сказати, що я наблизився до мети проекту зі створення власного сайта?\u003Cbr\u003E","\u003Cp\u003EДомашнє завдання\u003Cbr\u003E\u003Cp\u003EРозділ 2 § 8\u003Cbr\u003E\u003Cp\u003EПродовжити вивчення властивостей стилів\u003Cbr\u003E","\u003Cp\u003EПрацюємо за комп’ютером\u003Cbr\u003E\u003Cp\u003EРозділ 2 § 8\u003Cbr\u003E","\u003Cp\u003EДякую за увагу!\u003Cbr\u003E\u003Cp\u003EЗа навчальною програмою 2018 року\u003Cbr\u003E\u003Cp\u003EУрок 8\u003Cbr\u003E"],href:"\u002Finformatika\u002Fkaskadn-tablits-stilv-urok-8",href_category:"\u002Finformatika",date:1677742281,related:[{id:147813,name:"Технологии проектирования информационных систем. Структурные модели предметной области",href:"\u002Finformatika\u002Ftehnologii-proektirovaniya-informatsionnyh-sistem-strukturnye-modeli",jpg:"jpg\u002F147813"},{id:20819,name:"Текст и виды информации Microsoft Office PowerPoint",href:"\u002Finformatika\u002Ftekst-i-vidy-informatsii-microsoft-office",jpg:"jpg\u002F20819"},{id:226598,name:"ООП и организация программы",href:"\u002Finformatika\u002Foop-i-organizatsiya-programmy",jpg:"jpg\u002F226598"},{id:184169,name:"Об оказании АО Корпорация МСП услуг по регистрации на Портале Бизнес-навигатора МСП через МФЦ",href:"\u002Finformatika\u002Fob-okazanii-ao-korporatsiya-msp-uslug",jpg:"jpg\u002F184169"},{id:575702,name:"Презентация по информатике",href:"\u002Finformatika\u002Fprezentatsiya-po-informatike-14",jpg:"jpg\u002F575702"},{id:334788,name:"Развивающие компьютерные игры для детей",href:"\u002Finformatika\u002Frazvivayushchie-kompyuternye-igry-dlya-detey",jpg:"jpg\u002F334788"},{id:144132,name:"Інтерактивне керування потоком автотранспорту з ситуаційного центру",href:"\u002Finformatika\u002Fnteraktivne-keruvannya-potokom-avtotransportu-z-situatsynogo",jpg:"jpg\u002F144132"},{id:87704,name:"Зв’язок між моделями даних та процесів",href:"\u002Finformatika\u002Fzvyazok-mzh-modelyami-danih-ta-protsesv",jpg:"jpg\u002F87704"},{id:458282,name:"Урок информатики в 5 классе",href:"\u002Finformatika\u002Furok-informatiki-v-5-klasse-1",jpg:"jpg\u002F458282"},{id:433696,name:"Текстовый редактор Microsoft Word",href:"\u002Finformatika\u002Ftekstovyy-redaktor-microsoft-word-201020132018",jpg:"jpg\u002F433696"},{id:295227,name:"Основные операторы языка С++. Лекция 2.2",href:"\u002Finformatika\u002Fosnovnye-operatory-yazyka-s-lektsiya-22",jpg:"jpg\u002F295227"},{id:199283,name:"ПрезентацияПоGpss №10",href:"\u002Finformatika\u002Fprezentatsiyapogpss-n10",jpg:"jpg\u002F199283"},{id:228160,name:"Планирование и подготовка к презентации",href:"\u002Finformatika\u002Fplanirovanie-i-podgotovka-k-prezentatsii",jpg:"jpg\u002F228160"},{id:368657,name:"Мобильное приложение",href:"\u002Finformatika\u002Fmobilnoe-prilozhenie-2",jpg:"jpg\u002F368657"},{id:312804,name:"Нахождение оптимального маршрута с пересадками на железной дороге",href:"\u002Finformatika\u002Fnahozhdenie-optimalnogo-marshruta-s-peresadkami-na",jpg:"jpg\u002F312804"},{id:598696,name:"Устройство компьютера. § 32. Принципы устройства компьютеров",href:"\u002Finformatika\u002Fustroystvo-kompyutera--32-printsipy-ustroystva",jpg:"jpg\u002F598696"},{id:89188,name:"Бүгінгі күнгі Visual Basic және Delphi программалары",href:"\u002Finformatika\u002Fbgng-kng-visual-basic-zhne-delphi",jpg:"jpg\u002F89188"},{id:18938,name:"Part II. Cascading Style Sheets (CSS)",href:"\u002Finformatika\u002Fpart-ii-cascading-style-sheets-css",jpg:"jpg\u002F18938"},{id:337856,name:"Классы, структуры, объекты",href:"\u002Finformatika\u002Fklassy-struktury-obekty",jpg:"jpg\u002F337856"},{id:285116,name:"Разработка и стандартизация программных средств и информационных технологий",href:"\u002Finformatika\u002Frazrabotka-i-standartizatsiya-programmnyh-sredstv-i",jpg:"jpg\u002F285116"},{id:406526,name:"ITK Lecture 6 - The Pipeline",href:"\u002Finformatika\u002Fitk-lecture-6-the-pipeline",jpg:"jpg\u002F406526"},{id:118285,name:"Информатика и ИКТ",href:"\u002Finformatika\u002Finformatika-i-ikt-3",jpg:"jpg\u002F118285"},{id:610304,name:"Группа компаний СофтМастер партнер фирмы 1С",href:"\u002Finformatika\u002Fgruppa-kompaniy-softmaster-partner-firmy-1s",jpg:"jpg\u002F610304"},{id:99370,name:"Условие Фано",href:"\u002Finformatika\u002Fuslovie-fano",jpg:"jpg\u002F99370"},{id:128298,name:"Вероятностный подход к определению количества информации. Формула Шеннона",href:"\u002Finformatika\u002Fveroyatnostnyy-podhod-k-opredeleniyu-kolichestva-informatsii-1",jpg:"jpg\u002F128298"},{id:111227,name:"Регистрация ККТ через личный кабинет ФНС",href:"\u002Finformatika\u002Fregistratsiya-kkt-cherez-lichnyy-kabinet-fns",jpg:"jpg\u002F111227"},{id:123879,name:"Автоматизированное рабочее место",href:"\u002Finformatika\u002Favtomatizirovannoe-rabochee-mesto-4",jpg:"jpg\u002F123879"},{id:604923,name:"Блочные шифры. Лекция 4",href:"\u002Finformatika\u002Fblochnye-shifry-lektsiya-4",jpg:"jpg\u002F604923"}],navigation:{next:"\u002Fliteratura\u002Fandrey-platonovich-platonov-1899--1951-1955",next_name:"Андрей Платонович Платонов (1899 – 1951). Сказка-быль Неизвестный цветок",prev:"\u002Fistoriya\u002Fpervye-revolyutsionnye-preobrazovaniya-bolshevikov-3",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:I,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:17,name:"Немецкий язык",pseudoname:"nemetskiy-yazyk"},{id:105,ordering:H,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:26,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","Каскадні таблиці стилів. Урок 8","Учебные презентации","Презентации в PowerPoint на разные темы","Презентации, проекты, доклады в PowerPoint на разные темы для учебы","Презентация, на тему, урок, класс, PowerPoint, скачати презентацію, фон, шаблон, доклад, проект.","images\u002Fdata\u002Flogo.png",185,40,720,480,"6LeioWIpAAAAAGqMN4KqMVIkekcMW7fBKHjXCd-a","2503267","[e-mail]","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","Информатика",18,13,1,"Mypreza","ru","64x64","120x120","144x144","152x152","192x192","384x384","512x512"))</script><script type="module" src="/_nuxt/entry.0d6add34.js" crossorigin></script></body>
</html>