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


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/obshcheteoreticheskie-metody-issledovaniy-v-menedzhmente"> <img src="/img/thumbs/af8f042a9bb4160c9d2f8a3ed5281b47-800x.jpg" alt="Общетеоретические методы исследований в менеджменте"> <span class="desc"> <span>Общетеоретические методы исследований в менеджменте</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 229</span> </span> </a> </div> <div class="wrapper"> <a href="/uncategorized/izmeni-sebya-za-3-dnya-3"> <img src="/img/thumbs/a0860f2710e5afeeecf735342cae9163-800x.jpg" alt="Измени себя за 3 дня"> <span class="desc"> <span>Измени себя за 3 дня</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 226</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/43-neme-b-o"> <img src="/img/tmb/7/651500/aefd29ab01bb2ae3074432343558a272-800x.jpg" alt="43-неМЕ б-о"> <span class="desc"> <span>43-неМЕ б-о</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 191</span> </span> </a> </div> <div class="wrapper"> <a href="/uncategorized/urok-literatury-klassika-zhanra-i-sovremennost"> <img src="/img/thumbs/8eaf0997e9eb3908c24d7ed8155c7832-800x.jpg" alt="Урок литературы: классика жанра и современность"> <span class="desc"> <span>Урок литературы: классика жанра и современность</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 235</span> </span> </a> </div> <div class="wrapper"> <a href="/uncategorized/karagandinskiy-gosudarstvennyy-meditsinskiy-universitetkafedra-klinicheskoy"> <img src="/img/thumbs/81619c7bf41ca056e2aac27eb5e93c39-800x.jpg" alt="Карагандинский государственный медицинский университет. Кафедра: Клинической"> <span class="desc"> <span>Карагандинский государственный медицинский университет. Кафедра: Клинической</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 295</span> </span> </a> </div> <div class="wrapper"> <a href="/uncategorized/proizvodstvennaya-praktika-pp-pm05-vypolnenie-rabot"> <img src="/img/thumbs/058b245abaaa7c6eb43c2543976746a7-800x.jpg" alt="Производственная практика (ПП) ПМ.05 Выполнение работ по одной или нескольким"> <span class="desc"> <span>Производственная практика (ПП) ПМ.05 Выполнение работ по одной или нескольким</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 319</span> </span> </a> </div> <div class="wrapper"> <a href="/uncategorized/laviny-i-bezopasnost-v-gorah"> <img src="/img/tmb/6/576889/4de3f9a48c5ec30502d988d2218e094b-800x.jpg" alt="Лавины и безопасность в горах"> <span class="desc"> <span>Лавины и безопасность в горах</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 197</span> </span> </a> </div> <div class="wrapper"> <a href="/uncategorized/prezentatsiya-dlya-podruzhki"> <img src="/img/thumbs/3b78e280bc1bb00449bbb7db1272f2c6-800x.jpg" alt="Презентация для подружки"> <span class="desc"> <span>Презентация для подружки</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 495</span> </span> </a> </div> <div class="wrapper"> <a href="/uncategorized/prezentatsiya-ip-ivanchenko"> <img src="/img/thumbs/b92e3e04a7c72f11d695be1512c3453c-800x.jpg" alt="Презентация ИП Иванченко"> <span class="desc"> <span>Презентация ИП Иванченко</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 217</span> </span> </a> </div> <div class="wrapper"> <a href="/uncategorized/-meditsinskiy-universitet-astana-p-oststreptokokkovyy"> <img src="/img/thumbs/fc436d2ff77859730dffd7a094bb70a5-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/sotsiologiya-12"> <img src="/img/tmb/6/593804/871a7644f4a4cc5d2e842d4ec21d209f-800x.jpg" alt="СОЦИОЛОГИЯ"> <span class="desc"> <span>СОЦИОЛОГИЯ</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 142</span> </span> </a> </div> <div class="wrapper"> <a href="/uncategorized/institut-fizicheskoy-kultury-sporta-i-turizmastart-1"> <img src="/img/thumbs/cc8909334a3c32f73764143248ef874b-800x.jpg" alt="ИНСТИТУТ ФИЗИЧЕСКОЙ КУЛЬТУРЫ, СПОРТА И ТУРИЗМА Старт в"> <span class="desc"> <span>ИНСТИТУТ ФИЗИЧЕСКОЙ КУЛЬТУРЫ, СПОРТА И ТУРИЗМА Старт в</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 229</span> </span> </a> </div> <div class="wrapper"> <a href="/uncategorized/cha-cha-cha-gorit-v-komnate"> <img src="/img/tmb/6/503639/f73cc464f6d21ed97d7419b4fd8ebf4e-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/pogovorim-o-vezhlivosti"> <img src="/img/thumbs/9a71d08f8ba3fe14977ff9f5ee3bb09f-800x.jpg" alt="Поговорим о вежливости"> <span class="desc"> <span>Поговорим о вежливости</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 772</span> </span> </a> </div> <div class="wrapper"> <a href="/uncategorized/pdd-8"> <img src="/img/tmb/6/598600/d44e5aae8e635559f4235bea8bb05380-800x.jpg" alt="пдд"> <span class="desc"> <span>пдд</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 202</span> </span> </a> </div> <div class="wrapper"> <a href="/uncategorized/o-schastlivchik-2"> <img src="/img/tmb/7/626008/7568b8f4383807db2568c8d96edb93af-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/is-turgenev-i-polina-viardo-lyubov"> <img src="/img/thumbs/d0db0282db16ddaf7676e545830a9dfb-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/lektsiya-4-nasledstvennaya-informatsiya-v-kletke"> <img src="/img/thumbs/62abd1f33119ef5d704591e5930db960-800x.jpg" alt="Лекция 4 Наследственная информация в клетке: копирование и реализация"> <span class="desc"> <span>Лекция 4 Наследственная информация в клетке: копирование и реализация</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 237</span> </span> </a> </div> <div class="wrapper"> <a href="/uncategorized/geografiya-ekonomicheskih-svyazey-s-subektami-rf"> <img src="/img/thumbs/0033480a5d916105ad6596e70e43bc62-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/zarubezhnaya-kultura-19-veka"> <img src="/img/thumbs/0317f77c15e1f677ba6e8a5b31c2bec4-800x.jpg" alt="Зарубежная культура 19 века"> <span class="desc"> <span>Зарубежная культура 19 века</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 268</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>