с помощью форм
Министерство образования Тульской области
Государственное профессиональное образовательное учреждение
Тульской

области
«Донской колледж информационных технологий»

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

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

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

2014 год

HTML (Hyper Text Markup Language). В обычный текстовый документ вставляются

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

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

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

Их назначение – уточнять тэги, более подробно описывать действия над

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

3

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

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

или парными. Парные тэги содержат открывающиеся и закрывающиеся тэги (

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

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

слишком привлекательно – мелкий шрифт черного цвета на белом фоне.

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

Размер шрифта заголовков задается парами тэгов от

(самый крупный) до

(самый мелкий).
Для форматирования заголовков используются следующие пары тэгов:

– полужирный шрифт.
– отмена полужирного шрифта.

– курсив.
– отмена курсива.

– подчёркивание.
– отмена подчёркивания.

– полужирный шрифт.
– отмена полужирного шрифта.

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

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

принимать определенные значения. С помощью тэга и его

атрибутов можно задать параметры форматирования шрифта.
– изменение шрифта.
– отмена действия шрифта.

Атрибуты:
FACE = “название шрифта” – изменение гарнитуры (начертания) шрифта (например, FACE=“Arial”).

SIZE = размер шрифта – изменение размера шрифта фрагмента текста, используется в середине строки, т.к. после окончания своего действия не разбивает строку (например, SIZE=4).
Атрибуты могут перечисляться через пробел в произвольном порядке.

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

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

текста.

Например, чтобы в окне обозревателя текст отображался красным цветом, нужно

ввести в HTML-код такую команду:

текст

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

шестнадцатеричные цифры задают интенсивность красного (Red), две следующие - интенсивность

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

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

с помощью одиночного тэга .
Атрибуты тега

SIZE = “толщина линии”

в пикселях

WIDTH = “ширина линии” в пикселях или 80%
LEFT
ALIGN = RIGHT
CENTER
Абзацы.

– переход на следующую строку.

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

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

Пример действия этого тега:
первый абзац отображается так, как введен в блокноте, т.к. на него распространяется действие тега, а второй абзац отображается произвольным образом.

^{– текст сдвигается вверх (верхний индекс).}
– отмена сдвига.

_{– текст сдвигается вниз (нижний индекс).}
– отмена сдвига.

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

. При просмотре в браузере абзацы отделяются друг от друга

интервалами. Для каждого абзаца можно задать определенный тип выравнивания и параметры форматирования шрифта.

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

для выравнивания текста

Атрибуту ALIGN может быть присвоено одно из 4-х значений:

LEFT
ALIGN = RIGHT
CENTER
JUSTIFY

Позволяет выравнивать текст :
по левой границе: ALIGN = “left”
по правой границе: ALIGN = “right”
по центру: ALIGN = “center”
по ширине: ALIGN = “justify”

Пример записи и результат действия этого тега с различными значениями атрибутов.

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

в графических файлах трех форматов – GIF, JPEG, PNG.
Для вставки

изображения используется тэг с атрибутом SRC, который указывает на место хранения файла на локальном компьютере или в Интернете.


Если графический файл находится на локальном компьютере в той же папке, что и файл Web – страницы, то в качестве значения атрибута SRC достаточно указать только имя файла.

Если файл находится в другой папке на данном локальном компьютере, то значением атрибута должно быть полное имя файла, включая путь к нему в многоуровневой системе папок. Есть различия в написании полного имени файла в операционных системах Windows и Linux. Рассмотрим на примере операционной системы Windows:

Если файл находится на удаленном сервере в Интернете, то должен быть указан Интернет – адрес этого файла. Например:

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

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

или поясняющий текст”

Используется в качестве текстового описания к данному изображению,

появляется при наведении указателя мыши на картинку.

WIDTH = “ширина” (в пикселях или в %)
HIGHT = “высота” (в пикселях или в %)

BORDER = “число” в пикселях

Определяет рамку вокруг изображения.

HSPACE = “число” в пикселях
VSPACE = “число” в пикселях

Определяют горизонтальный и вертикальный отступ вокруг изображения соответственно.

Пример записи и результат действия этого тега с различными значениями атрибутов.

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

12

атрибут ALIGN, который может принимать пять различных значение:
TOP (верх)
MIDDLE (середина)
BOTTOM

(низ)
LEFT (слева)
RIGHT (справа)
Атрибут ALIGN

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

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

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

отключают в браузере загрузку графических изображение и читают только тексты.

Чтобы не терялся смысл страницы, вместо рисунка должен выводиться альтернативный текст.
Альтернативный текст выводится с помощью атрибута ALT, значением которого является текст, поясняющий, что должен был бы увидеть пользователь на рисунке:
ALT = “Компьютер”>

другие Web – страницы, хранящиеся на локальном компьютере или в

Интернете. Гиперссылка состоит из двух частей: адреса и указателя ссылки.
Гиперссылка создается с помощью универсального тэга, и его атрибута HREF, указывающего, в каком файле хранится загружаемая Web – страница.

активный
текст или изображение
Если файл находится в другой папке, то нужно указывать путь к нему.
Если создается ссылка на ресурс Интернета, то нужно указать его URL:

активный текст или изображение

Можно организовать сообщение по электронной почте
активный текст или изображение

Атрибуты тега для задания цвета ссылок

LINK= “цвет или код цвета” - задает цвет ссылки.
VLINK= “цвет или код цвета” - задает цвет просмотренной ссылки
Пример записи и результат действия тегов с использованием изображения в качестве гиперссылки.

15

Создание ссылок

документа, если предварительно расставить в начале таких частей метки.

“#имя метки”>активный текст или изображение
Создает ссылку на метку в текущем HTML-документе:

начало текстового фрагмента

Можно также создать ссылку на метку в другом документе:

активный текст или изображение

Пример записи и результат действия тэгов.

Создание ссылок

выделить эти части (области) и определить их координаты. Такое изображение

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

Тег, который позволяет определить карту:


Между открывающим и закрывающим тегами

текста, заменяющего изображение-карту, не является обязательным.
Атрибут, определяющий форму области на

карте:
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 тэга . Если описание карты расположено на той же станице, что и ссылка на изображение (как обычно и бывает), имени карты должен предшествовать символ цифры (#).

Например:

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

заголовка таблицы.
– конец заголовка таблицы.
Заголовок располагается прямо по

центру относительно ширины таблицы.

(Table Header) – начало заголовков столбцов или строк таблицы.
– конец заголовков столбцов или строк таблицы.

(Table Row) – начало строки таблицы.
– конец строки таблицы.

– начало ячейки таблицы.
– конец ячейки таблицы.

Пример записи и результат действия тегов с различными значениями атрибутов.

20

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

BORDER = “ширина границы таблицы” в пикселях или %
Если она

равна нулю – границы становятся невидимы.

CELLSPACING = “ширина промежутков между ячейками” в пикселях или %

CELLPADDING = “ширина промежутков между содержимым ячейки и её границами” в пикселях или %

21

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

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

Таблица может быть простой (пример на предыдущем слайде) или сложной, когда несколько строк или столбцов объединяются.

ROWSPAN = “количество объединяемых строк”

COLSPAN = “количество объединяемых столбцов”

BGCOLOR = “цвет фона заголовка, строки, ячейки”

Пример записи и результат действия тегов с различными значениями атрибутов.

– это набор элементов, знакомых нам по диалоговым окнам, таких

как поля ввода, поля выбора, переключатели. Форма позволяет создавать интерактивные страницы, т.е. организовывать диалог с пользователем.
Форма создается с помощью тега:

Пример заполняемой формы:
В пределах тега

для создания разных полей используют теги , и с разными атрибутами, как показано в Примере.<br><p>Сбор информации с помощью форм<br><p>22<br> </div> <div class="image"> <a href="/img/thumbs/d1ff36846b9c1065bf2f5b8de5cf532d-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Для создания интерактивных Web-страниц, обеспечивающих обратную связь, используются специальные формы.Форма – это набор элементов, знакомых нам по диалоговым окнам, таких как поля ввода, поля выбора, переключатели. Форма позволяет создавать интерактивные страницы, т.е. организовывать диалог с пользователем. Форма создается с помощью тега:Пример заполняемой формы: В пределах тега для создания разных полей используют теги , и с разными атрибутами, как показано в Примере.Сбор информации с помощью форм22"><img src="/img/thumbs/d1ff36846b9c1065bf2f5b8de5cf532d-800x.jpg" title="Коммуникационные технологии и разработка Web - сайтов Для создания интерактивных Web-страниц, обеспечивающих обратную связь, используются специальные формы.Форма –" alt="Для создания интерактивных Web-страниц, обеспечивающих обратную связь, используются специальные формы.Форма – это набор элементов, знакомых нам по"></a> </div> <hr> </div> <div class="descrip" id="slide23"> <h2><a href="/img/thumbs/1bb96e8f925516296eac71f3a44a6c8b-800x.jpg" target="_blank">Слайд 23</a>Сбор информации с помощью форм<br>23<br></h2> <div class="image"> <a href="/img/thumbs/1bb96e8f925516296eac71f3a44a6c8b-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Сбор информации с помощью форм23"><img src="/img/thumbs/1bb96e8f925516296eac71f3a44a6c8b-800x.jpg" title="Коммуникационные технологии и разработка Web - сайтов Сбор информации с помощью форм23" alt="Сбор информации с помощью форм23"></a> </div> <hr> </div> <div class="descrip" id="slide24"> <h2><a href="/img/tmb/5/441352/27358b1439938fcd8c80ac7699bdb44f-800x.jpg" target="_blank">Слайд 24</a>Сбор информации с помощью форм<br>24<br>В переключателях, флажках и списках выбранных</h2> <div class="text"> <h3>по умолчанию элемент задается с помощью атрибута SELECTED.<br></h3> </div> <div class="image"> <a href="/img/tmb/5/441352/27358b1439938fcd8c80ac7699bdb44f-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Сбор информации с помощью форм24В переключателях, флажках и списках выбранных по умолчанию элемент задается с помощью атрибута SELECTED."><img src="/img/tmb/5/441352/27358b1439938fcd8c80ac7699bdb44f-800x.jpg" title="Коммуникационные технологии и разработка Web - сайтов Сбор информации с помощью форм24В переключателях, флажках и списках выбранных по" alt="Сбор информации с помощью форм24В переключателях, флажках и списках выбранных по умолчанию элемент задается с помощью атрибута"></a> </div> <hr> </div> <div class="descrip" id="slide25"> <h2><a href="/img/tmb/5/441352/6b2c36c4ad3d0327278e67e24a132d4c-800x.jpg" target="_blank">Слайд 25</a>Сбор информации с помощью форм<br>25<br></h2> <div class="image"> <a href="/img/tmb/5/441352/6b2c36c4ad3d0327278e67e24a132d4c-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Сбор информации с помощью форм25"><img src="/img/tmb/5/441352/6b2c36c4ad3d0327278e67e24a132d4c-800x.jpg" title="Коммуникационные технологии и разработка Web - сайтов Сбор информации с помощью форм25" alt="Сбор информации с помощью форм25"></a> </div> <hr> </div> <div class="descrip" id="slide26"> <h2><a href="/img/tmb/5/441352/6df44fe089e0215e371db0330c01f74c-800x.jpg" target="_blank">Слайд 26</a>26<br>Кадры (frames) – это независимые части, на которые можно разбить</h2> <div class="text"> <h3>окно браузера, и в каждую часть можно загружать отдельную страницу.</h3> Эти страницы могут быть связаны между собой ссылками. <br>Количество частей (кадров) и их размеры, выбор горизонтального или вертикального деления, т.е. кадровая (фреймовая) структура задается тегом:<br><br><FRAMESET> <br>Он определяет фреймовую структуру.<br><br></FRAMESET><br>Завершает определение фреймовой структуры. <br><br><FRAME SRC = “имя файла. расширение” ><br>Позволяет задать, какой документ (HTML-документ, текстовый, графический и т.д.) будет загружаться в отдельный кадр.<br><br><p>Использование тега <FRAMESET> исключает использование тега <BODY>! <br><p>Определяя структуру, кадры задают сверху вниз и слева направо.<br><p>Создание фреймов<br> </div> <div class="image"> <a href="/img/tmb/5/441352/6df44fe089e0215e371db0330c01f74c-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="26Кадры (frames) – это независимые части, на которые можно разбить окно браузера, и в каждую часть можно загружать отдельную страницу. Эти страницы могут быть связаны между собой ссылками. Количество частей (кадров) и их размеры, выбор горизонтального или вертикального деления, т.е. кадровая (фреймовая) структура задается тегом: Он определяет фреймовую структуру.Завершает определение фреймовой структуры. Позволяет задать, какой документ (HTML-документ, текстовый, графический и т.д.) будет загружаться в отдельный кадр.Использование тега исключает использование тега ! Определяя структуру, кадры задают сверху вниз и слева направо.Создание фреймов"><img src="/img/tmb/5/441352/6df44fe089e0215e371db0330c01f74c-800x.jpg" title="Коммуникационные технологии и разработка Web - сайтов 26Кадры (frames) – это независимые части, на которые можно разбить окно" alt="26Кадры (frames) – это независимые части, на которые можно разбить окно браузера, и в каждую часть можно"></a> </div> <hr> </div> <div class="descrip" id="slide27"> <h2><a href="/img/tmb/5/441352/df36eb8259227cff6a4294e5379eafc8-800x.jpg" target="_blank">Слайд 27</a>Атрибуты тега <br><br>NAME = “имя кадра” - задает имя</h2> <div class="text"> <h3>кадра. <br><br>Это имя потом используется в качестве значения атрибута target</h3> в теге <A HREF> для того, чтобы документ, на который указывает ссылка, загружался в нужном кадре. <br><br>Пример записи ссылок с атрибутом target. <br><br>NORESIZE<br>Означает запрет перемещения мышкой границы между кадрами.<br> no<br>FRAMEBORDER=<br> yes<br><br>Означает наличие или отсутствие границы между кадрами.<br><br><br><br><br><p>Создание фреймов<br><p>27<br> </div> <div class="image"> <a href="/img/tmb/5/441352/df36eb8259227cff6a4294e5379eafc8-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Атрибуты тега NAME = “имя кадра” - задает имя кадра. Это имя потом используется в качестве значения атрибута target в теге для того, чтобы документ, на который указывает ссылка, загружался в нужном кадре. Пример записи ссылок с атрибутом target. NORESIZEОзначает запрет перемещения мышкой границы между кадрами. noFRAMEBORDER= yesОзначает наличие или отсутствие границы между кадрами.Создание фреймов27"><img src="/img/tmb/5/441352/df36eb8259227cff6a4294e5379eafc8-800x.jpg" title="Коммуникационные технологии и разработка Web - сайтов Атрибуты тега NAME = “имя кадра” - задает имя кадра. Это" alt="Атрибуты тега NAME = “имя кадра” - задает имя кадра. Это имя потом используется в качестве"></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="/informatika/kommunikatsionnye-tehnologii-i-razrabotka-web-saytov/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="/informatika/prezentatsiya-dlya-uroka-informatiki-po-teme"> <img src="/img/thumbs/d6c02f17bd248ec448d89447da4df1a6-800x.jpg" alt="Презентация для урока информатики по теме "Формулы в MS Excel" в 7 классе"> <span class="desc"> <span>Презентация для урока информатики по теме "Формулы в MS Excel" в 7 классе</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 362</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/prezentatsiya-sovremennoe-obshchestvo-i-smart-tehnologii"> <img src="/img/thumbs/a7986074b6ab02f81858fb23202e9616-800x.jpg" alt="Презентация Современное общество и smart-технологии"> <span class="desc"> <span>Презентация Современное общество и smart-технологии</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 580</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="/informatika/osnovnye-etapy-razvitiya-vychislitelnoy-tehniki--1"> <img src="/img/thumbs/a11e39c391079a442301dd73df51800e-800x.jpg" alt="основные этапы развития вычислительной техники "> <span class="desc"> <span>основные этапы развития вычислительной техники </span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 300</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/ms-excel-osnovnye-ponyatiya"> <img src="/img/thumbs/00e1f05b9735bd143cfa7d157c06a6ba-800x.jpg" alt="Ms Excel. Основные понятия"> <span class="desc"> <span>Ms Excel. Основные понятия</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 515</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/kompyuter-dlya-shkolnika"> <img src="/img/thumbs/88c28115539e58af6f57046bb1fd8921-800x.jpg" alt="Компьютер для школьника"> <span class="desc"> <span>Компьютер для школьника</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 355</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/zashchita-sobstvennoy-informatsii-ot-nesanktsionirovannogo-dostupa-2"> <img src="/img/thumbs/582f86e9200be804fd6187123db04e2b-800x.jpg" alt="Защита собственной информации от несанкционированного доступа"> <span class="desc"> <span>Защита собственной информации от несанкционированного доступа</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 265</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/kodirovanie-informatsii-5-klass-umk-llbosovoy-1"> <img src="/img/thumbs/3cec6c0315361c7141b7509ff71f1dc0-800x.jpg" alt="Кодирование информации 5 класс УМК Л.Л.Босовой"> <span class="desc"> <span>Кодирование информации 5 класс УМК Л.Л.Босовой</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 480</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/osnovy-raboty-v-programme-coreldraw"> <img src="/img/thumbs/5e6f81309bf0fc9551045ba5c2de61f7-800x.jpg" alt="Основы работы в программе CorelDraw"> <span class="desc"> <span>Основы работы в программе CorelDraw</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 481</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/vhodnoy-kontrol-po-informatike-dlya-uchashchihsya"> <img src="/img/thumbs/d6aace60722bb74a067c1d9492a71e0f-800x.jpg" alt="Входной контроль по информатике для учащихся 10 классов (проверка остаточных знаний)"> <span class="desc"> <span>Входной контроль по информатике для учащихся 10 классов (проверка остаточных знаний)</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 434</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/klass-bolshih-kompyuterov-8-klass"> <img src="/img/thumbs/624973c8ab42b53971f54c229978cb70-800x.jpg" alt="Класс больших компьютеров 8 класс"> <span class="desc"> <span>Класс больших компьютеров 8 класс</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 255</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/plottery"> <img src="/img/thumbs/d717df65b0216ce6d6a534dd9f059103-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="/informatika/vvod-informatsii-v-pamyat-kompyutera-5-6"> <img src="/img/thumbs/9f693105a41e35bff77b8736c03cf905-800x.jpg" alt="Ввод информации в память компьютера 5 класс"> <span class="desc"> <span>Ввод информации в память компьютера 5 класс</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 350</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/rabota-v-graficheskom-redaktore-paint"> <img src="/img/thumbs/10f6218e244e7057d3d75f40d07eab9b-800x.jpg" alt="Работа в графическом редакторе Paint"> <span class="desc"> <span>Работа в графическом редакторе Paint</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 303</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/kompyuter-i-obrabotka-tekstov"> <img src="/img/thumbs/6d62132060b917cf616626fec8809ef6-800x.jpg" alt="Компьютер и обработка текстов"> <span class="desc"> <span>Компьютер и обработка текстов</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 314</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/tehnika-bezopasnosti-pri-rabote-s-kompyuterom-2"> <img src="/img/thumbs/0bce3f01b2b6f259c745c370bbb0520f-800x.jpg" alt="Техника безопасности при работе с компьютером."> <span class="desc"> <span>Техника безопасности при работе с компьютером.</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 296</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/ege-po-informatike-2"> <img src="/img/thumbs/806b749fa19db1ce26f67319f676708e-800x.jpg" alt="ЕГЭ по информатике"> <span class="desc"> <span>ЕГЭ по информатике</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 454</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/personalnyy-kompyuter-17"> <img src="/img/thumbs/33309573c7636ca169ab39627d626c80-800x.jpg" alt=""Персональный компьютер""> <span class="desc"> <span>"Персональный компьютер"</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 272</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/vstavka-muzyki-v-prezentatsiyu-1"> <img src="/img/thumbs/27f695138f19d5246cc9925b2c55d2e8-800x.jpg" alt="Вставка музыки в презентацию"> <span class="desc"> <span>Вставка музыки в презентацию</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 400</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/reshenie-zadach-na-vzaimno-odnoznachnye-sootvetstviya"> <img src="/img/thumbs/8b64c306f259900b3700fa72ea4cf44f-800x.jpg" alt="Решение задач на взаимно- однозначные соответствия"> <span class="desc"> <span>Решение задач на взаимно- однозначные соответствия</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 655</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/reshenie-zadach-chasti-v-demoversii-ege-1"> <img src="/img/thumbs/ade838bd7c0a0bcf51fcd8e7688a4c51-800x.jpg" alt="Решение задач части В демоверсии ЕГЭ-2013 по информатике"> <span class="desc"> <span>Решение задач части В демоверсии ЕГЭ-2013 по информатике</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 375</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>