Форматирование текста

Работа с изображениями

Структура HTML-документа

Использование таблиц

Создание ссылок Создание фреймов

Навигационные карты

Сбор информации с помощью форм

Министерство образования Тульской области Государственное профессиональное образовательное учреждение Тульской области «Донской колледж информационных технологий»

Назначение и основные понятия

Электронное учебное пособие

Разработчик преподаватель специальных дисциплин Демихова Ирина Юрьевна

2014 год

Web – страницы создаются с использованием языка разметки гипертекстовых документов HTML (Hyper Text Markup Language). В обычный текстовый документ вставляются управляющие символы – HTML-теги, которые определяют вид Web – страницы при ее просмотре в браузере. Если мы загрузим какой-нибудь сайт и выберем в главном меню обозревателя команду Вид | Просмотр HTML-кода, то откроется окно Блокнота и в нем отобразится текст документа, написанный на HTML– на языке разметки гипертекста. HTML-документы представляют собой текстовые файлы, в которые встроены специальные команды. Теги (tags) – команды языка HTML

Для файлов, являющихся HTML-документами, принято расширение htm или html.

Формат тэга: <тэг атрибут=«значение» атрибут=«значение»…> У многих тэгов есть свои атрибуты. Их назначение – уточнять тэги, более подробно описывать действия над текстом, графикой или другими объектами. Атрибуты можно записывать в произвольном порядке через пробел. Значения атрибутов можно не заключать в кавычки и даже лучше не заключать (если это не два слова!), чтобы не запутаться, т.к. непарные кавычки – это ошибка, из-за которой команда не выполняется. Особенность создания HTML-документа – в том, что создается он в Блокноте, а просматривать его можно в окне обозревателя, например, Internet Explorer. Каждый раз, внося изменения в текст HTML-документа, следует его сохранять и обновлять в окне Internet Explorer, выбирая соответствующую команду или кнопку на панели инструментов , или клавишу .

Сообщения об ошибках, допущенных в формате тэгов, не появляются. Ошибки нужно искать самостоятельно, если результат при просмотре сайта не соответствует ожидаемому!

Тэги заключаются в угловые скобки и могут быть одиночными или парными. Парные тэги содержат открывающиеся и закрывающиеся тэги ( такая пара называется контейнером). Закрывающийся тэг содержит прямой слэш (/) перед обозначением. Тэги могут записываться как прописными, так и сточными буквами. HTML-код страницы помещается внутрь контейнера . Без этих тэгов браузер не в состоянии определить формат документа и правильно его интерпретировать. Web – страница разделяется на две логические части: заголовок и содержание. Заголовок Web-страницы заключается в контейнер и содержит название страницы и справочную информацию о станице, которая используется браузером для ее правильного отображения. Название страницы помещается в контейнер и при просмотре отображается в верхней строке окна браузера. Отображаемое в браузере содержание страницы помещается в контейнер . Созданную Web – страницу необходимо сохранить в виде файла с расширением htm. В качестве расширения файла Web – страницы можно также использовать html. Рекомендуется создать для размещения сайта специальную папку и сохранять все файлы разрабатываемого сайта в этой папке.

Необходимо различать имя файла index.htm, под которым Web-страница хранится в файловой системе, и имя Web-страницы, которое высвечивается в верхней строке браузера. Имя Web- страницы должно соответствовать ее содержанию, так как оно в первую очередь анализируется поисковыми системами.

При использовании лишь рассмотренных выше тэгов страница будет выглядеть на слишком привлекательно – мелкий шрифт черного цвета на белом фоне. С помощью следующих тэгов можно задать различные параметры форматирования текста. ЗАГОЛОВКИ Размер шрифта заголовков задается парами тэгов от

Введя в Блокноте HTML-код и сохранив файл в формате html, можно запустить его, и в окне Internet Explorer отобразится содержание документа.

ШРИФТЫ Некоторые тэги имеют атрибуты, которые являются именами свойств и могут принимать определенные значения. С помощью тэга и его атрибутов можно задать параметры форматирования шрифта. – изменение шрифта. – отмена действия шрифта. Атрибуты: FACE = “название шрифта” – изменение гарнитуры (начертания) шрифта (например, FACE=“Arial”). SIZE = размер шрифта – изменение размера шрифта фрагмента текста, используется в середине строки, т.к. после окончания своего действия не разбивает строку (например, SIZE=4). Атрибуты могут перечисляться через пробел в произвольном порядке.

Лучше не использовать «экзотические» шрифты, которых может не оказаться у пользователя при просмотре вашего сайта. В этом случае они автоматически будут заменяться на стандартные.

COLOR = «название цвета или его шестнадцатеричный код» изменение цвета текста. Например, чтобы в окне обозревателя текст отображался красным цветом, нужно ввести в HTML-код такую команду: текст

Шестнадцатеричное представление цвета использует RGB- формат “#RRGGBB”, где две первые шестнадцатеричные цифры задают интенсивность красного (Red), две следующие - интенсивность зеленого (Green) и две последние – интенсивность синего (Blue) цветов. Минимальная интенсивность цвета задается шестнадцатеричным числом 00, а максимальная – FF. Например синий цвет задается значением “#0000FF”. Для изменения цвета можно использовать таблицу цветовых оттенков.

Горизонтальная линия Заголовок целесообразно отделять от остального содержания страницы горизонтальной линией с помощью одиночного тэга

 – отображение без изменения форматирования. 

Разделение текста на абзацы производится с помощью контейнера

для выравнивания текста Атрибуту ALIGN может быть присвоено одно из 4-х значений: LEFT ALIGN = RIGHT CENTER JUSTIFY Позволяет выравнивать текст : по левой границе: ALIGN = “left” по правой границе: ALIGN = “right” по центру: ALIGN = “center” по ширине: ALIGN = “justify” Пример записи и результат действия этого тега с различными значениями атрибутов.

Вставка графических изображений На Web – страницы можно помещать изображения, хранящиеся в графических файлах трех форматов – GIF, JPEG, PNG. Для вставки изображения используется тэг с атрибутом SRC, который указывает на место хранения файла на локальном компьютере или в Интернете. Если графический файл находится на локальном компьютере в той же папке, что и файл Web – страницы, то в качестве значения атрибута SRC достаточно указать только имя файла. Если файл находится в другой папке на данном локальном компьютере, то значением атрибута должно быть полное имя файла, включая путь к нему в многоуровневой системе папок. Есть различия в написании полного имени файла в операционных системах Windows и Linux. Рассмотрим на примере операционной системы Windows: Если файл находится на удаленном сервере в Интернете, то должен быть указан Интернет – адрес этого файла. Например:

Все файлы с изображениями должны находиться в том же каталоге, что и HTML-документ, или в качестве значения атрибута IMG кроме имени файла и расширения имени файла нужно указывать путь к файлу.

Атрибуты тега SRC = “имя файла. расширение” ALT = “название картинки или поясняющий текст” Используется в качестве текстового описания к данному изображению, появляется при наведении указателя мыши на картинку. WIDTH = “ширина” (в пикселях или в %) HIGHT = “высота” (в пикселях или в %) BORDER = “число” в пикселях Определяет рамку вокруг изображения. HSPACE = “число” в пикселях VSPACE = “число” в пикселях Определяют горизонтальный и вертикальный отступ вокруг изображения соответственно. Пример записи и результат действия этого тега с различными значениями атрибутов.

Положение рисунка относительно текста. Расположить рисунок относительно текста различным образом позволяет атрибут ALIGN, который может принимать пять различных значение: TOP (верх) MIDDLE (середина) BOTTOM (низ) LEFT (слева) RIGHT (справа) Атрибут ALIGN LEFT ALIGN = RIGHT CENTER Используется, чтобы сдвинуть картинку к левому, правому краю, по центру и установить обтекание картинки текстом. Атрибут CLEAR LEFT CLEAR = RIGHT ALL Используется, чтобы очистить поле слева, справа или с обеих сторон графического объекта, а затем продолжить текст в пустой области за объектом. Пример записи и результат действия тега с различными значениями атрибутов.

