Разделы презентаций


DOM

Содержание

Современные веб-страницыЭлементы страницы могут динамическиИзменятьсяДобавлятьсяУдаляться

Слайды и текст этой презентации

Слайд 1DOM

DOM

Слайд 2Современные веб-страницы
Элементы страницы могут динамически
Изменяться
Добавляться
Удаляться

Современные веб-страницыЭлементы страницы могут динамическиИзменятьсяДобавлятьсяУдаляться

Слайд 3Что собой представляет документ?

Что собой представляет документ?

Слайд 4А что если представить документ так?
Документ
Корневой элемент

Элемент

Элемент

Текст
«Моя страница»
Элемент

Элемент

Текст
«Заголовок 1»
Текст
«Текст страницы»

А что если представить документ так?ДокументКорневой элементЭлементЭлементТекст«Моя страница»ЭлементЭлементТекст«Заголовок 1»Текст«Текст страницы»

Слайд 5W3C DOM
DOM (Document Object Model) – объектная модель документа
Независимый от

платформы или языка интерфейс, позволяющий программам динамически обращаться к содержимому

и структуре документа, а также изменять его
W3C DOMDOM (Document Object Model) – объектная модель документаНезависимый от платформы или языка интерфейс, позволяющий программам динамически

Слайд 6
Стандарт DOM позволяет рассматривать документ как набор объектов, формирующих определенную

структуру

Стандарт DOM позволяет рассматривать документ как набор объектов, формирующих определенную структуру

Слайд 8DOM-дерево
Документ
Корневой элемент

Элемент

Элемент

Текст
«Моя страница»
Элемент

Элемент

Текст
«Заголовок 1»
Текст
«Текст страницы»

DOM-деревоДокументКорневой элементЭлементЭлементТекст«Моя страница»ЭлементЭлементТекст«Заголовок 1»Текст«Текст страницы»

Слайд 9Структура документа
Основная структурная единица дерева документа – узел (node). Узлами

являются:
Документ (document node)
Любой HTML-элемент (element node)
Текст внутри тега (text node)
Любой

атрибут тега (attribute node)
Комментарий (comment node)
Структура документаОсновная структурная единица дерева документа – узел (node). Узлами являются:Документ (document node)Любой HTML-элемент (element node)Текст внутри

Слайд 10Виды связей между узлами
A
B
С
D
Узел A – это родитель (parent) узла

B
Узел B – дочерний узел (child) для узла A
Узел B

– это родитель (parent) узлов C и D
Узлы C и D – дочерние узлы (children) для узла B
У узлов C и D нет дочерних узлов
У узла A нет узла-родителя
Узлы C и D – «братья» (siblings)

Виды связей между узламиABСDУзел A – это родитель (parent) узла BУзел B – дочерний узел (child) для

Слайд 11Правила
Каждый узел имеет строго одного родителя (кроме узла документа)
Узел может

иметь любое количество дочерних узлов (0 и более)
«Братья» (siblings) –

