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


DOM.ppt

Содержание

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

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

Слайд 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/21ba5aa709835e4e9256d3bfb5fafef2-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Пример         Моя страница            Заголовок 1      Привет!    - корневой узел. Является родителем узлов и .Узлы и являются «братьями» (siblings) друг для друга и дочерними узлами для .Узел является единственным дочерним элементом для узла . Узел является родителем узла .Узлы и являются «братьями» (siblings) друг для друга и дочерними узлами для ."><img src="/img/thumbs/21ba5aa709835e4e9256d3bfb5fafef2-800x.jpg" title="DOM.ppt Пример         Моя страница            Заголовок" alt="Пример         Моя страница            Заголовок 1      Привет!"></a> </div> <hr> </div> <div class="descrip" id="slide13"> <h2><a href="/img/thumbs/f836a743164ec0c436725a0071c16f6a-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/f836a743164ec0c436725a0071c16f6a-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Пример         Моя страница            Заголовок 1      Привет!    Текстовый узел «Моя страница» является дочерним для узла .Текстовый узел «Заголовок 1» является дочерним для узла .Текстовый узел «Привет!» является дочерним для узла .Текстовые узлы «Заголовок 1» и «Привет!» НЕ ЯВЛЯЕЮТСЯ «братьями» (siblings), т.к. у них не один родитель."><img src="/img/thumbs/f836a743164ec0c436725a0071c16f6a-800x.jpg" title="DOM.ppt Пример         Моя страница            Заголовок" alt="Пример         Моя страница            Заголовок 1      Привет!"></a> </div> <hr> </div> <div class="descrip" id="slide14"> <h2><a href="/img/thumbs/bd5e564ba7e3ce7614fa5b9fe1d2eff7-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/bd5e564ba7e3ce7614fa5b9fe1d2eff7-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="DOM+JavaScriptВ JavaScript доступ к объектной модели документа можно получить через объект document"><img src="/img/thumbs/bd5e564ba7e3ce7614fa5b9fe1d2eff7-800x.jpg" title="DOM.ppt DOM+JavaScriptВ JavaScript доступ к объектной модели документа можно получить через объект document" alt="DOM+JavaScriptВ JavaScript доступ к объектной модели документа можно получить через объект document"></a> </div> <hr> </div> <div class="descrip" id="slide15"> <h2><a href="/img/thumbs/7f9ca1d6eded92b18f9a588e4398c487-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/7f9ca1d6eded92b18f9a588e4398c487-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Обращение к элементу по его идентификаторуМетод getElementById(id) объекта document возвращает один объект, описывающий элемент (узел) с переданным в метод идентификатором.var mainBlock = document.getElementById(“main”);……"><img src="/img/thumbs/7f9ca1d6eded92b18f9a588e4398c487-800x.jpg" title="DOM.ppt Обращение к элементу по его идентификаторуМетод getElementById(id) объекта document возвращает один" alt="Обращение к элементу по его идентификаторуМетод getElementById(id) объекта document возвращает один объект, описывающий элемент (узел) с переданным"></a> </div> <hr> </div> <div class="descrip" id="slide16"> <h2><a href="/img/thumbs/f2586d040fea728e8e6e0c54a62e3c50-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/f2586d040fea728e8e6e0c54a62e3c50-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Обращение к элементам одного типаМетод getElementsByTagName(tagName) возвращает объекты, описывающие ВСЕ теги с переданным в метод названиемvar links = document.getElementsByTagName(“a”);"><img src="/img/thumbs/f2586d040fea728e8e6e0c54a62e3c50-800x.jpg" title="DOM.ppt Обращение к элементам одного типаМетод getElementsByTagName(tagName) возвращает объекты, описывающие ВСЕ теги" alt="Обращение к элементам одного типаМетод getElementsByTagName(tagName) возвращает объекты, описывающие ВСЕ теги с переданным в метод названиемvar links"></a> </div> <hr> </div> <div class="descrip" id="slide17"> <h2><a href="/img/thumbs/03fe8d9cc9e2279526bef2d288412ce2-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/03fe8d9cc9e2279526bef2d288412ce2-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Обращение к элементам с одинаковым классомМетод getElementsByClassName(tagName) возвращает объекты, описывающие ВСЕ элементы с переданным в метод названием классаvar redElements = document.getElementsByClassName(“redElement”);"><img src="/img/thumbs/03fe8d9cc9e2279526bef2d288412ce2-800x.jpg" title="DOM.ppt Обращение к элементам с одинаковым классомМетод getElementsByClassName(tagName) возвращает объекты, описывающие ВСЕ" alt="Обращение к элементам с одинаковым классомМетод getElementsByClassName(tagName) возвращает объекты, описывающие ВСЕ элементы с переданным в метод названием"></a> </div> <hr> </div> <div class="descrip" id="slide18"> <h2><a href="/img/thumbs/0aac3b22dca41148481366ef41b21a55-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/0aac3b22dca41148481366ef41b21a55-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/0aac3b22dca41148481366ef41b21a55-800x.jpg" title="DOM.ppt Пример//получаем главный блок по его 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/671c181d55526c6943ca230eb06b267e-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/671c181d55526c6943ca230eb06b267e-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Основные свойства узловКаждый узел обладает свойством nodeName, которое доступно только для чтения и содержит: Название тега (для узлов-элементов) Название атрибута (для узлов-атрибутов) «#text» (для текстовых узлов) «#document» (для узла-документа)"><img src="/img/thumbs/671c181d55526c6943ca230eb06b267e-800x.jpg" title="DOM.ppt Основные свойства узловКаждый узел обладает свойством nodeName, которое доступно только для" alt="Основные свойства узловКаждый узел обладает свойством nodeName, которое доступно только для чтения и содержит: Название тега (для"></a> </div> <hr> </div> <div class="descrip" id="slide20"> <h2><a href="/img/thumbs/256b1b492388f5579259d8392ca0650f-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/256b1b492388f5579259d8392ca0650f-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Основные свойства узловКаждый узел обладает свойством nodeValue, которое содержит: undefined (для узлов-элементов) Для текстовых узлов – сам текст Значение атрибута (для узла-атрибута)"><img src="/img/thumbs/256b1b492388f5579259d8392ca0650f-800x.jpg" title="DOM.ppt Основные свойства узловКаждый узел обладает свойством nodeValue, которое содержит: undefined (для" alt="Основные свойства узловКаждый узел обладает свойством nodeValue, которое содержит: undefined (для узлов-элементов) Для текстовых узлов – сам"></a> </div> <hr> </div> <div class="descrip" id="slide21"> <h2><a href="/img/thumbs/2e7eb34cb3ff7d9c175a13498bc343c5-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/2e7eb34cb3ff7d9c175a13498bc343c5-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/2e7eb34cb3ff7d9c175a13498bc343c5-800x.jpg" title="DOM.ppt Основные свойства узловКаждый элемент обладает свойством 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/1508796770_DOMppt/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/osnovy-voennoy-sluzhby-6"> <img src="/img/tmb/7/630900/39b263ba43c71fcc987610cfad2fdaaa-800x.jpg" alt="ОСНОВЫ ВОЕННОЙ СЛУЖБЫ"> <span class="desc"> <span>ОСНОВЫ ВОЕННОЙ СЛУЖБЫ</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 123</span> </span> </a> </div> <div class="wrapper"> <a href="/uncategorized/simmetriya-reshetki"> <img src="/img/thumbs/d62666a9ac8f0ac8898de97a6c382d7b-800x.jpg" alt="Симметрия решетки"> <span class="desc"> <span>Симметрия решетки</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 262</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/suchasniy-stanproblemi-ta-perspektivi-venchurnogo-fnansuvannya"> <img src="/img/thumbs/a0cbcb7f6ec264ce51b0269f20f8783a-800x.jpg" alt="Сучасний стан,проблеми та перспективи венчурного фінансування в Україні"> <span class="desc"> <span>Сучасний стан,проблеми та перспективи венчурного фінансування в Україні</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 245</span> </span> </a> </div> <div class="wrapper"> <a href="/uncategorized/urok-istorii-v-5-klasse-po-2"> <img src="/img/tmb/7/609242/33d56c7cfc22becf6be3a037a87cde82-800x.jpg" alt="Урок истории в 5 классе по теме Древнейшие люди"> <span class="desc"> <span>Урок истории в 5 классе по теме Древнейшие люди</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 202</span> </span> </a> </div> <div class="wrapper"> <a href="/uncategorized/deti-voyny-25"> <img src="/img/tmb/7/628843/4caeef0586c73a82f4ddcd564f753931-800x.jpg" alt="Дети войны"> <span class="desc"> <span>Дети войны</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 208</span> </span> </a> </div> <div class="wrapper"> <a href="/uncategorized/ekstrennaya-reanimatsionnaya-pomoshch-1"> <img src="/img/thumbs/af88041f387ae67447f3177cbb3fb444-800x.jpg" alt="Экстренная реанимационная помощь"> <span class="desc"> <span>Экстренная реанимационная помощь</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 221</span> </span> </a> </div> <div class="wrapper"> <a href="/uncategorized/szhasfendiyarov-atynday-aza-ltty-meditsina-universitet-9"> <img src="/img/thumbs/a047cd9147853903e34a7ca736394f6e-800x.jpg" alt="С.Ж.Асфендияров атындағы Қазақ Ұлттық Медицина Университеті"> <span class="desc"> <span>С.Ж.Асфендияров атындағы Қазақ Ұлттық Медицина Университеті</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 213</span> </span> </a> </div> <div class="wrapper"> <a href="/uncategorized/otchetnaya-konferentsiyatos-sputnik2019"> <img src="/img/thumbs/a55d6e123ee6cda76cfb3e3886fffdde-800x.jpg" alt="ОТЧЕТНАЯ КОНФЕРЕНЦИЯ ТОС Спутник 2019"> <span class="desc"> <span>ОТЧЕТНАЯ КОНФЕРЕНЦИЯ ТОС Спутник 2019</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 214</span> </span> </a> </div> <div class="wrapper"> <a href="/uncategorized/integrirovannyy-hr-hr-kak-biznes-partner"> <img src="/img/thumbs/a7878b08dd025f9c67defc1aaf96f063-800x.jpg" alt="Интегрированный HR. HR как бизнес-партнер"> <span class="desc"> <span>Интегрированный HR. HR как бизнес-партнер</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 279</span> </span> </a> </div> <div class="wrapper"> <a href="/uncategorized/prezentatsiya-po-istorii-na-temu-evropeyskaya"> <img src="/img/thumbs/2079e5c03fd54ba807e923b67bb33749-800x.jpg" alt="Презентация по истории на тему: Европейская скульптура XIV-XII вв."> <span class="desc"> <span>Презентация по истории на тему: Европейская скульптура XIV-XII вв.</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 223</span> </span> </a> </div> <div class="wrapper"> <a href="/uncategorized/tarskiy-vestnikezhe-m-esya-ch-nyh-1"> <img src="/img/thumbs/4f3672bd0bc3196e12e14389735da9df-800x.jpg" alt="ТАРСКИЙ ВЕСТНИК еже М еся Ч ных С татей ТЕРРИТОРИАЛЬНЫЙ ОТДЕЛ НАДЗОРНОЙ"> <span class="desc"> <span>ТАРСКИЙ ВЕСТНИК еже М еся Ч ных С татей ТЕРРИТОРИАЛЬНЫЙ ОТДЕЛ НАДЗОРНОЙ</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 190</span> </span> </a> </div> <div class="wrapper"> <a href="/uncategorized/kontrolnyy-list-marketingovogo-plana-2-vnutrennyaya"> <img src="/img/thumbs/5aea61259ed710e7d614de9923c7f6f4-800x.jpg" alt="Контрольный лист маркетингового плана 2. Внутренняя среда"> <span class="desc"> <span>Контрольный лист маркетингового плана 2. Внутренняя среда</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 216</span> </span> </a> </div> <div class="wrapper"> <a href="/uncategorized/diagnosticheskie-algoritmy"> <img src="/img/thumbs/eca7d3c5e2d10d60ec029c376513f3fd-800x.jpg" alt="Диагностические алгоритмы"> <span class="desc"> <span>Диагностические алгоритмы</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 381</span> </span> </a> </div> <div class="wrapper"> <a href="/uncategorized/blm-alushylara-kriteriylerd-zhetkzu"> <img src="/img/thumbs/7121a8db7d365a1bb3f3dabd9a432d94-800x.jpg" alt="Білім алушылар?а критерийлерді жеткізу"> <span class="desc"> <span>Білім алушылар?а критерийлерді жеткізу</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 195</span> </span> </a> </div> <div class="wrapper"> <a href="/uncategorized/vserossiyskiy-konkurs-2029"> <img src="/img/tmb/7/628863/6767ec223f7d4f9cf6a4df5cf93494e8-800x.jpg" alt="ВСЕРОССИЙСКИЙ КОНКУРС:"> <span class="desc"> <span>ВСЕРОССИЙСКИЙ КОНКУРС:</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 136</span> </span> </a> </div> <div class="wrapper"> <a href="/uncategorized/pishi-krasivo2018god-1"> <img src="/img/thumbs/62ffb98c5ee8f8cc585b38ec2478a705-800x.jpg" alt="Пиши красиво! 2018год"> <span class="desc"> <span>Пиши красиво! 2018год</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 215</span> </span> </a> </div> <div class="wrapper"> <a href="/uncategorized/innovatsionnye-metody-po-ozeleneniyu-4"> <img src="/img/thumbs/37324bb92070c4f3d63bf74e5ce69e8a-800x.jpg" alt="Инновационные методы по озеленению"> <span class="desc"> <span>Инновационные методы по озеленению</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 190</span> </span> </a> </div> <div class="wrapper"> <a href="/uncategorized/mify-torgovli"> <img src="/img/thumbs/2c1a3f399ac560d68295b84ee88f18ce-800x.jpg" alt="Мифы торговли"> <span class="desc"> <span>Мифы торговли</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 176</span> </span> </a> </div> <div class="wrapper"> <a href="/uncategorized/hvorobi-novonarodzhenih-nemovlyat-ta-dtey-rannogo"> <img src="/img/thumbs/9bc57ec38e80bac2c61fe7a1e3c612dc-800x.jpg" alt="Хвороби новонароджених, немовлят та дітей раннього віку. Догляд за хворими"> <span class="desc"> <span>Хвороби новонароджених, немовлят та дітей раннього віку. Догляд за хворими</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 256</span> </span> </a> </div> <div class="wrapper"> <a href="/uncategorized/telenovosti"> <img src="/img/thumbs/c51f831f3fcc53053bc081ba1dbd29ad-800x.jpg" alt="ТелеНовости"> <span class="desc"> <span>ТелеНовости</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 227</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>