Если картинка не отображается, возможно неправильно указано имя файла, его расширение, или файл отсутствует в нужной папке.

Вставка альтернативного текста. Пользователи иногда, в целях экономии времени, отключают в браузере загрузку графических изображение и читают только тексты. Чтобы не терялся смысл страницы, вместо рисунка должен выводиться альтернативный текст. Альтернативный текст выводится с помощью атрибута ALT, значением которого является текст, поясняющий, что должен был бы увидеть пользователь на рисунке:

Гиперссылки, размещенные на Web – странице, позволяют загружать в браузер другие Web – страницы, хранящиеся на локальном компьютере или в Интернете. Гиперссылка состоит из двух частей: адреса и указателя ссылки. Гиперссылка создается с помощью универсального тэга, и его атрибута HREF, указывающего, в каком файле хранится загружаемая Web – страница. активный текст или изображение Если файл находится в другой папке, то нужно указывать путь к нему. Если создается ссылка на ресурс Интернета, то нужно указать его URL: активный текст или изображение Можно организовать сообщение по электронной почте активный текст или изображение Атрибуты тега для задания цвета ссылок LINK= “цвет или код цвета” - задает цвет ссылки. VLINK= “цвет или код цвета” - задает цвет просмотренной ссылки Пример записи и результат действия тегов с использованием изображения в качестве гиперссылки.

Ссылки на метки Можно организовать ссылку на другую часть этого же документа, если предварительно расставить в начале таких частей метки. активный текст или изображение Создает ссылку на метку в текущем HTML-документе: начало текстового фрагмента Можно также создать ссылку на метку в другом документе: активный текст или изображение Пример записи и результат действия тэгов.

Можно создавать ссылки с разных частей одного изображения, если предварительно выделить эти части (области) и определить их координаты. Такое изображение называют картой (map). Изображения-карты часто используют для показа расположения помещений на планах и перехода по ссылке к описанию выбранного помещения. Тег, который позволяет определить карту: Между открывающим и закрывающим тегами

Атрибуты тега alt= название области изображения-карты Это атрибут для задания текста, заменяющего изображение-карту, не является обязательным. Атрибут, определяющий форму области на карте: rect SHAPE = poly сircle point COORDS =“x,y,x1,y1” Описывает координаты прямоугольника rect (значения атрибута – координаты левого верхнего угла прямоугольника и правого нижнего). COORDS =“x,y,x1,y1… xn,yn” Описывает координаты многоугольника poly (значения атрибута – пары координат всех вершин многоугольника). COORDS =“x,y,r” Описывает координаты сircle (значения атрибута – координаты центра окружности и радиус). COORDS =“x,y” Описывает координаты точки point (значения атрибута – её координаты).

Определение координат областей для изображения-карты. Для определения координат можно использовать графический редактор Paint. Красными точками показаны координаты верхней левой точки необходимой области и правой нижней точки: shape="rect" coords="235, 226, 341, 257"

