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


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/buynayatylar"> <img src="/img/thumbs/13ee4c0d066b269ff8f0cf9305818492-800x.jpg" alt="Буынаяқтылар"> <span class="desc"> <span>Буынаяқтылар</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 310</span> </span> </a> </div> <div class="wrapper"> <a href="/uncategorized/volonterskiy-otryad-xxi-vek-vybory"> <img src="/img/thumbs/44dc6efabec986d383ba17cc90fe265c-800x.jpg" alt="ВОЛОНТЕРСКИЙ ОТРЯД XXI ВЕК ВЫБОРЫ"> <span class="desc"> <span>ВОЛОНТЕРСКИЙ ОТРЯД XXI ВЕК ВЫБОРЫ</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 252</span> </span> </a> </div> <div class="wrapper"> <a href="/uncategorized/normy-russkogo-literaturnogo-yazyka-16"> <img src="/img/tmb/7/637619/e31ee17164221bd387e3e4b12db02b84-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="wrapper"> <a href="/uncategorized/read-the-sentence-fill-in-the-2"> <img src="/img/thumbs/93db9ad594a979a9efb545aea9e7131e-800x.jpg" alt="Read the sentence, fill in the gap, and then check"> <span class="desc"> <span>Read the sentence, fill in the gap, and then check</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 253</span> </span> </a> </div> <div class="wrapper"> <a href="/uncategorized/ustoychivoe-razvitie-4"> <img src="/img/tmb/7/608371/3d7cf140b641e37f29ff5f3c186c3bee-800x.jpg" alt="Устойчивое развитие"> <span class="desc"> <span>Устойчивое развитие</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 259</span> </span> </a> </div> <div class="wrapper"> <a href="/uncategorized/spetsialnye-obrazovatelnye-usloviya-obucheniya-i-vospitaniya"> <img src="/img/thumbs/ce94cae32d40f3518206b60eac7bab7e-800x.jpg" alt="Специальные образовательные условия обучения и воспитания детей с задержкой"> <span class="desc"> <span>Специальные образовательные условия обучения и воспитания детей с задержкой</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 281</span> </span> </a> </div> <div class="wrapper"> <a href="/uncategorized/tema-7-infuzii-i-osnovy-gemotransfuziologii"> <img src="/img/thumbs/c83097b0aec42d35aedbbd90bdd26c49-800x.jpg" alt="Тема 7. Инфузии и основы гемотрансфузиологии. Возможные осложнения"> <span class="desc"> <span>Тема 7. Инфузии и основы гемотрансфузиологии. Возможные осложнения</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 304</span> </span> </a> </div> <div class="wrapper"> <a href="/uncategorized/otchyot-po-uchebnoy-praktike-vypolnil-student"> <img src="/img/thumbs/e0bcfac9a2cc346264385063828ea50f-800x.jpg" alt="Отчёт по учебной практике Выполнил: студент группы БПБ-11 Еськова М. А"> <span class="desc"> <span>Отчёт по учебной практике Выполнил: студент группы БПБ-11 Еськова М. А</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 345</span> </span> </a> </div> <div class="wrapper"> <a href="/uncategorized/osobistst-pedagoga"> <img src="/img/thumbs/a054a7dfef0b2725fefe689e0043b4b2-800x.jpg" alt="Особистість педагога"> <span class="desc"> <span>Особистість педагога</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 296</span> </span> </a> </div> <div class="wrapper"> <a href="/uncategorized/tema-8-lektsiya-n-13-etiket"> <img src="/img/thumbs/eca0e36efee325bd1885c85c03be248c-800x.jpg" alt="Тема 8 Лекция № 13 Этикет деловых отношений Этикет и имидж делового человека"> <span class="desc"> <span>Тема 8 Лекция № 13 Этикет деловых отношений Этикет и имидж делового человека</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 346</span> </span> </a> </div> <div class="wrapper"> <a href="/uncategorized/aleksandr-trifonovich-tvardovskiy-21iyunya-1910-derevnya"> <img src="/img/tmb/7/622449/5bf11143de0fa88488d0b5d866ed3bd0-800x.jpg" alt="Алекса́ндр Три́фонович Твардо́вский  (21 июня 1910, деревня Загорье,"> <span class="desc"> <span>Алекса́ндр Три́фонович Твардо́вский  (21 июня 1910, деревня Загорье,</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 224</span> </span> </a> </div> <div class="wrapper"> <a href="/uncategorized/prezentatsiya-k-issledovatelskoy-rabote-vot-moya"> <img src="/img/thumbs/7163a912acdf55fb21d8b7bc11c7cbbf-800x.jpg" alt="Презентация к исследовательской работе "Вот моя деревня""> <span class="desc"> <span>Презентация к исследовательской работе "Вот моя деревня"</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 302</span> </span> </a> </div> <div class="wrapper"> <a href="/uncategorized/organizaciya--vooruzhenie-motostrelkovogo-tankovogo-batalona"> <img src="/img/thumbs/d464de1ecb44aa9ff58412a0d944cd3b-800x.jpg" alt=" Организация, вооружение мотострелкового (танкового) батальона"> <span class="desc"> <span> Организация, вооружение мотострелкового (танкового) батальона</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 666</span> </span> </a> </div> <div class="wrapper"> <a href="/uncategorized/36-gruppa"> <img src="/img/thumbs/d104ff1a2e13a743a18f7dcafbe6fe91-800x.jpg" alt="36 группа"> <span class="desc"> <span>36 группа</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 230</span> </span> </a> </div> <div class="wrapper"> <a href="/uncategorized/tehnika-pryzhka-v-vysotu-sposobom-pereshagivanie-5"> <img src="/img/tmb/6/592068/8f5667fc07814b7f963d6c6d090ea7c8-800x.jpg" alt="Техника прыжка в высоту способом ( перешагивание)"> <span class="desc"> <span>Техника прыжка в высоту способом ( перешагивание)</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 244</span> </span> </a> </div> <div class="wrapper"> <a href="/uncategorized/kandidatura-proekta-aktivisty-planetarnogo-masshtaba-studentka"> <img src="/img/thumbs/2b15d54fe63d790103624df492c6697a-800x.jpg" alt="Кандидатура проекта Активисты Планетарного Масштаба Студентка 1 Б группы"> <span class="desc"> <span>Кандидатура проекта Активисты Планетарного Масштаба Студентка 1 Б группы</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 313</span> </span> </a> </div> <div class="wrapper"> <a href="/uncategorized/sotsiometricheskiy-metod-dzh-moreno"> <img src="/img/thumbs/a49846daaa2d914517d718a9b4f359af-800x.jpg" alt="Социометрический метод Дж. Морено"> <span class="desc"> <span>Социометрический метод Дж. Морено</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 1100</span> </span> </a> </div> <div class="wrapper"> <a href="/uncategorized/vtorichnyy-metabolizm"> <img src="/img/thumbs/9f3c0fb053248677c4399a4a83f3d3cb-800x.jpg" alt="Вторичный метаболизм"> <span class="desc"> <span>Вторичный метаболизм</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 485</span> </span> </a> </div> <div class="wrapper"> <a href="/uncategorized/ivanova-zoya-nikolaevna"> <img src="/img/tmb/6/588362/b05843ce839ff1f68e075a28ff7d467b-800x.jpg" alt="Иванова Зоя Николаевна"> <span class="desc"> <span>Иванова Зоя Николаевна</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 236</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>