дочерние узлы одного родителя
ПравилаКаждый узел имеет строго одного родителя (кроме узла документа)Узел может иметь любое количество дочерних узлов (0 и

Слайд 12Пример
       
Моя страница
          
Заголовок 1
    
Привет!

  
- корневой узел. Является родителем узлов

и .
Узлы и являются «братьями» (siblings) друг для друга и дочерними узлами для .
Узел является единственным дочерним элементом для узла <head>. Узел <head> является родителем узла <title>.<br>Узлы <h1> и <p> являются «братьями» (siblings) друг для друга и дочерними узлами для <body>.<br><br> </div> <div class="image"> <a href="/img/thumbs/127149c721acc710e6d38289e5e4d0cf-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Пример         Моя страница            Заголовок 1      Привет!    - корневой узел. Является родителем узлов и .Узлы и являются «братьями» (siblings) друг для друга и дочерними узлами для .Узел является единственным дочерним элементом для узла . Узел является родителем узла .Узлы и являются «братьями» (siblings) друг для друга и дочерними узлами для ."><img src="/img/thumbs/127149c721acc710e6d38289e5e4d0cf-800x.jpg" title="DOM Пример         Моя страница            Заголовок" alt="Пример         Моя страница            Заголовок 1      Привет!"></a> </div> <hr> </div> <div class="descrip" id="slide13"> <h2><a href="/img/thumbs/d2ef591029cf0f001d8617d9cdf8f67a-800x.jpg" target="_blank">Слайд 13</a>Пример<br>        <br> Моя страница<br>           <br> Заголовок 1<br>     <br> Привет!<br></h2> <div class="text"> <h3>    <br>Текстовый узел «Моя страница» является дочерним для узла</h3> <title>.<br>Текстовый узел «Заголовок 1» является дочерним для узла <h1>.<br>Текстовый узел «Привет!» является дочерним для узла <p>.<br>Текстовые узлы «Заголовок 1» и «Привет!» НЕ ЯВЛЯЕЮТСЯ «братьями» (siblings), т.к. у них не один родитель.<br><br> </div> <div class="image"> <a href="/img/thumbs/d2ef591029cf0f001d8617d9cdf8f67a-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Пример         Моя страница            Заголовок 1      Привет!    Текстовый узел «Моя страница» является дочерним для узла .Текстовый узел «Заголовок 1» является дочерним для узла .Текстовый узел «Привет!» является дочерним для узла .Текстовые узлы «Заголовок 1» и «Привет!» НЕ ЯВЛЯЕЮТСЯ «братьями» (siblings), т.к. у них не один родитель."><img src="/img/thumbs/d2ef591029cf0f001d8617d9cdf8f67a-800x.jpg" title="DOM Пример         Моя страница            Заголовок" alt="Пример         Моя страница            Заголовок 1      Привет!"></a> </div> <hr> </div> <div class="descrip" id="slide14"> <h2><a href="/img/thumbs/7ffd9ca7cffe536f0890198d3337e682-800x.jpg" target="_blank">Слайд 14</a>DOM+JavaScript<br>В JavaScript доступ к объектной модели документа можно получить через</h2> <div class="text"> <h3>объект document<br></h3> </div> <div class="image"> <a href="/img/thumbs/7ffd9ca7cffe536f0890198d3337e682-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="DOM+JavaScriptВ JavaScript доступ к объектной модели документа можно получить через объект document"><img src="/img/thumbs/7ffd9ca7cffe536f0890198d3337e682-800x.jpg" title="DOM DOM+JavaScriptВ JavaScript доступ к объектной модели документа можно получить через объект document" alt="DOM+JavaScriptВ JavaScript доступ к объектной модели документа можно получить через объект document"></a> </div> <hr> </div> <div class="descrip" id="slide15"> <h2><a href="/img/thumbs/6ae6501474ad1f287c46ae7cf5e76461-800x.jpg" target="_blank">Слайд 15</a>Обращение к элементу по его идентификатору<br>Метод getElementById(id) объекта document возвращает</h2> <div class="text"> <h3>один объект, описывающий элемент (узел) с переданным в метод идентификатором.<br><br>var</h3> mainBlock = document.getElementById(“main”);<br>…<br><div id=“main”>…</div><br><br><br><br> </div> <div class="image"> <a href="/img/thumbs/6ae6501474ad1f287c46ae7cf5e76461-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Обращение к элементу по его идентификаторуМетод getElementById(id) объекта document возвращает один объект, описывающий элемент (узел) с переданным в метод идентификатором.var mainBlock = document.getElementById(“main”);……"><img src="/img/thumbs/6ae6501474ad1f287c46ae7cf5e76461-800x.jpg" title="DOM Обращение к элементу по его идентификаторуМетод getElementById(id) объекта document возвращает один" alt="Обращение к элементу по его идентификаторуМетод getElementById(id) объекта document возвращает один объект, описывающий элемент (узел) с переданным"></a> </div> <hr> </div> <div class="descrip" id="slide16"> <h2><a href="/img/thumbs/2b2cac9df88001775204ba8be1398c99-800x.jpg" target="_blank">Слайд 16</a>Обращение к элементам одного типа<br>Метод getElementsByTagName(tagName) возвращает объекты, описывающие ВСЕ</h2> <div class="text"> <h3>теги с переданным в метод названием<br><br>var links = document.getElementsByTagName(“a”);<br></h3> </div> <div class="image"> <a href="/img/thumbs/2b2cac9df88001775204ba8be1398c99-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Обращение к элементам одного типаМетод getElementsByTagName(tagName) возвращает объекты, описывающие ВСЕ теги с переданным в метод названиемvar links = document.getElementsByTagName(“a”);"><img src="/img/thumbs/2b2cac9df88001775204ba8be1398c99-800x.jpg" title="DOM Обращение к элементам одного типаМетод getElementsByTagName(tagName) возвращает объекты, описывающие ВСЕ теги" alt="Обращение к элементам одного типаМетод getElementsByTagName(tagName) возвращает объекты, описывающие ВСЕ теги с переданным в метод названиемvar links"></a> </div> <hr> </div> <div class="descrip" id="slide17"> <h2><a href="/img/thumbs/5d1bf72500b2d61bd41bc42df6ab993f-800x.jpg" target="_blank">Слайд 17</a>Обращение к элементам с одинаковым классом<br>Метод getElementsByClassName(tagName) возвращает объекты, описывающие</h2> <div class="text"> <h3>ВСЕ элементы с переданным в метод названием класса<br><br>var redElements =</h3> document.getElementsByClassName(“redElement”);<br> </div> <div class="image"> <a href="/img/thumbs/5d1bf72500b2d61bd41bc42df6ab993f-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Обращение к элементам с одинаковым классомМетод getElementsByClassName(tagName) возвращает объекты, описывающие ВСЕ элементы с переданным в метод названием классаvar redElements = document.getElementsByClassName(“redElement”);"><img src="/img/thumbs/5d1bf72500b2d61bd41bc42df6ab993f-800x.jpg" title="DOM Обращение к элементам с одинаковым классомМетод getElementsByClassName(tagName) возвращает объекты, описывающие ВСЕ" alt="Обращение к элементам с одинаковым классомМетод getElementsByClassName(tagName) возвращает объекты, описывающие ВСЕ элементы с переданным в метод названием"></a> </div> <hr> </div> <div class="descrip" id="slide18"> <h2><a href="/img/thumbs/63497c1d90ee8ba9c77f0691941e5a06-800x.jpg" target="_blank">Слайд 18</a>Пример<br>//получаем главный блок по его id<br>var mainBlock = document.getElementById(“main”);<br>//получаем все</h2> <div class="text"> <h3>ссылки внутри главного блока<br>var linksInsideMain = mainBlock.getElementsByTagName(“a”);<br>//получаем все ссылки на</h3> странице<br>var allLinks = document.getElementsByTagName(“a”);<br><br><br> </div> <div class="image"> <a href="/img/thumbs/63497c1d90ee8ba9c77f0691941e5a06-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Пример//получаем главный блок по его idvar mainBlock = document.getElementById(“main”);//получаем все ссылки внутри главного блокаvar linksInsideMain = mainBlock.getElementsByTagName(“a”);//получаем все ссылки на страницеvar allLinks = document.getElementsByTagName(“a”);"><img src="/img/thumbs/63497c1d90ee8ba9c77f0691941e5a06-800x.jpg" title="DOM Пример//получаем главный блок по его idvar mainBlock = document.getElementById(“main”);//получаем все ссылки" alt="Пример//получаем главный блок по его idvar mainBlock = document.getElementById(“main”);//получаем все ссылки внутри главного блокаvar linksInsideMain = mainBlock.getElementsByTagName(“a”);//получаем"></a> </div> <hr> </div> <div class="descrip" id="slide19"> <h2><a href="/img/thumbs/08204b99ff0fbaa6963b29d22f192a62-800x.jpg" target="_blank">Слайд 19</a>Основные свойства узлов<br>Каждый узел обладает свойством nodeName, которое доступно только</h2> <div class="text"> <h3>для чтения и содержит:<br> Название тега (для узлов-элементов)<br> Название атрибута</h3> (для узлов-атрибутов)<br> «#text» (для текстовых узлов)<br> «#document» (для узла-документа)<br> </div> <div class="image"> <a href="/img/thumbs/08204b99ff0fbaa6963b29d22f192a62-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Основные свойства узловКаждый узел обладает свойством nodeName, которое доступно только для чтения и содержит: Название тега (для узлов-элементов) Название атрибута (для узлов-атрибутов) «#text» (для текстовых узлов) «#document» (для узла-документа)"><img src="/img/thumbs/08204b99ff0fbaa6963b29d22f192a62-800x.jpg" title="DOM Основные свойства узловКаждый узел обладает свойством nodeName, которое доступно только для" alt="Основные свойства узловКаждый узел обладает свойством nodeName, которое доступно только для чтения и содержит: Название тега (для"></a> </div> <hr> </div> <div class="descrip" id="slide20"> <h2><a href="/img/thumbs/178c94fd797761088de663c40c198b71-800x.jpg" target="_blank">Слайд 20</a>Основные свойства узлов<br>Каждый узел обладает свойством nodeValue, которое содержит:<br> undefined</h2> <div class="text"> <h3>(для узлов-элементов)<br> Для текстовых узлов – сам текст<br> Значение атрибута</h3> (для узла-атрибута)<br> </div> <div class="image"> <a href="/img/thumbs/178c94fd797761088de663c40c198b71-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Основные свойства узловКаждый узел обладает свойством nodeValue, которое содержит: undefined (для узлов-элементов) Для текстовых узлов – сам текст Значение атрибута (для узла-атрибута)"><img src="/img/thumbs/178c94fd797761088de663c40c198b71-800x.jpg" title="DOM Основные свойства узловКаждый узел обладает свойством nodeValue, которое содержит: undefined (для" alt="Основные свойства узловКаждый узел обладает свойством nodeValue, которое содержит: undefined (для узлов-элементов) Для текстовых узлов – сам"></a> </div> <hr> </div> <div class="descrip" id="slide21"> <h2><a href="/img/thumbs/c09290f12c89f06475e88b3353b5a9df-800x.jpg" target="_blank">Слайд 21</a>Основные свойства узлов<br>Каждый элемент обладает свойством innerHTML, которое позволяет получать</h2> <div class="text"> <h3>и изменять его содержимое (в виде строки)<br><br> A var p =</h3> document.getElementById("p1");<br> alert(p.innerHTML);<br> p.innerHTML=“B"; </script> </body> </html> <br> </div> <div class="image"> <a href="/img/thumbs/c09290f12c89f06475e88b3353b5a9df-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Основные свойства узловКаждый элемент обладает свойством innerHTML, которое позволяет получать и изменять его содержимое (в виде строки) A var p = document.getElementById("p1"); alert(p.innerHTML); p.innerHTML=“B"; "><img src="/img/thumbs/c09290f12c89f06475e88b3353b5a9df-800x.jpg" title="DOM Основные свойства узловКаждый элемент обладает свойством innerHTML, которое позволяет получать и" alt="Основные свойства узловКаждый элемент обладает свойством innerHTML, которое позволяет получать и изменять его содержимое (в виде строки)"></a> </div> <hr> </div> </div> <div class="custom" > <!-- Yandex.RTB R-A-448123-10 --> <div id="yandex_rtb_R-A-448123-10"></div> <script type="text/javascript"> (function(w, d, n, s, t) { w[n] = w[n] || []; w[n].push(function() { Ya.Context.AdvManager.render({ blockId: "R-A-448123-10", renderTo: "yandex_rtb_R-A-448123-10", async: true }); }); t = d.getElementsByTagName("script")[0]; s = d.createElement("script"); s.type = "text/javascript"; s.src = "//an.yandex.ru/system/context.js"; s.async = true; t.parentNode.insertBefore(s, t); })(this, this.document, "yandexContextAsyncCallbacks"); </script></div> <div class="url" id="download"><a href="/uncategorized/1544679239_DOM/download">Скачать презентацию</a></div> </div> <div class="right"> <div class="banners"> <div class="custom" > <!-- Yandex.RTB R-A-448123-2 --> <div id="yandex_rtb_R-A-448123-2"></div> <script type="text/javascript"> (function(w, d, n, s, t) { w[n] = w[n] || []; w[n].push(function() { Ya.Context.AdvManager.render({ blockId: "R-A-448123-2", renderTo: "yandex_rtb_R-A-448123-2", async: true }); }); t = d.getElementsByTagName("script")[0]; s = d.createElement("script"); s.type = "text/javascript"; s.src = "//an.yandex.ru/system/context.js"; s.async = true; t.parentNode.insertBefore(s, t); })(this, this.document, "yandexContextAsyncCallbacks"); </script></div> </div> <div class="list related"> <h2>Похожие презентации</h2> <div class="wrapper"> <a href="/uncategorized/metodicheskie-trebovaniya-k-razrabotke-instrumentariya-otsenki"> <img src="/img/tmb/6/582030/298adcd463030dd3d8bff7e673f4e8b8-800x.jpg" alt="Методические требования к разработке инструментария оценки аккультурации"> <span class="desc"> <span>Методические требования к разработке инструментария оценки аккультурации</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 233</span> </span> </a> </div> <div class="wrapper"> <a href="/uncategorized/morozhenoeo-kotorom-mechtaesh"> <img src="/img/thumbs/ebd926af77b8b787c3fc74c4971ad9a6-800x.jpg" alt="МОРОЖЕНОЕ о котором мечтаешь"> <span class="desc"> <span>МОРОЖЕНОЕ о котором мечтаешь</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 284</span> </span> </a> </div> <div class="custom" > <!-- Yandex.RTB R-A-448123-12 --> <script>window.yaContextCb.push(()=>{ Ya.Context.AdvManager.render({ type: 'fullscreen', blockId: 'R-A-448123-12' }) })</script></div> <div class="wrapper"> <a href="/uncategorized/ieronim-bosh-4"> <img src="/img/thumbs/853e149b46be5cfcb7fcc5870ac500c9-800x.jpg" alt="Иероним Босх"> <span class="desc"> <span>Иероним Босх</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 270</span> </span> </a> </div> <div class="wrapper"> <a href="/uncategorized/ekologicheskie-osnovy-parazitizma-v-tipe-kruglye-chervi-polnaya"> <img src="/img/thumbs/ed2378eee7d3c7fc28e5e9a42ce51226-800x.jpg" alt="Экологические основы паразитизма в типе Круглые черви. Полная"> <span class="desc"> <span>Экологические основы паразитизма в типе Круглые черви. Полная</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 530</span> </span> </a> </div> <div class="wrapper"> <a href="/uncategorized/kafedra-anatomii-cheloveka-imeni-professora-sz"> <img src="/img/thumbs/0f92f1511192e7cf9dbfaeaa852f41fb-800x.jpg" alt="Кафедра анатомии человека имени профессора С.З. Лукманова ОБЩАЯ"> <span class="desc"> <span>Кафедра анатомии человека имени профессора С.З. Лукманова ОБЩАЯ</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 315</span> </span> </a> </div> <div class="wrapper"> <a href="/uncategorized/predmet-obshchestvoznanie-tema-10-gosudarstvennyy-apparat"> <img src="/img/thumbs/cc2a2bc1e8d614b331b1c543f0381ca2-800x.jpg" alt="Предмет: Обществознание Тема 10. Государственный аппарат. Политические партии"> <span class="desc"> <span>Предмет: Обществознание Тема 10. Государственный аппарат. Политические партии</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 237</span> </span> </a> </div> <div class="wrapper"> <a href="/uncategorized/stirka-hlopchatobumazhnogo-belya-vruchnuyu-i-s"> <img src="/img/tmb/6/596157/4d97338b36498d6a232330a825b7c8b5-800x.jpg" alt="Стирка хлопчатобумажного белья вручную и с помощью стиральной машины"> <span class="desc"> <span>Стирка хлопчатобумажного белья вручную и с помощью стиральной машины</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 316</span> </span> </a> </div> <div class="wrapper"> <a href="/uncategorized/prezentatsiya-po-psihologii-na-temu-2"> <img src="/img/thumbs/2e50e1c0448a8f9d51cce691dfc69ea1-800x.jpg" alt="Презентация по психологии на тему:"> <span class="desc"> <span>Презентация по психологии на тему:</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 318</span> </span> </a> </div> <div class="wrapper"> <a href="/uncategorized/zhivaya-pamyat-afganistan-nasha-pamyat-i"> <img src="/img/thumbs/3ece4c0389e84fda334d7a8938a8d166-800x.jpg" alt="Живая память Афганистан…. наша память и боль"> <span class="desc"> <span>Живая память Афганистан…. наша память и боль</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 423</span> </span> </a> </div> <div class="wrapper"> <a href="/uncategorized/instruktsii-po-tehnike-bezopasnosti-v-obrazovatelnyh"> <img src="/img/thumbs/b79b6af3e5fc64d818974b0329da0a05-800x.jpg" alt="Инструкции по технике безопасности в образовательных учреждениях"> <span class="desc"> <span>Инструкции по технике безопасности в образовательных учреждениях</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 312</span> </span> </a> </div> <div class="wrapper"> <a href="/uncategorized/mkuk-mb-treteusmanskaya-selskaya-biblioteka-den"> <img src="/img/tmb/7/616220/27a2d9a2fc4648e62b21ea44babed8dd-800x.jpg" alt="МКУК МБ Третьеусманская сельская библиотека День воинской славы России – 9"> <span class="desc"> <span>МКУК МБ Третьеусманская сельская библиотека День воинской славы России – 9</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 187</span> </span> </a> </div> <div class="wrapper"> <a href="/uncategorized/rey-bredberiklipova-daryasamchuk-tatyana"> <img src="/img/thumbs/93e75bf9443895509cfaa621ab820b80-800x.jpg" alt="Рэй Брэдбери Клипова Дарья Самчук Татьяна"> <span class="desc"> <span>Рэй Брэдбери Клипова Дарья Самчук Татьяна</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 253</span> </span> </a> </div> <div class="wrapper"> <a href="/uncategorized/peredvizhenie-vodyipitatelnyh-veshchestvv-rastenii"> <img src="/img/thumbs/7505fccbe19157d077def1e4412736a0-800x.jpg" alt="Передвижение воды И Питательных веществ В растении"> <span class="desc"> <span>Передвижение воды И Питательных веществ В растении</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 384</span> </span> </a> </div> <div class="wrapper"> <a href="/uncategorized/vtoroy-priznak-ravenstva-treugolnikov-5"> <img src="/img/thumbs/a307730f01b711748b932ceffe7e966c-800x.jpg" alt="Второй признак равенства треугольников"> <span class="desc"> <span>Второй признак равенства треугольников</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 246</span> </span> </a> </div> <div class="wrapper"> <a href="/uncategorized/aleksandr-trifonovich-tvardovskiy110-let-so-dnya"> <img src="/img/tmb/6/573429/d27f977b479f87b4c9e6b792838ab91c-800x.jpg" alt="Александр Трифонович Твардовский 110 лет со дня рождения"> <span class="desc"> <span>Александр Трифонович Твардовский 110 лет со дня рождения</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 229</span> </span> </a> </div> <div class="wrapper"> <a href="/uncategorized/komnatnye-rasteniya-v-interere-kvartiry-7"> <img src="/img/tmb/6/572189/294a7ac4a99c9fd7bd971e53bea8ffdd-800x.jpg" alt="КОМНАТНЫЕ РАСТЕНИЯ В ИНТЕРЬЕРЕ КВАРТИРЫ"> <span class="desc"> <span>КОМНАТНЫЕ РАСТЕНИЯ В ИНТЕРЬЕРЕ КВАРТИРЫ</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 183</span> </span> </a> </div> <div class="wrapper"> <a href="/uncategorized/parad-na-krasnoy-ploshchadi-3"> <img src="/img/thumbs/91b88c8d1407d1a11878c5bbaae9b903-800x.jpg" alt="Парад на Красной площади"> <span class="desc"> <span>Парад на Красной площади</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 233</span> </span> </a> </div> <div class="wrapper"> <a href="/uncategorized/novogodnie-igrushki-zvezdochka-iz-kartona"> <img src="/img/thumbs/fa9bf3e05106e7bed8d6fe19a41ee6c8-800x.jpg" alt="Новогодние игрушки Звездочка из картона"> <span class="desc"> <span>Новогодние игрушки Звездочка из картона</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 270</span> </span> </a> </div> <div class="wrapper"> <a href="/uncategorized/russkiy-yazyk-1-klass-znakomstvo-s-razdelitelnoy-funktsiey-myagkogo-znaka"> <img src="/img/thumbs/b2dc75d8ee311df5b7f1e4ad7336fbf1-800x.jpg" alt="Русский язык 1 класс «Знакомство с разделительной функцией мягкого знака»"> <span class="desc"> <span>Русский язык 1 класс «Знакомство с разделительной функцией мягкого знака»</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 501</span> </span> </a> </div> <div class="wrapper"> <a href="/uncategorized/kafedra-operativnoy-hirurgii-i-topograficheskoy-anatomii-13"> <img src="/img/thumbs/83a246aef33e195ab8138a2415fd12f0-800x.jpg" alt="КАФЕДРА ОПЕРАТИВНОЙ ХИРУРГИИ И ТОПОГРАФИЧЕСКОЙ АНАТОМИИ"> <span class="desc"> <span>КАФЕДРА ОПЕРАТИВНОЙ ХИРУРГИИ И ТОПОГРАФИЧЕСКОЙ АНАТОМИИ</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 276</span> </span> </a> </div> <div class="clear"></div> </div> </div> </div> </div> </div> <div class="container bottom"> <div> <div class="call_back"> <h4><i class="fas fa-bullhorn"></i>Обратная связь</h4> <p>Если не удалось найти и скачать доклад-презентацию, Вы можете заказать его на нашем сайте. Мы постараемся найти нужный Вам материал и отправим по электронной почте. Не стесняйтесь обращаться к нам, если у вас возникли вопросы или пожелания:</p> <p>Email: <a href="#" class="js_hidden_email" data-address="abusetheslide" data-domain="ya.ru">Нажмите что бы посмотреть</a> </p> </div> <div class="links"> </div> <div class="whatis"> <h4><i class="fa fa-info text-red"></i>Что такое TheSlide.ru?</h4> <p>Это сайт презентации, докладов, проектов в PowerPoint. Здесь удобно  хранить и делиться своими презентациями с другими пользователями.</p> <hr /> <p><a href="/privacy">Для правообладателей</a></p> <a href="https://metrika.yandex.ru/stat/?id=48768281&from=informer" target="_blank" rel="nofollow"><img src="https://informer.yandex.ru/informer/48768281/3_1_FFFFFFFF_EFEFEFFF_0_pageviews" style="width:88px; height:31px; border:0;" alt="Яндекс.Метрика" title="Яндекс.Метрика: данные за сегодня (просмотры, визиты и уникальные посетители)" class="ym-advanced-informer" data-cid="48768281" data-lang="ru" /></a> <!--LiveInternet counter--> <script type="text/javascript"> document.write("<a href='//www.liveinternet.ru/click' "+ "target=_blank><img src='//counter.yadro.ru/hit?t16.2;r"+ escape(document.referrer)+((typeof(screen)=="undefined")?"": ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+ ";h"+escape(document.title.substring(0,150))+";"+Math.random()+ "' alt='' title='LiveInternet: показано число просмотров за 24"+ " часа, посетителей за 24 часа и за сегодня' "+ "border='0' width='88' height='31'><\/a>") </script> <!--/LiveInternet--> </div> <div class="clear"></div> </div> </div> <script src="/templates/presentation/js/script.js?2f7a446f4c1827ed407306caac7b976b"></script> </body> </html>