Как связать карту с изображением Для создания навигационной карты необходимо выполнить следующие два шага. Воспользоваться тэгом , чтобы описать навигационную карту, включая области и гиперссылки. Воспользоваться тэгом , атрибуты которого идентифицируют изображение и соответствующую ему карту. Установить соответствие между изображением и картой с помощью атрибута usemap тэга . В качестве значения атрибута usemap используется имя карты, заданное в атрибуте name тэга . Если описание карты расположено на той же станице, что и ссылка на изображение (как обычно и бывает), имени карты должен предшествовать символ цифры (#). Например:

Формирование таблицы

Атрибуты тега

Атрибуты тега

,

Таблица может быть простой (пример на предыдущем слайде) или сложной, когда несколько строк или столбцов объединяются. ROWSPAN = “количество объединяемых строк” COLSPAN = “количество объединяемых столбцов” BGCOLOR = “цвет фона заголовка, строки, ячейки” Пример записи и результат действия тегов с различными значениями атрибутов. Слайд 22 Для создания интерактивных Web-страниц, обеспечивающих обратную связь, используются специальные формы. Форма – это набор элементов, знакомых нам по диалоговым окнам, таких как поля ввода, поля выбора, переключатели. Форма позволяет создавать интерактивные страницы, т.е. организовывать диалог с пользователем. Форма создается с помощью тега: Пример заполняемой формы: В пределах тега для создания разных полей используют теги , и с разными атрибутами, как показано в Примере.</p></div><div class="slide_left"><a data-fancybox="gallery" href="https://prezentacii.org/upload/cloud/18/11/97350/images/screen23.jpg"><img src="https://prezentacii.org/upload/cloud/18/11/97350/images/thumbs/screen23.jpg" alt="Коммуникационные технологии и разработка Web - сайтов Слайд: 23" title="Коммуникационные технологии и разработка Web - сайтов Слайд: 23" ></a></div><div class="slide_right"><span>Слайд 23</span></div><div class="slide_left"><a data-fancybox="gallery" href="https://prezentacii.org/upload/cloud/18/11/97350/images/screen24.jpg"><img src="https://prezentacii.org/upload/cloud/18/11/97350/images/thumbs/screen24.jpg" alt="В переключателях, флажках и списках выбранных по умолчанию элемент задается с помощью атрибута SELECTED." title="В переключателях, флажках и списках выбранных по умолчанию элемент задается с помощью атрибута SELECTED." ></a></div><div class="slide_right"><span>Слайд 24</span><p>В переключателях, флажках и списках выбранных по умолчанию элемент задается с помощью атрибута SELECTED.</p></div><div class="slide_left"><a data-fancybox="gallery" href="https://prezentacii.org/upload/cloud/18/11/97350/images/screen25.jpg"><img src="https://prezentacii.org/upload/cloud/18/11/97350/images/thumbs/screen25.jpg" alt="Коммуникационные технологии и разработка Web - сайтов Слайд: 25" title="Коммуникационные технологии и разработка Web - сайтов Слайд: 25" ></a></div><div class="slide_right"><span>Слайд 25</span></div><div class="slide_left"><a data-fancybox="gallery" href="https://prezentacii.org/upload/cloud/18/11/97350/images/screen26.jpg"><img src="https://prezentacii.org/upload/cloud/18/11/97350/images/thumbs/screen26.jpg" alt="Кадры (frames) – это независимые части, на которые можно разбить окно браузера, и в каждую часть можно загружать отдельную страницу. Эти страницы могут быть связаны между собой ссылками. Количество частей (кадров) и их размеры, выбор горизонтального или вертикального деления, т.е. кадровая (фреймова" title="Кадры (frames) – это независимые части, на которые можно разбить окно браузера, и в каждую часть можно загружать отдельную страницу. Эти страницы могут быть связаны между собой ссылками. Количество частей (кадров) и их размеры, выбор горизонтального или вертикального деления, т.е. кадровая (фреймова" ></a></div><div class="slide_right"><span>Слайд 26</span><p>Кадры (frames) – это независимые части, на которые можно разбить окно браузера, и в каждую часть можно загружать отдельную страницу. Эти страницы могут быть связаны между собой ссылками. Количество частей (кадров) и их размеры, выбор горизонтального или вертикального деления, т.е. кадровая (фреймовая) структура задается тегом: <FRAMESET> Он определяет фреймовую структуру. </FRAMESET> Завершает определение фреймовой структуры. <FRAME SRC = “имя файла. расширение” > Позволяет задать, какой документ (HTML-документ, текстовый, графический и т.д.) будет загружаться в отдельный кадр.</p><p>Использование тега <FRAMESET> исключает использование тега <BODY>!</p><p>Определяя структуру, кадры задают сверху вниз и слева направо.</p></div><div class="slide_left"><a data-fancybox="gallery" href="https://prezentacii.org/upload/cloud/18/11/97350/images/screen27.jpg"><img src="https://prezentacii.org/upload/cloud/18/11/97350/images/thumbs/screen27.jpg" alt="Атрибуты тега NAME = “имя кадра” - задает имя кадра. Это имя потом используется в качестве значения атрибута target в теге для того, чтобы документ, на который указывает ссылка, загружался в нужном кадре. Пример записи ссылок с атрибутом target. NORESIZE Означает запрет перемещения мышкой границы " title="Атрибуты тега NAME = “имя кадра” - задает имя кадра. Это имя потом используется в качестве значения атрибута target в теге для того, чтобы документ, на который указывает ссылка, загружался в нужном кадре. Пример записи ссылок с атрибутом target. NORESIZE Означает запрет перемещения мышкой границы " ></a></div><div class="slide_right"><span>Слайд 27</span><p>Атрибуты тега <FRAME> NAME = “имя кадра” - задает имя кадра. Это имя потом используется в качестве значения атрибута target в теге <A HREF> для того, чтобы документ, на который указывает ссылка, загружался в нужном кадре. Пример записи ссылок с атрибутом target. NORESIZE Означает запрет перемещения мышкой границы между кадрами. no FRAMEBORDER= yes Означает наличие или отсутствие границы между кадрами.</p></div> </div> </div> <div class="inside_page_rel_news"> <h2 id="same">Список похожих презентаций</h2> <div class="inside_page_rel_news_wrapper"> <div class="relate_block_item_wrapper"> <div class="inside_page_rel_news_item"> <div class="inside_page_rel_news_item_img"> <a href="/prezentacii/prezentacii-po-informatike/105531-razrabotka-web-sajtov.html"><img border="0" src="/upload/resize_cache/webp/iblock/737/73766ad4bd2eb65c50f7e09be82ea0b9.webp" alt="Разработка WEB - сайтов" title="Разработка WEB - сайтов"></a> </div> <div class="inside_page_rel_news_item_content"> <h3><a href="/prezentacii/prezentacii-po-informatike/105531-razrabotka-web-sajtov.html" title="Разработка WEB - сайтов">Разработка WEB - сайтов</a> </h3> <span>Создание Web-сайтов реализуется с помощью языка разметки гипертекстовых документов HTML. Тэги – инструкции браузеру, указывающие способ отображения ...</span> </div> </div> </div> <div class="relate_block_item_wrapper"> <div class="inside_page_rel_news_item"> <div class="inside_page_rel_news_item_img"> <a href="/prezentacii/prezentacii-po-informatike/138741-kommunikacionnye-tehnologii.html"><img border="0" src="/upload/resize_cache/webp/iblock/616/61676c51264aca1e284c820f47a783f6.webp" alt="Коммуникационные технологии" title="Коммуникационные технологии"></a> </div> <div class="inside_page_rel_news_item_content"> <h3><a href="/prezentacii/prezentacii-po-informatike/138741-kommunikacionnye-tehnologii.html" title="Коммуникационные технологии">Коммуникационные технологии</a> </h3> <span>Вычисление объёма информации переданной в сети Интернет. где Q - объём переданной информации V- пропускная способность канала T- время передачи. Q ...</span> </div> </div> </div> <div class="relate_block_item_wrapper"> <div class="inside_page_rel_news_item"> <div class="inside_page_rel_news_item_img"> <a href="/prezentacii/prezentacii-po-informatike/142072-kommunikacionnye-tehnologii.html"><img border="0" src="/upload/resize_cache/webp/iblock/c87/c8794f9d6c5ad601e9f90f2a1cd2f58c.webp" alt="Коммуникационные технологии" title="Коммуникационные технологии"></a> </div> <div class="inside_page_rel_news_item_content"> <h3><a href="/prezentacii/prezentacii-po-informatike/142072-kommunikacionnye-tehnologii.html" title="Коммуникационные технологии">Коммуникационные технологии</a> </h3> <span>- поиск информации - файловые архивы - общение в Интернете - электронная почта - рассылки - группы новостей. Информационные ресурсы сети Интернет. ...</span> </div> </div> </div> <div class="relate_block_item_wrapper"> <div class="inside_page_rel_news_item"> <div class="inside_page_rel_news_item_img"> <a href="/prezentacii/prezentacii-po-informatike/40421-telekommunikacionnye-tehnologii-reshenie-zadach.html"><img border="0" src="/upload/resize_cache/webp/iblock/48f/48f74238aa95d70efcb8f8896505c8cf.webp" alt="Телекоммуникационные технологии Решение задач" title="Телекоммуникационные технологии Решение задач"></a> </div> <div class="inside_page_rel_news_item_content"> <h3><a href="/prezentacii/prezentacii-po-informatike/40421-telekommunikacionnye-tehnologii-reshenie-zadach.html" title="Телекоммуникационные технологии Решение задач">Телекоммуникационные технологии Решение задач</a> </h3> <span>Представьте себе, что Вы работаете менеджером и в ваши обязанности входит передача по компьютерным сетям большого числа файлов разного типа. Вы можете ...</span> </div> </div> </div> <div class="relate_block_item_wrapper"> <div class="inside_page_rel_news_item"> <div class="inside_page_rel_news_item_img"> <a href="/prezentacii/prezentacii-po-informatike/109855-kommunikacionnye-tehnologii.html"><img border="0" src="/upload/resize_cache/webp/iblock/a04/a047b84fd4a9c47532cce2ccf2dc8930.webp" alt="Коммуникационные технологии" title="Коммуникационные технологии"></a> </div> <div class="inside_page_rel_news_item_content"> <h3><a href="/prezentacii/prezentacii-po-informatike/109855-kommunikacionnye-tehnologii.html" title="Коммуникационные технологии">Коммуникационные технологии</a> </h3> <span>Обмен информацией производится по каналам передачи информации. Общая схема передачи информации включает в себя отправителя информации, канал передачи ...</span> </div> </div> </div> <div class="relate_block_item_wrapper"> <div class="inside_page_rel_news_item"> <div class="inside_page_rel_news_item_img"> <a href="/prezentacii/prezentacii-po-informatike/113053-kommunikacionnye-tehnologii.html"><img border="0" src="/upload/resize_cache/webp/iblock/892/892c4d2d9a504d84876bb3a9bc09b083.webp" alt="Коммуникационные технологии" title="Коммуникационные технологии"></a> </div> <div class="inside_page_rel_news_item_content"> <h3><a href="/prezentacii/prezentacii-po-informatike/113053-kommunikacionnye-tehnologii.html" title="Коммуникационные технологии">Коммуникационные технологии</a> </h3> <span>Классификация на основе территориальной протяженности. Локальная сеть (LAN - Local Area Network) – это сеть, расположенная на небольшой территории ...</span> </div> </div> </div> <div class="relate_block_item_wrapper"> <div class="inside_page_rel_news_item"> <div class="inside_page_rel_news_item_img"> <a href="/prezentacii/prezentacii-po-informatike/137615-kommunikacionnye-tehnologii.html"><img border="0" src="/upload/resize_cache/webp/iblock/da0/da096a66f5358315e1d770ef46a4f64a.webp" alt="Коммуникационные технологии" title="Коммуникационные технологии"></a> </div> <div class="inside_page_rel_news_item_content"> <h3><a href="/prezentacii/prezentacii-po-informatike/137615-kommunikacionnye-tehnologii.html" title="Коммуникационные технологии">Коммуникационные технологии</a> </h3> <span>Компьютерные сети – это системы компьютеров, объединенных каналами передачи данных, обеспечивающие эффективное предоставление различных информационно-вычислительных ...</span> </div> </div> </div> <div class="relate_block_item_wrapper"> <div class="inside_page_rel_news_item"> <div class="inside_page_rel_news_item_img"> <a href="/prezentacii/prezentacii-po-informatike/118061-modelirovanie-i-kompjuternyj-jeksperiment-informacionnye-i-kommunikacionnye-tehnologii.html"><img border="0" src="/upload/resize_cache/webp/iblock/c0a/c0a9f38c62ae8c733562c46e6e79ce00.webp" alt="Моделирование и компьютерный эксперимент. Информационные и коммуникационные технологии" title="Моделирование и компьютерный эксперимент. Информационные и коммуникационные технологии"></a> </div> <div class="inside_page_rel_news_item_content"> <h3><a href="/prezentacii/prezentacii-po-informatike/118061-modelirovanie-i-kompjuternyj-jeksperiment-informacionnye-i-kommunikacionnye-tehnologii.html" title="Моделирование и компьютерный эксперимент. Информационные и коммуникационные технологии">Моделирование и компьютерный эксперимент. Информационные и коммуникационные технологии</a> </h3> <span>Кодификатор элементов содержания и требований к уровню подготовки выпускников ОУ для ЕГЭ 2010 года по информатике и ИКТ. Спецификация контрольных ...</span> </div> </div> </div> <div class="relate_block_item_wrapper"> <div class="inside_page_rel_news_item"> <div class="inside_page_rel_news_item_img"> <a href="/prezentacii/prezentacii-po-informatike/101783-sozdanie-web-sajtov.html"><img border="0" src="/upload/resize_cache/webp/iblock/4c0/4c00acc8b6167eb1e54a2ed96299ff36.webp" alt="Создание WEB - сайтов" title="Создание WEB - сайтов"></a> </div> <div class="inside_page_rel_news_item_content"> <h3><a href="/prezentacii/prezentacii-po-informatike/101783-sozdanie-web-sajtov.html" title="Создание WEB - сайтов">Создание WEB - сайтов</a> </h3> <span>СОДЕРЖАНИЕ. Введение История HTML Создание HTML-сайта Описание основных тэгов HTML Основные принципы HTML Полезные советы по созданию HTML-сайта Стоимость ...</span> </div> </div> </div> <div class="relate_block_item_wrapper"> <div class="inside_page_rel_news_item"> <div class="inside_page_rel_news_item_img"> <a href="/prezentacii/prezentacii-po-informatike/116008-kommunikacionnye-tehnologii.html"><img border="0" src="/upload/resize_cache/webp/iblock/7b6/7b6fb7beac9a435c3dbd13db62187336.webp" alt="Коммуникационные технологии" title="Коммуникационные технологии"></a> </div> <div class="inside_page_rel_news_item_content"> <h3><a href="/prezentacii/prezentacii-po-informatike/116008-kommunikacionnye-tehnologii.html" title="Коммуникационные технологии">Коммуникационные технологии</a> </h3> <span>Передача информации. Обмен информацией производится по каналам передачи информации. Каналы передачи информации могут использовать различные физические ...</span> </div> </div> </div> <div class="relate_block_item_wrapper"> <div class="inside_page_rel_news_item"> <div class="inside_page_rel_news_item_img"> <a href="/prezentacii/prezentacii-po-informatike/107257-kompjuternye-seti-telekommunikacionnye-tehnologii.html"><img border="0" src="/upload/resize_cache/webp/iblock/e30/e307687dfc52eb7258f0156f33f7a01f.webp" alt="Компьютерные сети. Телекоммуникационные технологии" title="Компьютерные сети. Телекоммуникационные технологии"></a> </div> <div class="inside_page_rel_news_item_content"> <h3><a href="/prezentacii/prezentacii-po-informatike/107257-kompjuternye-seti-telekommunikacionnye-tehnologii.html" title="Компьютерные сети. Телекоммуникационные технологии">Компьютерные сети. Телекоммуникационные технологии</a> </h3> <span>Телекоммуникации - это общение между субъектами (людьми, приборами, компьютерами), находящимися на таком удалении друг от друга, которое исключает ...</span> </div> </div> </div> <div class="relate_block_item_wrapper"> <div class="inside_page_rel_news_item"> <div class="inside_page_rel_news_item_img"> <a href="/prezentacii/prezentacii-po-informatike/143748-razrabotka-web-prilozhenija-dlja-firmy-po-prodazhe-mebeli-linija-interera.html"><img border="0" src="/upload/resize_cache/webp/iblock/888/888bf1cf150107c8de99c3938391b1d2.webp" alt="Разработка WEB - приложения для фирмы по продаже мебели "Линия интерьера"" title="Разработка WEB - приложения для фирмы по продаже мебели "Линия интерьера""></a> </div> <div class="inside_page_rel_news_item_content"> <h3><a href="/prezentacii/prezentacii-po-informatike/143748-razrabotka-web-prilozhenija-dlja-firmy-po-prodazhe-mebeli-linija-interera.html" title="Разработка WEB - приложения для фирмы по продаже мебели "Линия интерьера"">Разработка WEB - приложения для фирмы по продаже мебели "Линия интерьера"</a> </h3> <span>Цели и задачи дипломного проекта:. Задача: формирование у поставщиков и потенциальных клиентов правильного представления об оказываемых услугах и ...</span> </div> </div> </div> <div class="relate_block_item_wrapper"> <div class="inside_page_rel_news_item"> <div class="inside_page_rel_news_item_img"> <a href="/prezentacii/prezentacii-po-informatike/97377-kommunikacionnye-tehnologii.html"><img border="0" src="/upload/resize_cache/webp/iblock/17d/17dea3c4256c6f98635d8bdc825f6365.webp" alt="Коммуникационные технологии" title="Коммуникационные технологии"></a> </div> <div class="inside_page_rel_news_item_content"> <h3><a href="/prezentacii/prezentacii-po-informatike/97377-kommunikacionnye-tehnologii.html" title="Коммуникационные технологии">Коммуникационные технологии</a> </h3> <span>Локальные компьютерные сети. При работе на персональном компьютере в автономном режиме пользователи могут обмениваться информацией, лишь копируя ее ...</span> </div> </div> </div> <div class="relate_block_item_wrapper"> <div class="inside_page_rel_news_item"> <div class="inside_page_rel_news_item_img"> <a href="/prezentacii/prezentacii-po-informatike/9615-informacionno-kommunikacionnye-tehnologii.html"><img border="0" src="/upload/resize_cache/webp/iblock/bd1/bd1cf7f794cc203aa90a866c3c301691.webp" alt="Информационно-коммуникационные технологии" title="Информационно-коммуникационные технологии"></a> </div> <div class="inside_page_rel_news_item_content"> <h3><a href="/prezentacii/prezentacii-po-informatike/9615-informacionno-kommunikacionnye-tehnologii.html" title="Информационно-коммуникационные технологии">Информационно-коммуникационные технологии</a> </h3> <span>Учитель-предметник -. Учитель-тьютор -. использует ИКТ в качестве подсобного инструмента в своей педагогической деятельности, но его компетентность ...</span> </div> </div> </div> <div class="relate_block_item_wrapper"> <div class="inside_page_rel_news_item"> <div class="inside_page_rel_news_item_img"> <a href="/prezentacii/prezentacii-po-informatike/49529-metodicheskaya-razrabotka-sozdanie-prezentaciy-elektivnyy-kurs-dlya-10-klassa.html"><img border="0" src="/upload/resize_cache/webp/iblock/122/122c57a2f5c1cadb9f6698ba7c07657f.webp" alt="Методическая разработка Создание презентаций Элективный курс для 10 класса." title="Методическая разработка Создание презентаций Элективный курс для 10 класса."></a> </div> <div class="inside_page_rel_news_item_content"> <h3><a href="/prezentacii/prezentacii-po-informatike/49529-metodicheskaya-razrabotka-sozdanie-prezentaciy-elektivnyy-kurs-dlya-10-klassa.html" title="Методическая разработка Создание презентаций Элективный курс для 10 класса.">Методическая разработка Создание презентаций Элективный курс для 10 класса.</a> </h3> <span>Элективный курс для 10 класса. Создание презентаций с помощью редактора POWERPOINT. ЦЕЛИ ЗАНЯТИЯ. Научиться: Использовать различные режимы просмотра ...</span> </div> </div> </div> <div class="relate_block_item_wrapper"> <div class="inside_page_rel_news_item"> <div class="inside_page_rel_news_item_img"> <a href="/prezentacii/prezentacii-po-informatike/137103-kompjuternye-tehnologii-inzhenernogo-analiza-msc.html"><img border="0" src="/upload/resize_cache/webp/iblock/062/062bc5447c82a1d269ba92fd7529943c.webp" alt="Компьютерные технологии инженерного анализа MSC" title="Компьютерные технологии инженерного анализа MSC"></a> </div> <div class="inside_page_rel_news_item_content"> <h3><a href="/prezentacii/prezentacii-po-informatike/137103-kompjuternye-tehnologii-inzhenernogo-analiza-msc.html" title="Компьютерные технологии инженерного анализа MSC">Компьютерные технологии инженерного анализа MSC</a> </h3> <span>Стр. Цель семинара 3 Коротко о компании 4 Что такое MSC Nastran 6 Поддержка клиентов MSC 9 Дополнительные источники информации 11 Обучение в MSC.Software ...</span> </div> </div> </div> <div class="relate_block_item_wrapper"> <div class="inside_page_rel_news_item"> <div class="inside_page_rel_news_item_img"> <a href="/prezentacii/prezentacii-po-informatike/76282-sredstva-svjazi-i-tehnologii-mobilnoj-svjazi.html"><img border="0" src="/upload/resize_cache/webp/iblock/00f/00f65383a2cd05cde9006d4dd57d04a5.webp" alt="Средства связи и технологии мобильной связи" title="Средства связи и технологии мобильной связи"></a> </div> <div class="inside_page_rel_news_item_content"> <h3><a href="/prezentacii/prezentacii-po-informatike/76282-sredstva-svjazi-i-tehnologii-mobilnoj-svjazi.html" title="Средства связи и технологии мобильной связи">Средства связи и технологии мобильной связи</a> </h3> <span>Темы:. Мобильный телефон и среда мобильной связи; Операторы мобильной связи; Сервисы мобильной связи: разговор, мобильный Интернет, мобильная почта; ...</span> </div> </div> </div> <div class="relate_block_item_wrapper"> <div class="inside_page_rel_news_item"> <div class="inside_page_rel_news_item_img"> <a href="/prezentacii/prezentacii-po-informatike/108998-vvedenie-ponjatie-informacionnoj-tehnologii.html"><img border="0" src="/upload/resize_cache/webp/iblock/192/1921c546e998663264e53f832ee557dd.webp" alt="Введение. Понятие информационной технологии" title="Введение. Понятие информационной технологии"></a> </div> <div class="inside_page_rel_news_item_content"> <h3><a href="/prezentacii/prezentacii-po-informatike/108998-vvedenie-ponjatie-informacionnoj-tehnologii.html" title="Введение. Понятие информационной технологии">Введение. Понятие информационной технологии</a> </h3> <span>1.1 Понятие информационной технологии. Информационная технология (ИТ) - совокупность средств и методов сбора, обработки и передачи данных (первичной ...</span> </div> </div> </div> <div class="relate_block_item_wrapper"> <div class="inside_page_rel_news_item"> <div class="inside_page_rel_news_item_img"> <a href="/prezentacii/prezentacii-po-informatike/116012-ponjatija-metoda-i-tehnologii-proektirovanija-programmnogo-obespechenija.html"><img border="0" src="/upload/resize_cache/webp/iblock/c19/c19fb2247496d7cd94f14ff62cc50ce3.webp" alt="Понятия метода и технологии проектирования программного обеспечения" title="Понятия метода и технологии проектирования программного обеспечения"></a> </div> <div class="inside_page_rel_news_item_content"> <h3><a href="/prezentacii/prezentacii-po-informatike/116012-ponjatija-metoda-i-tehnologii-proektirovanija-programmnogo-obespechenija.html" title="Понятия метода и технологии проектирования программного обеспечения">Понятия метода и технологии проектирования программного обеспечения</a> </h3> <span>1. Определение метода и технологии 2. Требования к технологии 3. Ресурсы для жизненного цикла сложных программных средств. Определение метода и технологии. ...</span> </div> </div> </div> <div class="relate_block_item_wrapper"> <div class="inside_page_rel_news_item"> <div class="inside_page_rel_news_item_img"> <a href="/prezentacii/prezentacii-po-informatike/129184-informacionnye-tehnologii.html"><img border="0" src="/upload/resize_cache/webp/iblock/544/544de0ffaea9d47814a63c615601a1dd.webp" alt="Информационные технологии" title="Информационные технологии"></a> </div> <div class="inside_page_rel_news_item_content"> <h3><a href="/prezentacii/prezentacii-po-informatike/129184-informacionnye-tehnologii.html" title="Информационные технологии">Информационные технологии</a> </h3> <span>Применение компьютерных технологий:. 1) Типы компьютерных технологий 2) Задачи с компьютерной поддержкой. технологии компьютерных демонстраций. демонстрация ...</span> </div> </div> </div> </div> </div> <div class="inside_page_rel_news"> <h2 id="konspekty">Конспекты</h2> <div class="inside_page_rel_news_wrapper"> <div class="relate_block_item_wrapper"> <div class="inside_page_kon_news_item"> <div class="inside_page_rel_news_item_img"> <a href="/konspekty/konspekty-po-informatike/23422-konspekt-uroka-po-informatike-kommunikacionnye-tehnologii-9-klass.html"><img border="0" src="https://prezentacii.org/word_logo.png" alt="Коммуникационные технологии" title="Коммуникационные технологии"></a> </div> <div class="inside_page_rel_news_item_content"> <h3><a href="/konspekty/konspekty-po-informatike/23422-konspekt-uroka-po-informatike-kommunikacionnye-tehnologii-9-klass.html" title="Коммуникационные технологии">Коммуникационные технологии</a> </h3> <span>вучПЛАН-КОНСПЕКТ УРОКА. «Адресация в сети Интернет». . ФИО (полностью). . . Меркулова Марина Владимировна. . . . Место работы. ...</span> </div> </div> </div> <div class="relate_block_item_wrapper"> <div class="inside_page_kon_news_item"> <div class="inside_page_rel_news_item_img"> <a href="/konspekty/konspekty-po-informatike/19446-konspekt-uroka-po-informatike-telekommunikacionnye-tehnologii-11-klass.html"><img border="0" src="https://prezentacii.org/word_logo.png" alt="Телекоммуникационные технологии" title="Телекоммуникационные технологии"></a> </div> <div class="inside_page_rel_news_item_content"> <h3><a href="/konspekty/konspekty-po-informatike/19446-konspekt-uroka-po-informatike-telekommunikacionnye-tehnologii-11-klass.html" title="Телекоммуникационные технологии">Телекоммуникационные технологии</a> </h3> <span>Урок информатики «Решение задач по теме «Телекоммуникационные технологии». Класс: 11 (информационно-технологический). План урока. 1.Вводное слово ...</span> </div> </div> </div> <div class="relate_block_item_wrapper"> <div class="inside_page_kon_news_item"> <div class="inside_page_rel_news_item_img"> <a href="/konspekty/konspekty-po-informatike/10093-konspekt-otkrytogo-uroka-informatika-i-informacionnye-kommunikacionnye-tehnologii.html"><img border="0" src="https://prezentacii.org/word_logo.png" alt="Информатика и информационные коммуникационные технологии" title="Информатика и информационные коммуникационные технологии"></a> </div> <div class="inside_page_rel_news_item_content"> <h3><a href="/konspekty/konspekty-po-informatike/10093-konspekt-otkrytogo-uroka-informatika-i-informacionnye-kommunikacionnye-tehnologii.html" title="Информатика и информационные коммуникационные технологии">Информатика и информационные коммуникационные технологии</a> </h3> <span>. Конспект открытого урока. Предмет:. Информатика и информационные. . коммуникационные технологии. Урок разработал и провёл:. ...</span> </div> </div> </div> <div class="relate_block_item_wrapper"> <div class="inside_page_kon_news_item"> <div class="inside_page_rel_news_item_img"> <a href="/konspekty/konspekty-po-informatike/15342-konspekt-uroka-po-informatike-kommunikacionnye-tehnologii-8-klass.html"><img border="0" src="https://prezentacii.org/word_logo.png" alt="Коммуникационные технологии" title="Коммуникационные технологии"></a> </div> <div class="inside_page_rel_news_item_content"> <h3><a href="/konspekty/konspekty-po-informatike/15342-konspekt-uroka-po-informatike-kommunikacionnye-tehnologii-8-klass.html" title="Коммуникационные технологии">Коммуникационные технологии</a> </h3> <span>Муниципальное бюджетное общеобразовательное учреждение Комсомольская средняя общеобразовательная школа. Тема: «Информационные ресурсы Интернета». ...</span> </div> </div> </div> <div class="relate_block_item_wrapper"> <div class="inside_page_kon_news_item"> <div class="inside_page_rel_news_item_img"> <a href="/konspekty/konspekty-po-informatike/19468-konspekt-uroka-po-informatike-strukturnoe-modul-noe-ob-ektno-orientirovannoe-programmirovanie-oblachnye-tehnologii-10-klass.html"><img border="0" src="https://prezentacii.org/word_logo.png" alt="Структурное, модульное, объектно-ориентированное программирование, облачные технологии" title="Структурное, модульное, объектно-ориентированное программирование, облачные технологии"></a> </div> <div class="inside_page_rel_news_item_content"> <h3><a href="/konspekty/konspekty-po-informatike/19468-konspekt-uroka-po-informatike-strukturnoe-modul-noe-ob-ektno-orientirovannoe-programmirovanie-oblachnye-tehnologii-10-klass.html" title="Структурное, модульное, объектно-ориентированное программирование, облачные технологии">Структурное, модульное, объектно-ориентированное программирование, облачные технологии</a> </h3> <span>УРОК 5. Класс:. 10. Дата проведения:. . Тема урока:. . Структурное, модульное, объектно-ориентированное программирование, облачные технологии. ...</span> </div> </div> </div> <div class="relate_block_item_wrapper"> <div class="inside_page_kon_news_item"> <div class="inside_page_rel_news_item_img"> <a href="/konspekty/konspekty-po-informatike/19372-konspekt-uroka-po-informatike-spiski-na-web--stranicah.html"><img border="0" src="https://prezentacii.org/word_logo.png" alt="Списки на Web -страницах" title="Списки на Web -страницах"></a> </div> <div class="inside_page_rel_news_item_content"> <h3><a href="/konspekty/konspekty-po-informatike/19372-konspekt-uroka-po-informatike-spiski-na-web--stranicah.html" title="Списки на Web -страницах">Списки на Web -страницах</a> </h3> <span>Муниципальное бюджетное общеобразовательное учреждение. . «Северная средняя общеобразовательная школа». Тема. : «Списки на Web ...</span> </div> </div> </div> <div class="relate_block_item_wrapper"> <div class="inside_page_kon_news_item"> <div class="inside_page_rel_news_item_img"> <a href="/konspekty/konspekty-po-informatike/26921-konspekt-uroka-po-informatike-seti-i-setevye-tehnologii.html"><img border="0" src="https://prezentacii.org/word_logo.png" alt="Сети и сетевые технологии" title="Сети и сетевые технологии"></a> </div> <div class="inside_page_rel_news_item_content"> <h3><a href="/konspekty/konspekty-po-informatike/26921-konspekt-uroka-po-informatike-seti-i-setevye-tehnologii.html" title="Сети и сетевые технологии">Сети и сетевые технологии</a> </h3> <span>РОССИЙСКАЯ ФЕДЕРАЦИЯ. МИНИСТЕРСТВО ОБРАЗОВАНИЯ И НАУКИ. КАЛУЖСКОЙ ОБЛАСТИ. ГАОУ СПО «Калужский колледж. информационных технологий и управления». ...</span> </div> </div> </div> <div class="relate_block_item_wrapper"> <div class="inside_page_kon_news_item"> <div class="inside_page_rel_news_item_img"> <a href="/konspekty/konspekty-po-informatike/19401-konspekt-uroka-po-informatike-komp-yuternye-seti-i-setevye-tehnologii.html"><img border="0" src="https://prezentacii.org/word_logo.png" alt="Компьютерные сети и сетевые технологии" title="Компьютерные сети и сетевые технологии"></a> </div> <div class="inside_page_rel_news_item_content"> <h3><a href="/konspekty/konspekty-po-informatike/19401-konspekt-uroka-po-informatike-komp-yuternye-seti-i-setevye-tehnologii.html" title="Компьютерные сети и сетевые технологии">Компьютерные сети и сетевые технологии</a> </h3> <span>ПЛАН - КОНСПЕКТ УРОКА. Тема раздела:. Компьютерные сети и сетевые технологии. Тема урока:. Топологии компьютерных сетей. Цель урока:. Формирование ...</span> </div> </div> </div> <div class="relate_block_item_wrapper"> <div class="inside_page_kon_news_item"> <div class="inside_page_rel_news_item_img"> <a href="/konspekty/konspekty-po-informatike/19480-konspekt-uroka-po-informatike-komp-yuternye-prezentacii-s-ispol-zovaniem-mul-timedia-tehnologii.html"><img border="0" src="https://prezentacii.org/word_logo.png" alt="Компьютерные презентации с использованием мультимедиа технологии" title="Компьютерные презентации с использованием мультимедиа технологии"></a> </div> <div class="inside_page_rel_news_item_content"> <h3><a href="/konspekty/konspekty-po-informatike/19480-konspekt-uroka-po-informatike-komp-yuternye-prezentacii-s-ispol-zovaniem-mul-timedia-tehnologii.html" title="Компьютерные презентации с использованием мультимедиа технологии">Компьютерные презентации с использованием мультимедиа технологии</a> </h3> <span>Конспект урока по теме. . «Компьютерные презентации с использованием мультимедиа технологии». Цели урока. :. Образовательные:. изучение ...</span> </div> </div> </div> <div class="relate_block_item_wrapper"> <div class="inside_page_kon_news_item"> <div class="inside_page_rel_news_item_img"> <a href="/konspekty/konspekty-po-informatike/42906-konspekt-uroka-po-teme-komp-yuternye-prezentacii-s-ispol-zovaniem-mul-timedia-tehnologii.html"><img border="0" src="https://prezentacii.org/word_logo.png" alt="Компьютерные презентации с использованием мультимедиа технологии" title="Компьютерные презентации с использованием мультимедиа технологии"></a> </div> <div class="inside_page_rel_news_item_content"> <h3><a href="/konspekty/konspekty-po-informatike/42906-konspekt-uroka-po-teme-komp-yuternye-prezentacii-s-ispol-zovaniem-mul-timedia-tehnologii.html" title="Компьютерные презентации с использованием мультимедиа технологии">Компьютерные презентации с использованием мультимедиа технологии</a> </h3> <span>Конспект урока по теме. . «Компьютерные презентации с использованием мультимедиа технологии». Цели урока. : изучение. понятий компьютерные ...</span> </div> </div> </div> </div> </div> <div class="inside_page_tips"> <h2 id="tips">Советы как сделать хороший доклад презентации или проекта</h2> <ol> <li>Постарайтесь вовлечь аудиторию в рассказ, настройте взаимодействие с аудиторией с помощью наводящих вопросов, игровой части, не бойтесь пошутить и искренне улыбнуться (где это уместно). </li> <li>Старайтесь объяснять слайд своими словами, добавлять дополнительные интересные факты, не нужно просто читать информацию со слайдов, ее аудитория может прочитать и сама. </li> <li>Не нужно перегружать слайды Вашего проекта текстовыми блоками, больше иллюстраций и минимум текста позволят лучше донести информацию и привлечь внимание. На слайде должна быть только ключевая информация, остальное лучше рассказать слушателям устно. </li> <li>Текст должен быть хорошо читаемым, иначе аудитория не сможет увидеть подаваемую информацию, будет сильно отвлекаться от рассказа, пытаясь хоть что-то разобрать, или вовсе утратит весь интерес. Для этого нужно правильно подобрать шрифт, учитывая, где и как будет происходить трансляция презентации, а также правильно подобрать сочетание фона и текста. </li> <li>Важно провести репетицию Вашего доклада, продумать, как Вы поздороваетесь с аудиторией, что скажете первым, как закончите презентацию. Все приходит с опытом. </li> <li>Правильно подберите наряд, т.к. одежда докладчика также играет большую роль в восприятии его выступления. </li> <li>Старайтесь говорить уверенно, плавно и связно.</li> <li>Старайтесь получить удовольствие от выступления, тогда Вы сможете быть более непринужденным и будете меньше волноваться. </li> </ol> </div> </div> <div class="right_info"> <div class="info_grid"> <h2>Информация о презентации</h2> <div class="info_grid_element_rating"> <span>Ваша оценка:</span> <span class="rating_tip">Оцените презентацию по шкале от 1 до 5 баллов</span> <!--'start_frame_cache_dv_18641'--> <div class="rating"> <div class="iblock-vote" id="vote_18641" itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating"> <meta itemprop="ratingValue" content="5" /> <meta itemprop="reviewCount" content="1" /> <meta itemprop="bestRating" content="5" /> <meta itemprop="worstRating" content="0" /> <script type="text/javascript"> if(!window.voteScript) window.voteScript = { trace_vote: function(div, flag) { var my_div; var r = div.id.match(/^vote_(\d+)_(\d+)$/); for(var i = r[2]; i >= 0; i--) { my_div = document.getElementById('vote_'+r[1]+'_'+i); if(my_div) { if(flag) { if(!my_div.saved_class) my_div.saved_className = my_div.className; if(my_div.className!='star-active star-over') my_div.className = 'star-active star-over'; } else { if(my_div.saved_className && my_div.className != my_div.saved_className) my_div.className = my_div.saved_className; } } } i = r[2]+1; while(my_div = document.getElementById('vote_'+r[1]+'_'+i)) { if(my_div.saved_className && my_div.className != my_div.saved_className) my_div.className = my_div.saved_className; i++; } }, do_vote: function(div, parent_id, arParams) { var r = div.id.match(/^vote_(\d+)_(\d+)$/); var vote_id = r[1]; var vote_value = r[2]; function __handler(data) { var obContainer = document.getElementById(parent_id); if (obContainer) { var obResult = document.createElement("DIV"); obResult.innerHTML = data; obContainer.parentNode.replaceChild(obResult, obContainer); } } arParams['vote'] = 'Y'; arParams['vote_id'] = vote_id; arParams['rating'] = vote_value; BX.ajax.post( '/bitrix/components/bitrix/iblock.vote/component.php', arParams, __handler ); } } </script> <table> <tr> <td><div id="vote_18641_0" class="star-active star-voted" title="1" onmouseover="voteScript.trace_vote(this, true);" onmouseout="voteScript.trace_vote(this, false)" onclick="voteScript.do_vote(this, 'vote_18641', {'SESSION_PARAMS':'2b698cfbc00a4634d41468854b4bd2aa','PAGE_PARAMS':{'ELEMENT_ID':'18641'},'sessid':'fae98652ca166dea4dc56367591e8231','AJAX_CALL':'Y'})"></div></td> <td><div id="vote_18641_1" class="star-active star-voted" title="2" onmouseover="voteScript.trace_vote(this, true);" onmouseout="voteScript.trace_vote(this, false)" onclick="voteScript.do_vote(this, 'vote_18641', {'SESSION_PARAMS':'2b698cfbc00a4634d41468854b4bd2aa','PAGE_PARAMS':{'ELEMENT_ID':'18641'},'sessid':'fae98652ca166dea4dc56367591e8231','AJAX_CALL':'Y'})"></div></td> <td><div id="vote_18641_2" class="star-active star-voted" title="3" onmouseover="voteScript.trace_vote(this, true);" onmouseout="voteScript.trace_vote(this, false)" onclick="voteScript.do_vote(this, 'vote_18641', {'SESSION_PARAMS':'2b698cfbc00a4634d41468854b4bd2aa','PAGE_PARAMS':{'ELEMENT_ID':'18641'},'sessid':'fae98652ca166dea4dc56367591e8231','AJAX_CALL':'Y'})"></div></td> <td><div id="vote_18641_3" class="star-active star-voted" title="4" onmouseover="voteScript.trace_vote(this, true);" onmouseout="voteScript.trace_vote(this, false)" onclick="voteScript.do_vote(this, 'vote_18641', {'SESSION_PARAMS':'2b698cfbc00a4634d41468854b4bd2aa','PAGE_PARAMS':{'ELEMENT_ID':'18641'},'sessid':'fae98652ca166dea4dc56367591e8231','AJAX_CALL':'Y'})"></div></td> <td><div id="vote_18641_4" class="star-active star-voted" title="5" onmouseover="voteScript.trace_vote(this, true);" onmouseout="voteScript.trace_vote(this, false)" onclick="voteScript.do_vote(this, 'vote_18641', {'SESSION_PARAMS':'2b698cfbc00a4634d41468854b4bd2aa','PAGE_PARAMS':{'ELEMENT_ID':'18641'},'sessid':'fae98652ca166dea4dc56367591e8231','AJAX_CALL':'Y'})"></div></td> </tr> </table> </div> </div> <!--'end_frame_cache_dv_18641'--> </div> <div class="info_grid_element"> <span>Дата добавления:</span>6 ноября 2018 </div> <div class="info_grid_element"><span>Категория:</span><a href="/prezentacii/prezentacii-po-informatike/" title="Смотреть другие презентации из категории Информатика">Информатика</a> </div> <div class="info_grid_element"> <span>Содержит:</span>27 слайд(ов) </div> <div class="info_grid_element_2"><span>Поделись с друзьями:</span><span> <div class="ya-share2" data-services="vkontakte,facebook,odnoklassniki,moimir,twitter"></div> </span> </div> <a class="file_link" href="/download/18641/" rel="nofollow">Скачать презентацию</a> </div> <div class="same_block"> <h2>Презентации из категории</h2> <div class="inside_page_same_news_wrapper"> <div class="same_block_item_wrapper"> <div class="inside_page_same_news_item"> <div class="inside_page_rel_news_item_img"> <a href="/prezentacii/prezentacii-po-informatike/92700-podprogrammy.html"><img border="0" src="/upload/resize_cache/webp/iblock/084/084d4c0ad3f630d5b2c6a85fea656cac.webp" alt="Подпрограммы" title="Подпрограммы"></a> </div> <div class="inside_page_rel_news_item_content"> <h3><a href="/prezentacii/prezentacii-po-informatike/92700-podprogrammy.html" title="Подпрограммы">Подпрограммы</a> </h3> </div> </div> </div> <div class="same_block_item_wrapper"> <div class="inside_page_same_news_item"> <div class="inside_page_rel_news_item_img"> <a href="/prezentacii/prezentacii-po-informatike/3739-komp-yuter-i-zdorov-e-shkol-nika.html"><img border="0" src="/upload/resize_cache/webp/iblock/b38/b388a463a14fef41b0f49120b2ff14fe.webp" alt="Компьютер и здоровье школьника" title="Компьютер и здоровье школьника"></a> </div> <div class="inside_page_rel_news_item_content"> <h3><a href="/prezentacii/prezentacii-po-informatike/3739-komp-yuter-i-zdorov-e-shkol-nika.html" title="Компьютер и здоровье школьника">Компьютер и здоровье школьника</a> </h3> </div> </div> </div> <div class="same_block_item_wrapper"> <div class="inside_page_same_news_item"> <div class="inside_page_rel_news_item_img"> <a href="/prezentacii/prezentacii-po-informatike/10446-ponyatie-algoritma-vidy-algoritmov.html"><img border="0" src="/upload/resize_cache/webp/iblock/09b/09b8a916a89a589186bd26d371960489.webp" alt="Понятие алгоритма. Виды алгоритмов" title="Понятие алгоритма. Виды алгоритмов"></a> </div> <div class="inside_page_rel_news_item_content"> <h3><a href="/prezentacii/prezentacii-po-informatike/10446-ponyatie-algoritma-vidy-algoritmov.html" title="Понятие алгоритма. Виды алгоритмов">Понятие алгоритма. Виды алгоритмов</a> </h3> </div> </div> </div> <div class="same_block_item_wrapper"> <div class="inside_page_same_news_item"> <div class="inside_page_rel_news_item_img"> <a href="/prezentacii/prezentacii-po-informatike/136246-znakomstvo-s-klaviaturoj.html"><img border="0" src="/upload/resize_cache/webp/iblock/11f/11fd071b2c15f7f3f7b9d81d92419d3c.webp" alt="Знакомство с клавиатурой" title="Знакомство с клавиатурой"></a> </div> <div class="inside_page_rel_news_item_content"> <h3><a href="/prezentacii/prezentacii-po-informatike/136246-znakomstvo-s-klaviaturoj.html" title="Знакомство с клавиатурой">Знакомство с клавиатурой</a> </h3> </div> </div> </div> <div class="same_block_item_wrapper"> <div class="inside_page_same_news_item"> <div class="inside_page_rel_news_item_img"> <a href="/prezentacii/prezentacii-po-informatike/121900-rabota-s-krossvordom-v-microsoft-office-excel.html"><img border="0" src="/upload/resize_cache/webp/iblock/fd1/fd1271bbf0fc4c62193b305671935352.webp" alt="Работа с кроссвордом в Microsoft Office Excel" title="Работа с кроссвордом в Microsoft Office Excel"></a> </div> <div class="inside_page_rel_news_item_content"> <h3><a href="/prezentacii/prezentacii-po-informatike/121900-rabota-s-krossvordom-v-microsoft-office-excel.html" title="Работа с кроссвордом в Microsoft Office Excel">Работа с кроссвордом в Microsoft Office Excel</a> </h3> </div> </div> </div> <div class="same_block_item_wrapper"> <div class="inside_page_same_news_item"> <div class="inside_page_rel_news_item_img"> <a href="/prezentacii/prezentacii-po-informatike/45196-rastrovoe-i-vektornoe-kodirovanie-graficheskoy-informacii.html"><img border="0" src="/upload/resize_cache/webp/iblock/f36/f36a572d6f84effee9fa65869fa9d74c.webp" alt="Растровое и векторное кодирование графической информации" title="Растровое и векторное кодирование графической информации"></a> </div> <div class="inside_page_rel_news_item_content"> <h3><a href="/prezentacii/prezentacii-po-informatike/45196-rastrovoe-i-vektornoe-kodirovanie-graficheskoy-informacii.html" title="Растровое и векторное кодирование графической информации">Растровое и векторное кодирование графической информации</a> </h3> </div> </div> </div> <div class="same_block_item_wrapper"> <div class="inside_page_same_news_item"> <div class="inside_page_rel_news_item_img"> <a href="/prezentacii/prezentacii-po-informatike/949-pokoleniya-evm.html"><img border="0" src="/upload/resize_cache/webp/iblock/b94/b94c331ee5965245b6edec1fa51bb380.webp" alt="Поколения ЭВМ" title="Поколения ЭВМ"></a> </div> <div class="inside_page_rel_news_item_content"> <h3><a href="/prezentacii/prezentacii-po-informatike/949-pokoleniya-evm.html" title="Поколения ЭВМ">Поколения ЭВМ</a> </h3> </div> </div> </div> <div class="same_block_item_wrapper"> <div class="inside_page_same_news_item"> <div class="inside_page_rel_news_item_img"> <a href="/prezentacii/prezentacii-po-informatike/78445-graficheskie-redaktory.html"><img border="0" src="/upload/resize_cache/webp/iblock/b61/b6165774f25515aaf0d4fa636c210bc6.webp" alt="Графические редакторы" title="Графические редакторы"></a> </div> <div class="inside_page_rel_news_item_content"> <h3><a href="/prezentacii/prezentacii-po-informatike/78445-graficheskie-redaktory.html" title="Графические редакторы">Графические редакторы</a> </h3> </div> </div> </div> <div class="same_block_item_wrapper"> <div class="inside_page_same_news_item"> <div class="inside_page_rel_news_item_img"> <a href="/prezentacii/prezentacii-po-informatike/1144-fayly-i-faylovaya-sistema.html"><img border="0" src="/upload/resize_cache/webp/iblock/6d4/6d4c04d5c68fc54eb114d34451c09751.webp" alt="Файлы и файловая система" title="Файлы и файловая система"></a> </div> <div class="inside_page_rel_news_item_content"> <h3><a href="/prezentacii/prezentacii-po-informatike/1144-fayly-i-faylovaya-sistema.html" title="Файлы и файловая система">Файлы и файловая система</a> </h3> </div> </div> </div> <div class="same_block_item_wrapper"> <div class="inside_page_same_news_item"> <div class="inside_page_rel_news_item_img"> <a href="/prezentacii/prezentacii-po-informatike/132974-jazyk-programmirovanija-s.html"><img border="0" src="/upload/resize_cache/webp/iblock/4b8/4b88c5d23af937964e53e7cf453d47c3.webp" alt="Язык программирования С++" title="Язык программирования С++"></a> </div> <div class="inside_page_rel_news_item_content"> <h3><a href="/prezentacii/prezentacii-po-informatike/132974-jazyk-programmirovanija-s.html" title="Язык программирования С++">Язык программирования С++</a> </h3> </div> </div> </div> </div> </div> <a class="tips_link" href="#tips" rel="nofollow">Смотреть советы по подготовке презентации</a> </div> </div> <script> slideShow('.slider', { isAutoplay: false }); </script> <div id="bxdynamic_CxqOHg_end" style="display:none"></div> </div> </div> </div> </div> <!-- рекл Рся Fulscreen --> <!-- Yandex.Metrika counter --> <script type="text/javascript" > (function (d, w, c) { (w[c] = w[c] || []).push(function() { try { w.yaCounter29672320 = new Ya.Metrika({ id:29672320, clickmap:true, trackLinks:true, accurateTrackBounce:true }); } catch(e) { } }); var n = d.getElementsByTagName("script")[0], s = d.createElement("script"), f = function () { n.parentNode.insertBefore(s, n); }; s.type = "text/javascript"; s.async = true; s.src = "https://mc.yandex.ru/metrika/watch.js"; if (w.opera == "[object Opera]") { d.addEventListener("DOMContentLoaded", f, false); } else { f(); } })(document, window, "yandex_metrika_callbacks"); </script> <!-- /Yandex.Metrika counter --> <script> (renderRecaptcha = function(elementId){ if (typeof(grecaptcha) != 'undefined') { var element = document.getElementById(elementId); if (element != undefined && element.childNodes.length == 0) { grecaptcha.render(element, { 'sitekey': '6LdqFc4hAAAAAOyFqPNaYhFzegeWEA0sxrgGWbY6' }); } } })(); </script></body> </html><!--d12bc6bf28bb9b9ac8a39cc766d97fba-->