в строке для объединения по горизонтали.
. Возможные значения: число от 1 до 999.
rowspan - Количество ячеек в столбце для объединения по вертикали.
| . Возможные значения: число от 1 до 999.
span - Количество колонок, объединяемых для задания единого стиля, по умолчанию равно 1. . Принимаемые значения: любое целое положительное число.
Слайд 22ФОРМЫ
HTML формы являются элементами управления, которые применяются для сбора информации от посетителей веб-сайта.
Веб-формы состоят
из набора текстовых полей, кнопок, списков и других элементов управления, которые активизируются щелчком мыши. Технически формы передают данные от пользователя удаленному серверу. Для получения и обработки данных форм используются языки веб-программирования, такие как PHP, Perl. Элементы формы: text
textarea
radio
checkbox
submit
select
hidden
file
Слайд 23HTML теги для разметки страницы
<br><p><link><br><p><script><br><p><style><br><p><body><br><p>Указывает программам просмотра html страниц начало и конец документа.<br><p>Техническая</div></h3></h3><!----><!----><div class="slides-content">информация о документе<br><p>Подключение файлов стилей<br><p>Название страницы<br><p>Подключение стилей<br><p>Подключение javascript<br><p>Информация отображаемая на странице сайта<br><p>Подключение мата тегов<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide24" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/116958/slide-23.jpg" target="_blank" rel="noopener">Слайд 24</a><h3 class="slides-content text-center font-bold"><div><p>Структура страницы<br></div></h3></h3><!----><!----><!----><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide25" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/116958/slide-24.jpg" target="_blank" rel="noopener">Слайд 25</a><h3 class="slides-content text-center font-bold"><div><p>DOM
(document object model).<br><p>Элементы, находящиеся внутри тега<html>, образуют дерево документа, <br>так называемую объектную модель</div></h3></h3><!----><!----><div class="slides-content">документа.<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide26" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/116958/slide-25.jpg" target="_blank" rel="noopener">Слайд 26</a><h3 class="slides-content text-center font-bold"><div><p>Мета теги<br></div></h3></h3><!----><!----><!----><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide27" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/116958/slide-26.jpg" target="_blank" rel="noopener">Слайд 27</a><h3 class="slides-content text-center font-bold"><div><p>Мета теги<br></div></h3></h3><!----><!----><!----><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide28" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/116958/slide-27.jpg" target="_blank" rel="noopener">Слайд 28</a><h3 class="slides-content text-center font-bold"><div><p>Мета теги<br></div></h3></h3><!----><!----><!----><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide29" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/116958/slide-28.jpg" target="_blank" rel="noopener">Слайд 29</a><h3 class="slides-content text-center font-bold"><div><p> <br><head><br> <link rel="stylesheet" type="text/css" href="style/style.css"><br></head><br><p><head>
<style>
.box{
width:200px;
}
</style>
</head>
<body>
<div class=”box”></div></h3></h3><!----><!----><div class="slides-content">Информация </div>
</body><br><p>Способы добавления стилей<br><p>Внутритекстовые стили <br><p>Встраиваемые стили<br><p>Внешняя таблица стилей<br><p><div style=“width:200px; color: red; ”> <br> Информация <br></div><br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide30" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/116958/slide-29.jpg" target="_blank" rel="noopener">Слайд 30</a><h3 class="slides-content text-center font-bold"><div><p>CSS<br><p>CSS (Cascading Style Sheets), или каскадные таблицы стилей, описывают правила форматирования отдельного элемента</div></h3></h3><!----><!----><div class="slides-content">веб-страницы.<br>Создав стиль один раз, его можно применять к любым элементам страницы сколько угодно раз.<br>Определение стиля состоит из двух основных частей: самого элемент веб-страницы –селектора, и команды форматирования – блока объявления.<br>Селектор сообщает браузеру, какой именно элемент форматировать, в блоке объявления перечисляются форматирующие команды.<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide31" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/116958/slide-30.jpg" target="_blank" rel="noopener">Слайд 31</a><h3 class="slides-content text-center font-bold"><div><p>CSS<br><p>Принцип наследования заключается в том, что свойства CSS, объявленные для элементов-предков, наследуются элементами потомками.<br>Принцип</div></h3></h3><!----><!----><div class="slides-content">каскадирования представляет собой процесс применения различных правил к одному и тому же элементу. Более конкретные правила имеют приоритет над более общими. Если в отношение одного и того же элемента определено несколько стилей, то в результате к нему будет применен последний из них.<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide32" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/116958/slide-31.jpg" target="_blank" rel="noopener">Слайд 32</a><h3 class="slides-content text-center font-bold"><div><p>ПРИОРИТЕТЫ<br><p>Наиболее низким приоритетом обладает стиль браузера.<br>Следующим по значимости является стиль, заданный пользователем браузера</div></h3></h3><!----><!----><div class="slides-content">в его настройках.<br>И наиболее высоким приоритетом обладает стиль, заданный непосредственно автором страницы.
<br>Самым низким приоритетом обладают стили, наследуемые в документе элементом от своих предков.<br>Более высоким приоритетом обладают стили, заданные во внешних таблицах стилей, подключённых к документу.<br>Ещё более высоким приоритетом обладают стили, заданные непосредственно селекторами, содержащимися в контейнерах style данного документа.<br>Затем приоритетом обладают стили, объявленные непосредственно в теге данного элемента посредством атрибута style этого тега.<br>И наконец самым высоким приоритетом обладают стили, объявленные автором страницы или пользователем, с помощью сопроводительного слова!important.<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide33" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/116958/slide-32.jpg" target="_blank" rel="noopener">Слайд 33</a><h3 class="slides-content text-center font-bold"><div><p>Псевдоэлементы и псевдоклассы<br><p>Псевдоклассы – это селекторы, которые определяют состояние уже существующих элементов, которое может меняться при</div></h3></h3><!----><!----><div class="slides-content">определенных условиях (например, E:hover).<br>Псевдоэлементы – это селекторы, которые определяют область элементов, которая изначально отсутствует в дереве документа. Эта область создается искусственно с помощью CSS (например, E::first-letter).<br>Ключевое отличие между ними в том, что псевдоклассы определяют именно состояние элементов, которые уже существуют на странице, а псевдоэлементы создают области (искусственные элементы), которых изначально на веб-странице не было. Но и те и другие отсутствуют в исходном коде документа.
<br>Разница : псевдокласс задает стиль для элемента страницы, а псевдоэлемент задаёт стиль для части элемента страницы и даже может создавать дополнительную часть.<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide34" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/116958/slide-33.jpg" target="_blank" rel="noopener">Слайд 34</a><h3 class="slides-content text-center font-bold"><div><p>Список псевдоэлементов<br><p>Одной из самых распространённых задач является добавление фразы до или после элемента. <br>Псевдоэлементы after и before предназначены</div></h3></h3><!----><!----><div class="slides-content">для "врезки" в страницу сайта контента который изначально неуказан в HTML документе. Вставляется содержание перед (:before) или после (:after) какого либо элемента с помощью свойства content, которое собственно и определяет содержимое для вставки.<br>p:after {content: “Text!"; }<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide35" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/116958/slide-34.jpg" target="_blank" rel="noopener">Слайд 35</a><h3 class="slides-content text-center font-bold"><div><p>CSS<br><p>Курсор<br><p>Отступы<br><p>Фон<br><p>Шрифт<br><p>Цвет<br><p>text-align, vertical-align, text-indent, line-height<br><p>Границы<br><p>Текст<br><p>font-famile, font-weight,font-size<br><p>color<br><p>background<br><p>border<br><p>overflow, cursor<br><p>padding, margin<br></div></h3></h3><!----><!----><!----><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide36" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/116958/slide-35.jpg" target="_blank" rel="noopener">Слайд 36</a><h3 class="slides-content text-center font-bold"><div><p>CSS текст<br><p>CSS текст представляет набор css-стилей для форматирования текстового содержимого веб-страниц.<br></div></h3></h3><!----><!----><!----><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide37" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/116958/slide-36.jpg" target="_blank" rel="noopener">Слайд 37</a><h3 class="slides-content text-center font-bold"><div><p>CSS шрифты<br><p>Текст основного содержимого веб-страницы должен быть в первую очередь читабельным. <br>Не рекомендуется</div></h3></h3><!----><!----><div class="slides-content">использовать более двух шрифтов на странице.<br><p>CSS шрифты управляют внешним видом шрифта текста веб-страниц. <br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide38" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/116958/slide-37.jpg" target="_blank" rel="noopener">Слайд 38</a><h3 class="slides-content text-center font-bold"><div><p>Фон и фоновые изображения на веб-странице
<br></div></h3></h3><!----><!----><!----><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide39" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/116958/slide-38.jpg" target="_blank" rel="noopener">Слайд 39</a><h3 class="slides-content text-center font-bold"><div><p>CSS границы (рамка)<br><p>CSS рамка задается с помощью краткого свойства border<br>Стиль рамки задается с помощью трех</div></h3></h3><!----><!----><div class="slides-content">свойств: стиль, цвет и ширина.<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide40" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/116958/slide-39.jpg" target="_blank" rel="noopener">Слайд 40</a><h3 class="slides-content text-center font-bold"><div><p>CSS отступы<br><p>Область содержимого – это содержимое элемента.<br>Внешний отступ (margin) добавляет отступы за границами элемента, создавая</div></h3></h3><!----><!----><div class="slides-content">тем самым промежутки между элементами.<br>Они всегда остаются прозрачными и через них виден фон родительского элемента.<br>Значения padding и margin задаются в следующем порядке: верхнее, правое, нижнее и левое.<br><p>Внутренний отступ, или поле элемента, (padding) добавляет отступы внутри элемента, между его основным содержимым и его границей. Если для элемента задать фон, то он распространится также и на поля элемента. Внутренний отступ не может принимать отрицательных значений, в отличие от внешнего отступа.<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide41" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/116958/slide-40.jpg" target="_blank" rel="noopener">Слайд 41</a><h3 class="slides-content text-center font-bold"><div><p>Курсор мыши и полоса прокрутки<br><p>Для полосы прокрутки<br>: атрибут overflow
visible - Элемент растягивается до необходимых</div></h3></h3><!----><!----><div class="slides-content">размеров. (по умолчанию)<br> hidden - Содержание элемента "обрезается" видна лишь та его часть что помещается в элементе.<br> scroll - Добавляются полосы прокрутки (всегда! даже если содержание помещается в пределах элемента).<br> auto - Полосы прокрутки добавляются при необходимости.<br>для курсора мыши: значение по умолчанию cursor: pointer;<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"> Имя файла: Верстка-сайтов-(html5,-css3).pptx <br> Количество просмотров: 117 <br> Количество скачиваний: 1</div><button class="download-btn" type="submit">Скачать</button><!----></form><div class="navigation"><div class="navigation-item"><div>- Предыдущая</div><a href="/menedzhment/informatsionnaya-sistema-megaplan-crm" class="navigation-link">Информационная система Мегаплан-CRM</a></div><div class="navigation-item"><div>Следующая -</div><a href="/pedagogika/professiya-energetik" 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/prosmotr-web-stranits-poiskovye-sistemy-internet" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/201692/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/201692/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/201692/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/201692/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/201692/slide-0.jpg 1440w" class="slides-image related-itemImage"> Просмотр Web-страниц. Поисковые системы Интернет. 7 класс</a></div><div class="related-item"><a href="/informatika/osnovy-web-html-formy" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/407194/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/407194/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/407194/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/407194/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/407194/slide-0.jpg 1440w" class="slides-image related-itemImage"> Основы WEB. HTML формы</a></div><div class="related-item"><a href="/informatika/effektivnye-kanaly-kommunikatsii" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/383744/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/383744/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/383744/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/383744/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/383744/slide-0.jpg 1440w" class="slides-image related-itemImage"> Эффективные каналы коммуникации</a></div><div class="related-item"><a href="/informatika/informatika-bazovyy-kurs" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/101529/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/101529/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/101529/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/101529/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/101529/slide-0.jpg 1440w" class="slides-image related-itemImage"> Информатика. Базовый курс</a></div><div class="related-item"><a href="/informatika/press-dlya-tyubika-na-3d-printere" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/598783/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/598783/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/598783/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/598783/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/598783/slide-0.jpg 1440w" class="slides-image related-itemImage"> Пресс для тюбика на 3D принтере</a></div><div class="related-item"><a href="/informatika/programmirovanie-na-yazyke-paskal-7-klass-3" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/606714/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/606714/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/606714/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/606714/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/606714/slide-0.jpg 1440w" class="slides-image related-itemImage"> Программирование на языке Паскаль (7 класс)</a></div><div class="related-item"><a href="/informatika/osnovy-programmnoy-inzhenerii-2" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/150375/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/150375/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/150375/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/150375/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/150375/slide-0.jpg 1440w" class="slides-image related-itemImage"> Основы программной инженерии</a></div><div class="related-item"><a href="/informatika/vzaimodeystvie-so-sluzhboy-zanyatosti-naseleniya-s-1" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/577205/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/577205/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/577205/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/577205/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/577205/slide-0.jpg 1440w" class="slides-image related-itemImage"> Взаимодействие со Службой занятости населения с помощью портала Работа России</a></div><div class="related-item"><a href="/informatika/umnyy-gorod-itmo-haypark-1" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/214833/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/214833/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/214833/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/214833/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/214833/slide-0.jpg 1440w" class="slides-image related-itemImage"> Умный город. ИТМО хайпарк</a></div><div class="related-item"><a href="/informatika/informatsionno-analiticheskie-sistemy-kak-osnova-integrirovannoy-1" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/308861/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/308861/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/308861/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/308861/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/308861/slide-0.jpg 1440w" class="slides-image related-itemImage"> Информационно-аналитические системы как основа интегрированной системы управления экономическим развитием Санкт-Петербурга</a></div><div class="related-item"><a href="/informatika/bubbles-kommunikativnyy-proekt-v-dopolnennoy-realnosti" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/93848/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/93848/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/93848/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/93848/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/93848/slide-0.jpg 1440w" class="slides-image related-itemImage"> Bubbles Коммуникативный проект в дополненной реальности</a></div><div class="related-item"><a href="/informatika/kompyuternye-programmnye-produkty-dlya-razrabotki-biznes" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/420290/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/420290/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/420290/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/420290/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/420290/slide-0.jpg 1440w" class="slides-image related-itemImage"> Компьютерные программные продукты для разработки бизнес-планов (Project Expert, COMFAR, Альт-Инвест, PROPSPIN)</a></div><div class="related-item"><a href="/informatika/naukometrichn-mzhnarodn-bazi-danih" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/147850/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/147850/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/147850/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/147850/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/147850/slide-0.jpg 1440w" class="slides-image related-itemImage"> Наукометричні міжнародні бази даних</a></div><div class="related-item"><a href="/informatika/kompyuternaya-set-3" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/590442/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/590442/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/590442/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/590442/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/590442/slide-0.jpg 1440w" class="slides-image related-itemImage"> Компьютерная сеть</a></div><div class="related-item"><a href="/informatika/zhiznennyy-tsikl-programmy-programmnyy-produkt-i" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/367416/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/367416/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/367416/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/367416/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/367416/slide-0.jpg 1440w" class="slides-image related-itemImage"> Жизненный цикл программы. Программный продукт и его характеристики. Основные этапы решения задач на компьютере</a></div><div class="related-item"><a href="/informatika/programmy-microsoft-office" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/145921/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/145921/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/145921/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/145921/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/145921/slide-0.jpg 1440w" class="slides-image related-itemImage"> Программы Microsoft Office</a></div><div class="related-item"><a href="/informatika/hranenie-informatsionnyh-obektov-razlichnyh-vidov-na-1" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/258705/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/258705/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/258705/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/258705/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/258705/slide-0.jpg 1440w" class="slides-image related-itemImage"> Хранение информационных объектов различных видов на различных цифровых носителях</a></div><div class="related-item"><a href="/informatika/osnovy-peredachi-dannyh-na-fizicheskom-urovne" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/4972/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/4972/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/4972/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/4972/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/4972/slide-0.jpg 1440w" class="slides-image related-itemImage"> Основы передачи данных на физическом уровне</a></div><div class="related-item"><a href="/informatika/evernote" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/20808/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/20808/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/20808/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/20808/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/20808/slide-0.jpg 1440w" class="slides-image related-itemImage"> Evernote</a></div><div class="related-item"><a href="/informatika/virtual-reality-1" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/96052/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/96052/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/96052/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/96052/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/96052/slide-0.jpg 1440w" class="slides-image related-itemImage"> Virtual reality</a></div><div class="related-item"><a href="/informatika/informatizatsiya--vazhnoe-uslovie-organizatsii-obrazovatelnogo" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/383667/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/383667/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/383667/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/383667/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/383667/slide-0.jpg 1440w" class="slides-image related-itemImage"> Информатизация – важное условие организации образовательного процесса в МБОУ СОШ №19</a></div><div class="related-item"><a href="/informatika/rastrovye-algoritmy" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/426620/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/426620/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/426620/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/426620/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/426620/slide-0.jpg 1440w" class="slides-image related-itemImage"> Растровые алгоритмы</a></div><div class="related-item"><a href="/informatika/thit-k-cc-b-lc-s" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/309400/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/309400/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/309400/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/309400/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/309400/slide-0.jpg 1440w" class="slides-image related-itemImage"> Thiết kế các bộ lọc số</a></div><div class="related-item"><a href="/informatika/java-4-web-lesson-3-oop" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/20930/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/20930/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/20930/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/20930/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/20930/slide-0.jpg 1440w" class="slides-image related-itemImage"> Java 4 WEB. Lesson 3 - OOP</a></div><div class="related-item"><a href="/informatika/planirovanie-i-proektirovanie-po-trebovaniya-k" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/598546/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/598546/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/598546/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/598546/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/598546/slide-0.jpg 1440w" class="slides-image related-itemImage"> Планирование и проектирование ПО. Требования к ПО</a></div><div class="related-item"><a href="/informatika/informatsiya-i-eyo-svoystva-3" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/352821/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/352821/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/352821/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/352821/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/352821/slide-0.jpg 1440w" class="slides-image related-itemImage"> Информация и её свойства</a></div><div class="related-item"><a href="/informatika/bgng-kng-visual-basic-zhne-delphi" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/89188/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/89188/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/89188/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/89188/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&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/dinamicheskie-struktury-dannyh-tema-9" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/96414/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/96414/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/96414/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/96414/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/96414/slide-0.jpg 1440w" class="slides-image related-itemImage"> Динамические структуры данных. Тема 9</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){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:c,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:c,strategy:{image_alt_words:h,item_slide_header:z,item_images:A,item_images_tag:B,item_words_h3:c,item_words_tag:C,item_words_1:h,routing:D,item_slide_skipping:E,item_download_timeout:F,item_slider_width:G,item_show_pdf:e,item_show_contents:e,item_show_filename:e},colors:{header_text:j,header_bg:i,accent:i}},social:H}},item:{result:{id:116958,name:k,category:I,count:42,jpg:"jpg\u002F116958",hits:117,download:l,h1:"Верстка сайтов (html5, css3) презентация",meta:{h1:k,title:k,description:"Верстка сайтов (html5, css3) презентация на тему, доклад, Информатика",keywords:"Верстка сайтов (html5, css3), презентация, доклад, проект, скачать, на тему, PowerPoint, урок, класс, школа, Информатика",download_link:a},text:"Вы можете изучить и скачать доклад-презентацию на тему Презентация на тему Верстка сайтов (html5, css3) из раздела Информатика. Презентация на заданную тему содержит 42 слайдов. Для просмотра воспользуйтесь проигрывателем, если материал оказался полезным для Вас - поделитесь им с друзьями с помощью социальных кнопок и добавьте наш сайт презентаций в закладки!",seo_text:"\u003Cp\u003EЦель курса\u003Cbr\u003E\u003Cp\u003EТеоретические знания:\u003Cbr\u003Eосновы языка разметки гипертекста HTML\u002FHTML5;\u003Cbr\u003Eкаскадные таблицы стилей CSS\u002FCSS3;\u003Cbr\u003Eотзывчивый и интуитивно понятный веб-дизайн.\r\n\u003Cbr\u003EПрактические навыки:\u003Cbr\u003Eсоздание web-страниц;\u003Cbr\u003Eнаписание правильного ко",file:"Верстка-сайтов-(html5,-css3).pptx",texts:["\u003Cp\u003EВЕРСТКА САЙТОВ \r\n(HTML5+ CSS3)\u003Cbr\u003E","\u003Cp\u003EЦель курса\u003Cbr\u003E\u003Cp\u003EТеоретические знания:\u003Cbr\u003Eосновы языка разметки гипертекста HTML\u002FHTML5;\u003Cbr\u003Eкаскадные таблицы стилей CSS\u002FCSS3;\u003Cbr\u003Eотзывчивый и интуитивно понятный веб-дизайн.\r\n\u003Cbr\u003EПрактические навыки:\u003Cbr\u003Eсоздание web-страниц;\u003Cbr\u003Eнаписание правильного кода;\u003Cbr\u003Eиспользовании популярного редактора Adobe Dreamweaver.\u003Cbr\u003E","\u003Cp\u003EWEB-ТЕХНОЛОГИИ\u003Cbr\u003E\u003Cp\u003ECSS\u002FCSS3\u003Cbr\u003E\u003Cp\u003EHTML\u002FHTML5\u003Cbr\u003E\u003Cp\u003EJavaScript\u003Cbr\u003E\u003Cp\u003EPHP\u003Cbr\u003E\u003Cp\u003EMySQL\u003Cbr\u003E\u003Cp\u003ELESS\u003Cbr\u003E\u003Cp\u003ESASS\u003Cbr\u003E\u003Cp\u003EjQuery\u003Cbr\u003E\u003Cp\u003EFlash\u003Cbr\u003E\u003Cp\u003ECMS\u003Cbr\u003E\u003Cp\u003EFraimwork 7 \u003Cbr\u003E\u003Cp\u003EMVC\u003Cbr\u003E\u003Cp\u003EYii\u003Cbr\u003E\u003Cp\u003EXML\u003Cbr\u003E\u003Cp\u003EDHTML\u003Cbr\u003E\u003Cp\u003EAJAX\u003Cbr\u003E\u003Cp\u003E…\u003Cbr\u003E\u003Cp\u003EDW\u003Cbr\u003E\u003Cp\u003ESEO\u003Cbr\u003E\u003Cp\u003EBOOTSTRAP\u003Cbr\u003E\u003Cp\u003EJoomla\u003Cbr\u003E\u003Cp\u003EWP\u003Cbr\u003E\u003Cp\u003EОСНОВЫ\u003Cbr\u003E\u003Cp\u003EДОПОЛНЕНИЯ\u003Cbr\u003E","\u003Cp\u003EWEB - ТЕХНОЛОГИИ\u003Cbr\u003E\u003Cp\u003ECSS\u002FCSS3\u003Cbr\u003E\u003Cp\u003EHTML\u002FHTML5\u003Cbr\u003E\u003Cp\u003EJavaScript\u003Cbr\u003E\u003Cp\u003EPHP\u003Cbr\u003E\u003Cp\u003EMySQL\u003Cbr\u003E\u003Cp\u003EБАЗЫ\u003Cbr\u003EДАННЫХ\u003Cbr\u003E\u003Cp\u003EКОД\u003Cbr\u003E\u003Cp\u003EОФОРМЛЕНИЕ\u003Cbr\u003E","\u003Cp\u003EWEB – ТЕХНОЛОГИИ\r\n(два основных класса)\u003Cbr\u003E\u003Cp\u003ECSS\u002FCSS3\u003Cbr\u003E\u003Cp\u003EJavaScript\u003Cbr\u003E\u003Cp\u003EMySQL\u003Cbr\u003E\u003Cp\u003Eисполняемые \u003Cbr\u003Eна СЕРВЕРЕ\u003Cbr\u003E\u003Cp\u003Eисполняемые \u003Cbr\u003Eна КЛИЕНТЕ\u003Cbr\u003E\u003Cp\u003EPHP\u003Cbr\u003E\u003Cp\u003EHTML\u002FHTML5\u003Cbr\u003E","\u003Cp\u003EHTML\u002FHTML5\u003Cbr\u003E\u003Cp\u003EЯзык HTML был разработан британским учёным Тимом Бернерсом-Ли приблизительно в 1986—1991 годах в стенах ЦЕРНа в Женеве в Швейцарии. \u003Cbr\u003EHTML (от англ. HyperText Markup Language — «язык гипертекстовой разметки») — стандартный язык разметки документов во Всемирной паутине.\r\n\u003Cbr\u003EHTML5 (version 5) — язык для структурирования и представления содержимого всемирной паутины. \u003Cbr\u003EHTML5 — 28 октября 2014 года.\u003Cbr\u003E Цель разработки HTML5 — улучшение уровня поддержки мультимедиа-технологий с одновременным сохранением обратной совместимости.\u003Cbr\u003E","\u003Cp\u003EБыло\u003Cbr\u003E","\u003Cp\u003EСтало\u003Cbr\u003E","\u003Cp\u003ECSS\u002FCSS3\u003Cbr\u003E\u003Cp\u003ECSS (англ. Cascading Style Sheets — каскадные таблицы стилей) — формальный язык описания внешнего вида документа, написанного \u003Cbr\u003E\tс использованием языка разметки.\u003Cbr\u003EТермин «каскадные таблицы стилей» был предложен Хокон Виум Ли в 1994 году. Совместно с он стал развивать CSS.\u003Cbr\u003EБертом Босом\u003Cbr\u003ECSS3 (каскадные таблицы стилей третьего поколения) — активно разрабатываемая спецификация CSS. Представляет собой формальный язык, реализованный с помощью языка разметки. Самая масштабная редакция по сравнению с CSS1, CSS2 и CSS2.1. Главной особенностью CSS3 является возможность создавать анимированные элементы без использования JS, поддержка линейных и радиальных градиентов, теней, сглаживания и многое другое.\u003Cbr\u003E","\u003Cp\u003EКонсорциум Всемирной паутины\r\nW3C\u003Cbr\u003E\u003Cp\u003EКонсорциум Всемирной паутины (англ. World Wide Web Consortium, W3C) — организация, разрабатывающая и внедряющая технологические стандарты для Всемирной паутины. Консорциум возглавляет сэр Тимоти Джон Бернерс-Ли, автор множества разработок в области информационных технологий.\u003Cbr\u003E","\u003Cp\u003EПроверка кода\u003Cbr\u003E","\u003Cp\u003EЧТО ТАКОЕ ТЕГ?\u003Cbr\u003E\u003Cp\u003EHTML теги являются основой языка HTML.\u003Cbr\u003EВсе содержимое web-страницы задается с помощью тегов.\u003Cbr\u003EСтруктура на писания:\u003Cbr\u003E\u003Cp\u003EМогут быть не парные теги, например, \u003Cimg\u003E\u003Cbr\u003EТеги могут вкладываться друг в друга \u003Cbr\u003E\u003Cp\u003E\u003Ci\u003EТекст\u003C\u002Fi\u003E\u003C\u002Fp\u003E\u003Cbr\u003E\u003Cp\u003EОткрывающийся тег\u003Cbr\u003E\u003Cp\u003EЗакрывающийся тег\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\u003Ch1\u003E \u003Cp\u003E \u003Cdiv\u003E \u003Cspan\u003E…\u003Cbr\u003E\u003Cp\u003EИзображение\u003Cbr\u003E\u003Cp\u003EТекст\u003Cbr\u003E\u003Cp\u003E\u003Ca\u003E \u003Cbr\u003E\u003Cp\u003E\u003Cul\u003E \u003Cli\u003E…\u003Cbr\u003E\u003Cp\u003E\u003Cimg\u003E\u003Cbr\u003E\u003Cp\u003E\u003Cform\u003E…\u003Cbr\u003E\u003Cp\u003E\u003Ctable\u003E…\u003Cbr\u003E","\u003Cp\u003EЧТО ТАКОЕ АТРИБУТ?\u003Cbr\u003E\u003Cp\u003EУ HTML тегов могут быть определены HTML атрибуты.\u003Cbr\u003EHTML атрибуты сообщают браузеру, каким образом должен отображаться тот или иной элемент страницы.\u003Cbr\u003EНазвания и значения атрибутов не чувствительны к регистру, но, тем не менее, рекомендуется набирать их в нижнем регистре.\u003Cbr\u003E\u003Cp\u003EАтрибуты позволяют изменять свойства элемента - параметр=\"значение\". \u003Cbr\u003EМножественные значения атрибутов записываются через пробел, например - class=\"nav top\"\u003Cbr\u003E","\u003Cp\u003EСписок атрибутов\u003Cbr\u003E\u003Cp\u003Eclass - Определяет имя класса для элемента (используется для определения класса в таблице стилей). Принимаемые значения: имя класса.\u003Cbr\u003Eid - Определяет уникальный идентификатор элемента.\r\nПринимаемые значения: id – идентификатор элемента.\u003Cbr\u003Elang - Определяет код языка содержимого (контента) в элементе.\r\nПринимаемые значения: код языка.\u003Cbr\u003Estyle - Указывает на код CSS, применяемую для оформления элемента.\r\nПринимаемые значения: код CSS.\u003Cbr\u003Etabindex - Определяет порядок перехода к элементу при помощи клавиши TAB. Принимаемые значения: порядковый номер.\u003Cbr\u003Etitle - Определяет дополнительную информацию об элементе, задавая всплывающую подсказку для страницы.\r\nПринимаемые значения: текст.\u003Cbr\u003E","\u003Cp\u003EТеги для HTML текста\u003Cbr\u003E\u003Cp\u003EТеги заголовков: \u003Ch1\u003E…\u003Ch6\u003E\u003Cbr\u003E2. Абзацы, средства переноса текста\u003Cbr\u003E\u003Cp\u003E разбивает текст на отдельные абзацы\u003Cbr\u003E переносит текст на следующую строку\u003Cbr\u003E\u003Chr\u003E используется для разделения контента на веб-странице. Отображается в виде горизонтальной линии.\u003Cbr\u003E3. Теги для форматирования текста: \u003Cbr\u003E\u003Cb\u003E и \u003Cstrong\u003E для задания жирного начертания шрифта;\u003Cbr\u003E\u003Ci\u003E и \u003Cem\u003E отображает шрифт курсивом;\u003Cbr\u003E\u003Csub\u003E используется для создания нижних индексов.\u003Cbr\u003E\u003Csup\u003E используется для создания степеней.\u003Cbr\u003E\u003Cpre\u003E позволяет вывести текст на экран, сохраняя форматирование.\u003Cbr\u003E\u003Cblockquote\u003E выделяет цитаты внутри документа.\u003Cbr\u003E","\u003Cp\u003EHTML ссылки\u003Cbr\u003E\u003Cp\u003EСтруктура написания:\u003Cbr\u003E \u003Ca href=“путь ссылки (адрес)”\u003EНазвание ссылки\u003C\u002Fa\u003E\u003Cbr\u003EАбсолютный адрес: http:\u002F\u002Fmysait.ru\u002Ffiles\u002Ftext.html\u003Cbr\u003E\tОтносительный адрес: files\u002Ftext.html\u003Cbr\u003E3. Оформление ссылки: Текст ссылки отображается подчеркнутым, цвет шрифта – синий, при наведении на ссылку курсор меняет вид.\u003Cbr\u003E4. Ссылки на разделы текущей страницы: Атрибут href содержит имя указателя (якорь), а не URL-адрес. Перед именем указателя ставится знак #.\u003Cbr\u003E5. Атрибуты:\r\n href - URL-адрес документа.\r\n target – место открытия документа:\r\n_self – страница загружается в текущее окно;\r\n_blank – страница открывается в новом окне браузера;\r\n_parent – страница загружается во фрейм-родитель;\r\n_top – страница загружается в полное окно браузера. \u003Cbr\u003E","\u003Cp\u003EБлочный и встроенный элемент\u003Cbr\u003EТег \u003Cdiv\u003E - блочный элемент, для размещения текста в блоке, отделяется абзацем от остального текста.\u003Cbr\u003EТег \u003Cspan\u003E - является встроенным элементом, не отделяется абзацем от остального текста.\u003Cbr\u003E\u003Cp\u003E\u003Cdiv\u003E\u003Cbr\u003E\u003Cp\u003E\u003Cspan\u003E\u003Cbr\u003E","\u003Cp\u003EСПИСКИ\u003Cbr\u003E\u003Cp\u003EСписок \u003Cbr\u003Eопределений\u003Cbr\u003E\u003Cp\u003EМаркированный\u003Cbr\u003Eсписок\u003Cbr\u003E\u003Cp\u003E\u003Cli\u003E \u003Cbr\u003E\u003Cp\u003E\u003Cul\u003E\u003Cbr\u003E\u003Cp\u003E\u003Cli\u003E\u003Cbr\u003E\u003Cp\u003E\u003Col\u003E\u003Cbr\u003E\u003Cp\u003EНумерованный\u003Cbr\u003Eсписок\u003Cbr\u003E\u003Cp\u003E\u003Cdd\u003E\u003Cbr\u003E\u003Cp\u003E\u003Cdt\u003E\u003Cbr\u003E\u003Cp\u003E\u003Cdl\u003E\u003Cbr\u003E","\u003Cp\u003EИЗОБРАЖЕНИЯ\u003Cbr\u003E\u003Cp\u003EСтруктура написания:\u003Cbr\u003E\u003Cimg src=\"image.png\" alt=\"Пример кода\"\u003E\u003Cbr\u003E2. Атрибуты:\u003Cbr\u003EAlt - Атрибут alt обозначает альтернативный текст для изображения. Выводится на месте появления изображения до его загрузки или при отключенной графике, а также выводится всплывающей подсказкой при наведении курсора мыши на изображение. Принимаемые значения: текст.\u003Cbr\u003EHeight - Атрибут height задает высоту изображения.\r\nПринимаемые значения: px\u002F%.\u003Cbr\u003ESrc - Атрибут src задает URL-адрес изображения.\r\nПринимаемые значения: url-адрес.\u003Cbr\u003EWidth - Атрибут width задает ширину изображения.\r\nПринимаемые значения: px\u002F%.\u003Cbr\u003E","\u003Cp\u003EТАБЛИЦЫ\u003Cbr\u003E\u003Cp\u003EHTML таблицы состоят из ячеек, образующихся при пересечении строк и столбцов.\u003Cbr\u003E\u003Cp\u003Eсolspan - Количество ячеек в строке для объединения по горизонтали.\r\n\u003Ctd colspan=\"3\"\u003E. Возможные значения: число от 1 до 999.\u003Cbr\u003Erowspan - Количество ячеек в столбце для объединения по вертикали.\r\n\u003Ctd rowspan=\"2\"\u003E. Возможные значения: число от 1 до 999.\u003Cbr\u003Espan - Количество колонок, объединяемых для задания единого стиля, по умолчанию равно 1. \u003Ccol span=\"2\"\u003E. Принимаемые значения: любое целое положительное число.\u003Cbr\u003E","\u003Cp\u003EФОРМЫ\u003Cbr\u003E\u003Cp\u003EHTML формы являются элементами управления, которые применяются для сбора информации от посетителей веб-сайта.\u003Cbr\u003EВеб-формы состоят из набора текстовых полей, кнопок, списков и других элементов управления, которые активизируются щелчком мыши. Технически формы передают данные от пользователя удаленному серверу.\u003Cbr\u003EДля получения и обработки данных форм используются языки веб-программирования, такие как PHP, Perl.\u003Cbr\u003EЭлементы формы:\u003Cbr\u003E\u003Cp\u003Etext\u003Cbr\u003E\u003Cp\u003Etextarea\u003Cbr\u003E\u003Cp\u003Eradio\u003Cbr\u003E\u003Cp\u003Echeckbox\u003Cbr\u003E\u003Cp\u003Esubmit\u003Cbr\u003E\u003Cp\u003Eselect\u003Cbr\u003E\u003Cp\u003Ehidden\u003Cbr\u003E\u003Cp\u003Efile\u003Cbr\u003E","\u003Cp\u003EHTML теги для разметки страницы\u003Cbr\u003E\u003Cp\u003E\u003Chtml\u003E\u003Cbr\u003E\u003Cp\u003E\u003Chead\u003E\u003Cbr\u003E\u003Cp\u003E\u003Cmeta\u003E\u003Cbr\u003E\u003Cp\u003E\u003Ctitle\u003E\u003Cbr\u003E\u003Cp\u003E\u003Clink\u003E\u003Cbr\u003E\u003Cp\u003E\u003Cscript\u003E\u003Cbr\u003E\u003Cp\u003E\u003Cstyle\u003E\u003Cbr\u003E\u003Cp\u003E\u003Cbody\u003E\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Подключение javascript\u003Cbr\u003E\u003Cp\u003EИнформация отображаемая на странице сайта\u003Cbr\u003E\u003Cp\u003EПодключение мата тегов\u003Cbr\u003E","\u003Cp\u003EСтруктура страницы\u003Cbr\u003E","\u003Cp\u003EDOM \r\n(document object model).\u003Cbr\u003E\u003Cp\u003EЭлементы, находящиеся внутри тега\u003Chtml\u003E, образуют дерево документа, \u003Cbr\u003Eтак называемую объектную модель документа.\u003Cbr\u003E",m,m,m,"\u003Cp\u003E \u003Cbr\u003E\u003Chead\u003E\u003Cbr\u003E \u003Clink rel=\"stylesheet\" type=\"text\u002Fcss\" href=\"style\u002Fstyle.css\"\u003E\u003Cbr\u003E\u003C\u002Fhead\u003E\u003Cbr\u003E\r\n\u003Cbr\u003E\u003Cp\u003E\u003Chead\u003E\r\n \u003Cstyle\u003E\r\n .box{\r\n width:200px;\r\n }\r\n \u003C\u002Fstyle\u003E\r\n\u003C\u002Fhead\u003E\r\n\u003Cbody\u003E\r\n \u003Cdiv class=”box”\u003E Информация \u003C\u002Fdiv\u003E\r\n\u003C\u002Fbody\u003E\u003Cbr\u003E\u003Cp\u003EСпособы добавления стилей\u003Cbr\u003E\u003Cp\u003EВнутритекстовые стили \u003Cbr\u003E\u003Cp\u003EВстраиваемые стили\u003Cbr\u003E\u003Cp\u003EВнешняя таблица стилей\u003Cbr\u003E\u003Cp\u003E\u003Cdiv style=“width:200px; color: red; ”\u003E \u003Cbr\u003E Информация \u003Cbr\u003E\u003C\u002Fdiv\u003E\u003Cbr\u003E","\u003Cp\u003ECSS\u003Cbr\u003E\u003Cp\u003ECSS (Cascading Style Sheets), или каскадные таблицы стилей, описывают правила форматирования отдельного элемента веб-страницы.\u003Cbr\u003EСоздав стиль один раз, его можно применять к любым элементам страницы сколько угодно раз.\u003Cbr\u003EОпределение стиля состоит из двух основных частей: самого элемент веб-страницы –селектора, и команды форматирования – блока объявления.\u003Cbr\u003EСелектор сообщает браузеру, какой именно элемент форматировать, в блоке объявления перечисляются форматирующие команды.\u003Cbr\u003E","\u003Cp\u003ECSS\u003Cbr\u003E\u003Cp\u003EПринцип наследования заключается в том, что свойства CSS, объявленные для элементов-предков, наследуются элементами потомками.\u003Cbr\u003EПринцип каскадирования представляет собой процесс применения различных правил к одному и тому же элементу. Более конкретные правила имеют приоритет над более общими. Если в отношение одного и того же элемента определено несколько стилей, то в результате к нему будет применен последний из них.\u003Cbr\u003E","\u003Cp\u003EПРИОРИТЕТЫ\u003Cbr\u003E\u003Cp\u003EНаиболее низким приоритетом обладает стиль браузера.\u003Cbr\u003EСледующим по значимости является стиль, заданный пользователем браузера в его настройках.\u003Cbr\u003EИ наиболее высоким приоритетом обладает стиль, заданный непосредственно автором страницы.\r\n\u003Cbr\u003EСамым низким приоритетом обладают стили, наследуемые в документе элементом от своих предков.\u003Cbr\u003EБолее высоким приоритетом обладают стили, заданные во внешних таблицах стилей, подключённых к документу.\u003Cbr\u003EЕщё более высоким приоритетом обладают стили, заданные непосредственно селекторами, содержащимися в контейнерах style данного документа.\u003Cbr\u003EЗатем приоритетом обладают стили, объявленные непосредственно в теге данного элемента посредством атрибута style этого тега.\u003Cbr\u003EИ наконец самым высоким приоритетом обладают стили, объявленные автором страницы или пользователем, с помощью сопроводительного слова!important.\u003Cbr\u003E","\u003Cp\u003EПсевдоэлементы и псевдоклассы\u003Cbr\u003E\u003Cp\u003EПсевдоклассы – это селекторы, которые определяют состояние уже существующих элементов, которое может меняться при определенных условиях (например, E:hover).\u003Cbr\u003EПсевдоэлементы – это селекторы, которые определяют область элементов, которая изначально отсутствует в дереве документа. Эта область создается искусственно с помощью CSS (например, E::first-letter).\u003Cbr\u003EКлючевое отличие между ними в том, что псевдоклассы определяют именно состояние элементов, которые уже существуют на странице, а псевдоэлементы создают области (искусственные элементы), которых изначально на веб-странице не было. Но и те и другие отсутствуют в исходном коде документа.\r\n\u003Cbr\u003EРазница : псевдокласс задает стиль для элемента страницы, а псевдоэлемент задаёт стиль для части элемента страницы и даже может создавать дополнительную часть.\u003Cbr\u003E","\u003Cp\u003EСписок псевдоэлементов\u003Cbr\u003E\u003Cp\u003EОдной из самых распространённых задач является добавление фразы до или после элемента. \u003Cbr\u003EПсевдоэлементы after и before предназначены для \"врезки\" в страницу сайта контента который изначально неуказан в HTML документе. Вставляется содержание перед (:before) или после (:after) какого либо элемента с помощью свойства content, которое собственно и определяет содержимое для вставки.\u003Cbr\u003Ep:after {content: “Text!\"; }\u003Cbr\u003E","\u003Cp\u003ECSS\u003Cbr\u003E\u003Cp\u003EКурсор\u003Cbr\u003E\u003Cp\u003EОтступы\u003Cbr\u003E\u003Cp\u003EФон\u003Cbr\u003E\u003Cp\u003EШрифт\u003Cbr\u003E\u003Cp\u003EЦвет\u003Cbr\u003E\u003Cp\u003Etext-align, vertical-align, text-indent, line-height\u003Cbr\u003E\u003Cp\u003EГраницы\u003Cbr\u003E\u003Cp\u003EТекст\u003Cbr\u003E\u003Cp\u003Efont-famile, font-weight,font-size\u003Cbr\u003E\u003Cp\u003Ecolor\u003Cbr\u003E\u003Cp\u003Ebackground\u003Cbr\u003E\u003Cp\u003Eborder\u003Cbr\u003E\u003Cp\u003Eoverflow, cursor\u003Cbr\u003E\u003Cp\u003Epadding, margin\u003Cbr\u003E","\u003Cp\u003ECSS текст\u003Cbr\u003E\u003Cp\u003ECSS текст представляет набор css-стилей для форматирования текстового содержимого веб-страниц.\u003Cbr\u003E","\u003Cp\u003ECSS шрифты\u003Cbr\u003E\u003Cp\u003EТекст основного содержимого веб-страницы должен быть в первую очередь читабельным. \u003Cbr\u003EНе рекомендуется использовать более двух шрифтов на странице.\u003Cbr\u003E\u003Cp\u003ECSS шрифты управляют внешним видом шрифта текста веб-страниц. \u003Cbr\u003E","\u003Cp\u003EФон и фоновые изображения на веб-странице\r\n\u003Cbr\u003E","\u003Cp\u003ECSS границы (рамка)\u003Cbr\u003E\u003Cp\u003ECSS рамка задается с помощью краткого свойства border\u003Cbr\u003EСтиль рамки задается с помощью трех свойств: стиль, цвет и ширина.\u003Cbr\u003E","\u003Cp\u003ECSS отступы\u003Cbr\u003E\u003Cp\u003EОбласть содержимого – это содержимое элемента.\u003Cbr\u003EВнешний отступ (margin) добавляет отступы за границами элемента, создавая тем самым промежутки между элементами.\u003Cbr\u003EОни всегда остаются прозрачными и через них виден фон родительского элемента.\u003Cbr\u003EЗначения padding и margin задаются в следующем порядке: верхнее, правое, нижнее и левое.\u003Cbr\u003E\u003Cp\u003EВнутренний отступ, или поле элемента, (padding) добавляет отступы внутри элемента, между его основным содержимым и его границей. Если для элемента задать фон, то он распространится также и на поля элемента. Внутренний отступ не может принимать отрицательных значений, в отличие от внешнего отступа.\u003Cbr\u003E","\u003Cp\u003EКурсор мыши и полоса прокрутки\u003Cbr\u003E\u003Cp\u003EДля полосы прокрутки\u003Cbr\u003E: атрибут overflow \r\nvisible - Элемент растягивается до необходимых размеров. (по умолчанию)\u003Cbr\u003E\thidden - Содержание элемента \"обрезается\" видна лишь та его часть что помещается в элементе.\u003Cbr\u003E\tscroll - Добавляются полосы прокрутки (всегда! даже если содержание помещается в пределах элемента).\u003Cbr\u003E\tauto - Полосы прокрутки добавляются при необходимости.\u003Cbr\u003Eдля курсора мыши: значение по умолчанию cursor: pointer;\u003Cbr\u003E\u003Cbr\u003E","\u003Cp\u003EВсе выдохноли \u003Cbr\u003E"],href:"\u002Finformatika\u002Fverstka-saytov-html5-css3",href_category:"\u002Finformatika",date:1627673142,related:[{id:201692,name:"Просмотр Web-страниц. Поисковые системы Интернет. 7 класс",href:"\u002Finformatika\u002Fprosmotr-web-stranits-poiskovye-sistemy-internet",jpg:"jpg\u002F201692"},{id:407194,name:"Основы WEB. HTML формы",href:"\u002Finformatika\u002Fosnovy-web-html-formy",jpg:"jpg\u002F407194"},{id:383744,name:"Эффективные каналы коммуникации",href:"\u002Finformatika\u002Feffektivnye-kanaly-kommunikatsii",jpg:"jpg\u002F383744"},{id:101529,name:"Информатика. Базовый курс",href:"\u002Finformatika\u002Finformatika-bazovyy-kurs",jpg:"jpg\u002F101529"},{id:598783,name:"Пресс для тюбика на 3D принтере",href:"\u002Finformatika\u002Fpress-dlya-tyubika-na-3d-printere",jpg:"jpg\u002F598783"},{id:606714,name:"Программирование на языке Паскаль (7 класс)",href:"\u002Finformatika\u002Fprogrammirovanie-na-yazyke-paskal-7-klass-3",jpg:"jpg\u002F606714"},{id:150375,name:"Основы программной инженерии",href:"\u002Finformatika\u002Fosnovy-programmnoy-inzhenerii-2",jpg:"jpg\u002F150375"},{id:577205,name:"Взаимодействие со Службой занятости населения с помощью портала Работа России",href:"\u002Finformatika\u002Fvzaimodeystvie-so-sluzhboy-zanyatosti-naseleniya-s-1",jpg:"jpg\u002F577205"},{id:214833,name:"Умный город. ИТМО хайпарк",href:"\u002Finformatika\u002Fumnyy-gorod-itmo-haypark-1",jpg:"jpg\u002F214833"},{id:308861,name:"Информационно-аналитические системы как основа интегрированной системы управления экономическим развитием Санкт-Петербурга",href:"\u002Finformatika\u002Finformatsionno-analiticheskie-sistemy-kak-osnova-integrirovannoy-1",jpg:"jpg\u002F308861"},{id:93848,name:"Bubbles Коммуникативный проект в дополненной реальности",href:"\u002Finformatika\u002Fbubbles-kommunikativnyy-proekt-v-dopolnennoy-realnosti",jpg:"jpg\u002F93848"},{id:420290,name:"Компьютерные программные продукты для разработки бизнес-планов (Project Expert, COMFAR, Альт-Инвест, PROPSPIN)",href:"\u002Finformatika\u002Fkompyuternye-programmnye-produkty-dlya-razrabotki-biznes",jpg:"jpg\u002F420290"},{id:147850,name:"Наукометричні міжнародні бази даних",href:"\u002Finformatika\u002Fnaukometrichn-mzhnarodn-bazi-danih",jpg:"jpg\u002F147850"},{id:590442,name:"Компьютерная сеть",href:"\u002Finformatika\u002Fkompyuternaya-set-3",jpg:"jpg\u002F590442"},{id:367416,name:"Жизненный цикл программы. Программный продукт и его характеристики. Основные этапы решения задач на компьютере",href:"\u002Finformatika\u002Fzhiznennyy-tsikl-programmy-programmnyy-produkt-i",jpg:"jpg\u002F367416"},{id:145921,name:"Программы Microsoft Office",href:"\u002Finformatika\u002Fprogrammy-microsoft-office",jpg:"jpg\u002F145921"},{id:258705,name:"Хранение информационных объектов различных видов на различных цифровых носителях",href:"\u002Finformatika\u002Fhranenie-informatsionnyh-obektov-razlichnyh-vidov-na-1",jpg:"jpg\u002F258705"},{id:4972,name:"Основы передачи данных на физическом уровне",href:"\u002Finformatika\u002Fosnovy-peredachi-dannyh-na-fizicheskom-urovne",jpg:"jpg\u002F4972"},{id:20808,name:"Evernote",href:"\u002Finformatika\u002Fevernote",jpg:"jpg\u002F20808"},{id:96052,name:"Virtual reality",href:"\u002Finformatika\u002Fvirtual-reality-1",jpg:"jpg\u002F96052"},{id:383667,name:"Информатизация – важное условие организации образовательного процесса в МБОУ СОШ №19",href:"\u002Finformatika\u002Finformatizatsiya--vazhnoe-uslovie-organizatsii-obrazovatelnogo",jpg:"jpg\u002F383667"},{id:426620,name:"Растровые алгоритмы",href:"\u002Finformatika\u002Frastrovye-algoritmy",jpg:"jpg\u002F426620"},{id:309400,name:"Thiết kế các bộ lọc số",href:"\u002Finformatika\u002Fthit-k-cc-b-lc-s",jpg:"jpg\u002F309400"},{id:20930,name:"Java 4 WEB. Lesson 3 - OOP",href:"\u002Finformatika\u002Fjava-4-web-lesson-3-oop",jpg:"jpg\u002F20930"},{id:598546,name:"Планирование и проектирование ПО. Требования к ПО",href:"\u002Finformatika\u002Fplanirovanie-i-proektirovanie-po-trebovaniya-k",jpg:"jpg\u002F598546"},{id:352821,name:"Информация и её свойства",href:"\u002Finformatika\u002Finformatsiya-i-eyo-svoystva-3",jpg:"jpg\u002F352821"},{id:89188,name:"Бүгінгі күнгі Visual Basic және Delphi программалары",href:"\u002Finformatika\u002Fbgng-kng-visual-basic-zhne-delphi",jpg:"jpg\u002F89188"},{id:96414,name:"Динамические структуры данных. Тема 9",href:"\u002Finformatika\u002Fdinamicheskie-struktury-dannyh-tema-9",jpg:"jpg\u002F96414"}],navigation:{next:"\u002Fpedagogika\u002Fprofessiya-energetik",next_name:"Профессия энергетик",prev:"\u002Fmenedzhment\u002Finformatsionnaya-sistema-megaplan-crm",prev_name:"Информационная система Мегаплан-CRM"}}},categories:{result:[{id:l,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:l,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:I,pseudoname:"informatika"},{id:109,ordering:9,name:"История",pseudoname:"istoriya"},{id:139,ordering:10,name:"Литература",pseudoname:"literatura"},{id:119,ordering:11,name:"Маркетинг",pseudoname:"marketing"},{id:114,ordering:12,name:"Математика",pseudoname:"matematika"},{id:138,ordering:h,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: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: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:e,config:{public:{SITE_NAME:J,SITE_HOST:"mypreza.com",SITE_LANG:K,API_BASE_URL:"https:\u002F\u002Fmypreza.com\u002Fapi\u002F",pwaManifest:{name:J,short_name:a,description:a,lang:K,start_url:"\u002F?standalone=true",display:"standalone",background_color:j,theme_color:"#000000",icons:[{src:"\u002F_nuxt\u002Ficons\u002F64x64.f2a6e93d.png",type:d,sizes:L,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F64x64.maskable.f2a6e93d.png",type:d,sizes:L,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F120x120.f2a6e93d.png",type:d,sizes:M,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F120x120.maskable.f2a6e93d.png",type:d,sizes:M,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F144x144.f2a6e93d.png",type:d,sizes:N,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F144x144.maskable.f2a6e93d.png",type:d,sizes:N,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F152x152.f2a6e93d.png",type:d,sizes:O,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F152x152.maskable.f2a6e93d.png",type:d,sizes:O,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F192x192.f2a6e93d.png",type:d,sizes:P,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F192x192.maskable.f2a6e93d.png",type:d,sizes:P,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F384x384.f2a6e93d.png",type:d,sizes:Q,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F384x384.maskable.f2a6e93d.png",type:d,sizes:Q,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F512x512.f2a6e93d.png",type:d,sizes:R,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F512x512.maskable.f2a6e93d.png",type:d,sizes:R,purpose:g}]},yandexMetrika:{id:"85004146",metrikaUrl:"https:\u002F\u002Fmc.yandex.ru\u002Fmetrika\u002Ftag.js",accurateTrackBounce:e,childIframe:c,clickmap:c,defer:c,useRuntimeConfig:e,trackHash:c,trackLinks:e,type:b,webvisor:c,triggerEvent:c,consoleLog:e,partytown:c,isDev:c}},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:c,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:c,strategy:{image_alt_words:h,item_slide_header:z,item_images:A,item_images_tag:B,item_words_h3:c,item_words_tag:C,item_words_1:h,routing:D,item_slide_skipping:E,item_download_timeout:F,item_slider_width:G,item_show_pdf:e,item_show_contents:e,item_show_filename:e},colors:{header_text:j,header_bg:i,accent:i}},social:H,token:a}}}}("",0,false,"image\u002Fpng",true,"any","maskable",13,"#d53032","#ffffff","Верстка сайтов (html5, css3)",1,"\u003Cp\u003EМета теги\u003Cbr\u003E","Учебные презентации","Презентации в PowerPoint на разные темы","Презентации, проекты, доклады в PowerPoint на разные темы для учебы","Презентация, на тему, урок, класс, PowerPoint, скачати презентацію, фон, шаблон, доклад, проект.","images\u002Fdata\u002Flogo.png",185,40,720,480,"6LeioWIpAAAAAGqMN4KqMVIkekcMW7fBKHjXCd-a","2503267","mypreza@ya.ru","h3a","text","none","h3","category","both",80,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","Информатика","Mypreza","ru","64x64","120x120","144x144","152x152","192x192","384x384","512x512"))</script><script type="module" src="/_nuxt/entry.0d6add34.js" crossorigin></script></body>
</html>
| 
