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


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/37romans005newfriends"> <img src="/img/thumbs/ca7a2631c1b081db375665ac61dcf748-800x.jpg" alt="37+Romans+005+NEW+FRIENDS"> <span class="desc"> <span>37+Romans+005+NEW+FRIENDS</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 168</span> </span> </a> </div> <div class="wrapper"> <a href="/uncategorized/subkultury-4"> <img src="/img/thumbs/0b7d064b51ee24474189139ca30a5cc5-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="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/urok-russkogo-yazyka-v-5-klasse-19"> <img src="/img/tmb/6/571238/3cf7cd4aabec09faca7f9eb283bd7049-800x.jpg" alt="Урок русского языка в 5 классе Степени сравнения имен прилагательных"> <span class="desc"> <span>Урок русского языка в 5 классе Степени сравнения имен прилагательных</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 330</span> </span> </a> </div> <div class="wrapper"> <a href="/uncategorized/bulat-shalvovich-okudzhava-1924--1997"> <img src="/img/tmb/6/593368/102fd59ad9ba9226f4f93ccea98f52fc-800x.jpg" alt="Булат Шалвович Окуджава (1924 – 1997)"> <span class="desc"> <span>Булат Шалвович Окуджава (1924 – 1997)</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 196</span> </span> </a> </div> <div class="wrapper"> <a href="/uncategorized/3pr-ed-l-o-zheniyako-mple-6"> <img src="/img/thumbs/472287b263900b6eec8fcc56734eaa24-800x.jpg" alt="3 ПР ЕД Л О ЖЕНИЯ КО МПЛЕ К С АНП А “ С А Р М А ” СЕВ А С Т ОП О Л Ь СКИЙ Г О С"> <span class="desc"> <span>3 ПР ЕД Л О ЖЕНИЯ КО МПЛЕ К С АНП А “ С А Р М А ” СЕВ А С Т ОП О Л Ь СКИЙ Г О С</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 197</span> </span> </a> </div> <div class="wrapper"> <a href="/uncategorized/polza-i-vred-kompyutera"> <img src="/img/thumbs/40df455a122d28e9f3b2ebad9296b92e-800x.jpg" alt="Польза и вред компьютера"> <span class="desc"> <span>Польза и вред компьютера</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 1609</span> </span> </a> </div> <div class="wrapper"> <a href="/uncategorized/novye-podhody-k-izucheniyu-istorii-velikoy"> <img src="/img/thumbs/fdcad3a9d221990cd116095b9f61adc5-800x.jpg" alt="Новые подходы к изучению истории  Великой Отечественной войны  и их отражение в"> <span class="desc"> <span>Новые подходы к изучению истории  Великой Отечественной войны  и их отражение в</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 207</span> </span> </a> </div> <div class="wrapper"> <a href="/uncategorized/komanda-sova-predstavlyaetkotomka-3igry-nerazluchnikiseverodvinsk-2019"> <img src="/img/thumbs/0eb80485e79872f0ffbb9be6565ec591-800x.jpg" alt="Команда СоВа представляет Котомка 3 игры Неразлучники Северодвинск, 2019"> <span class="desc"> <span>Команда СоВа представляет Котомка 3 игры Неразлучники Северодвинск, 2019</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 224</span> </span> </a> </div> <div class="wrapper"> <a href="/uncategorized/nauchno-tehnicheskaya-revolyutsiya-4ch"> <img src="/img/thumbs/2b8de3b7db80d8d3366473e8206ae2a9-800x.jpg" alt="НАУЧНО-ТЕХНИЧЕСКАЯ РЕВОЛЮЦИЯ (4ч)"> <span class="desc"> <span>НАУЧНО-ТЕХНИЧЕСКАЯ РЕВОЛЮЦИЯ (4ч)</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 353</span> </span> </a> </div> <div class="wrapper"> <a href="/uncategorized/domashnee-zadanie1paragraf-n-7--chitat-1"> <img src="/img/thumbs/3f6c3bf82217a150c54109d9fbcd19ba-800x.jpg" alt="Домашнее задание: 1.Параграф № 7 – читать и пересказывать. 2.Вопросы и задания"> <span class="desc"> <span>Домашнее задание: 1.Параграф № 7 – читать и пересказывать. 2.Вопросы и задания</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 245</span> </span> </a> </div> <div class="wrapper"> <a href="/uncategorized/den-rozhdeniyaiznachalno-vyshestoyashchego-ottsa-na-planete"> <img src="/img/thumbs/18dbb7536c6ee65ce6cc79ba54bb3eaa-800x.jpg" alt="День Рождения Изначально Вышестоящего Отца на Планете Земля. Начало Конца 5"> <span class="desc"> <span>День Рождения Изначально Вышестоящего Отца на Планете Земля. Начало Конца 5</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 217</span> </span> </a> </div> <div class="wrapper"> <a href="/uncategorized/analitika-bez-stressa"> <img src="/img/thumbs/024c3f0a8ce27f189c5ada14ed2fceb5-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/urok-n-23tema-oboznachenieudarnogo-glasnogona-pisme-2"> <img src="/img/tmb/7/656288/fb6a453f1cb7f3c4047ba27094ac63e6-800x.jpg" alt="Урок № 23 Тема: Обозначение ударного гласного на письме"> <span class="desc"> <span>Урок № 23 Тема: Обозначение ударного гласного на письме</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 201</span> </span> </a> </div> <div class="wrapper"> <a href="/uncategorized/formiruem-ekologichnye-privychki-s-detstva"> <img src="/img/tmb/6/595606/4babbdfa5e2a318184506138046df6d8-800x.jpg" alt="формируем экологичные привычки с детства"> <span class="desc"> <span>формируем экологичные привычки с детства</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 165</span> </span> </a> </div> <div class="wrapper"> <a href="/uncategorized/ekologicheskoe-zakonodatelstvo-rossijskoj-federacii"> <img src="/img/thumbs/a326720d386cb578f32a3fbbaeb1d4e6-800x.jpg" alt="Экологическое законодательство Российской Федерации"> <span class="desc"> <span>Экологическое законодательство Российской Федерации</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 557</span> </span> </a> </div> <div class="wrapper"> <a href="/uncategorized/1federalnyy-zakon-ob-osnovah-ohrany-zdorovya-2"> <img src="/img/tmb/6/590797/dc1b485723f011996028ebe7df667de2-800x.jpg" alt="1 Федеральный закон Об основах охраны здоровья граждан в РФ № 323-ФЗ Принят"> <span class="desc"> <span>1 Федеральный закон Об основах охраны здоровья граждан в РФ № 323-ФЗ Принят</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 233</span> </span> </a> </div> <div class="wrapper"> <a href="/uncategorized/kak-predotvratiti-mpulsivnost-podrostka"> <img src="/img/thumbs/c92bf6758ddd58dac532fce4a02f1d79-800x.jpg" alt="Как предотвратить и мпульсивность подростка?"> <span class="desc"> <span>Как предотвратить и мпульсивность подростка?</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 268</span> </span> </a> </div> <div class="wrapper"> <a href="/uncategorized/izuchaem-hodkost-korablyavvedenie-1"> <img src="/img/tmb/7/657632/94547a60a1d64889da2cc55b57c28eb6-800x.jpg" alt="Изучаем ХОДКОСТЬ корабля... ВВЕДЕНИЕ"> <span class="desc"> <span>Изучаем ХОДКОСТЬ корабля... ВВЕДЕНИЕ</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 271</span> </span> </a> </div> <div class="wrapper"> <a href="/uncategorized/rossiyskie-uchenye-konstitutsionalisty"> <img src="/img/thumbs/a27f784dc46ad5ca9a5568086dd0cbca-800x.jpg" alt="Российские ученые-конституционалисты"> <span class="desc"> <span>Российские ученые-конституционалисты</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 922</span> </span> </a> </div> <div class="wrapper"> <a href="/uncategorized/ratsionalizatorskie-predlozheniya"> <img src="/img/tmb/6/507246/70acd6a7cff1f6ce41719694bfcd51a6-800x.jpg" alt="РАЦИОНАЛИЗАТОРСКИЕ ПРЕДЛОЖЕНИЯ"> <span class="desc"> <span>РАЦИОНАЛИЗАТОРСКИЕ ПРЕДЛОЖЕНИЯ</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 903</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>