гипертекстовых документов 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> <hr> </div> <div class="descrip"> <h3 id="slide23"> <a href="/img/tmb/13/1287041/edac54a8a147fe2ab7724a757bfe893e-720x.jpg" target="_blank">Слайд 23</a> Сбор информации с помощью форм<br>23<br> </h3> <div class="image"> <a href="/img/tmb/13/1287041/edac54a8a147fe2ab7724a757bfe893e-720x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Сбор информации с помощью форм23"><img src="/img/tmb/13/1287041/edac54a8a147fe2ab7724a757bfe893e-720x.jpg" title="Коммуникационные технологии и разработка Web - сайтов" alt="Сбор информации с помощью форм23"></a> </div> <hr> </div> <div class="descrip"> <h3 id="slide24"> <a href="/img/tmb/13/1287041/0fce00b80d844ee1eb3137b4c8875359-720x.jpg" target="_blank">Слайд 24</a> Сбор информации с помощью форм<br>24<br>В переключателях, флажках и </h3> <div class="image"> <a href="/img/tmb/13/1287041/0fce00b80d844ee1eb3137b4c8875359-720x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Сбор информации с помощью форм24В переключателях, флажках и списках выбранных по умолчанию элемент задается с помощью атрибута SELECTED."><img src="/img/tmb/13/1287041/0fce00b80d844ee1eb3137b4c8875359-720x.jpg" title="Коммуникационные технологии и разработка Web - сайтов" alt="Сбор информации с помощью форм24В переключателях, флажках и списках выбранных по"></a> </div> <div class="text"> <h4>списках выбранных по умолчанию элемент задается с помощью атрибута</h4> SELECTED.<br> </div> <hr> </div> <div class="descrip"> <h3 id="slide25"> <a href="/img/tmb/13/1287041/ccccc6ddab674aef04b889c494480871-720x.jpg" target="_blank">Слайд 25</a> Сбор информации с помощью форм<br>25<br> </h3> <div class="image"> <a href="/img/tmb/13/1287041/ccccc6ddab674aef04b889c494480871-720x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Сбор информации с помощью форм25"><img src="/img/tmb/13/1287041/ccccc6ddab674aef04b889c494480871-720x.jpg" title="Коммуникационные технологии и разработка Web - сайтов" alt="Сбор информации с помощью форм25"></a> </div> <hr> </div> <div class="descrip"> <h3 id="slide26"> <a href="/img/tmb/13/1287041/9d051eb25f6eba9cdfab4bbd9dceb340-720x.jpg" target="_blank">Слайд 26</a> 26<br>Кадры (frames) – это независимые части, на которые </h3> <div class="image"> <a href="/img/tmb/13/1287041/9d051eb25f6eba9cdfab4bbd9dceb340-720x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="26Кадры (frames) – это независимые части, на которые можно разбить окно браузера, и в каждую часть можно загружать отдельную страницу. Эти страницы могут быть связаны между собой ссылками. Количество частей (кадров) и их размеры, выбор горизонтального или вертикального деления, т.е. кадровая (фреймовая) структура задается тегом: Он определяет фреймовую структуру.Завершает определение фреймовой структуры. Позволяет задать, какой документ (HTML-документ, текстовый, графический и т.д.) будет загружаться в отдельный кадр.Использование тега исключает использование тега ! Определяя структуру, кадры задают сверху вниз и слева направо.Создание фреймов"><img src="/img/tmb/13/1287041/9d051eb25f6eba9cdfab4bbd9dceb340-720x.jpg" title="Коммуникационные технологии и разработка Web - сайтов" alt="26Кадры (frames) – это независимые части, на которые можно разбить окно"></a> </div> <div class="text"> <h4>можно разбить окно браузера, и в каждую часть можно</h4> загружать отдельную страницу. Эти страницы могут быть связаны между собой ссылками. <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> <hr> </div> </div> <div class="custom" > <!-- Yandex.RTB R-A-2962960-4 --> <div id="yandex_rtb_R-A-2962960-4"></div> <script>window.yaContextCb.push(()=>{ Ya.Context.AdvManager.render({ "blockId": "R-A-2962960-4", "renderTo": "yandex_rtb_R-A-2962960-4" }) }) </script></div> <div class="content dl-content" style="margin-top: 20px"> <form action="" method="post" class="js_captcha dl-form"> <div> <ul> <li>Имя файла: kommunikatsionnye-tehnologii-i-razrabotka-web-saytov.pptx</li> <li>Количество просмотров: 84</li> <li>Количество скачиваний: 0</li> </ul> <div class="g-recaptcha" data-sitekey="6Lf0iN8nAAAAACKv8U8VhTtj8F1wq0TA-RBjxFb2"></div> <input type="submit" value="Скачать презентацию"> <input type="hidden" name="task" value="dodownload"> <input type="hidden" name="58d4469b51608e3f2e7861fae3ddf847" value="1" /> </div> <div class="clear"></div> </form> <div class="adBlockDownload"> <div class="banners"></div> </div> </div> <div class="itemNavigation"> <div class="itemNavigation-wrapper"> <div class="itemNavigation-item"> - Предыдущая <a class="itemNavigation-link" href="/matematika/znakomstvo-s-zadachey">Знакомство с задачей</a> </div> <div class="itemNavigation-item"> Следующая - <a class="itemNavigation-link" href="/informatika/postroenie-tablits-istinnosti-1_">Построение таблиц истинности</a> </div> </div> </div> </div> <div class="right"> <div class="banners"> <div class="custom" > <!-- Yandex.RTB R-A-2962960-2 --> <div id="yandex_rtb_R-A-2962960-2"></div> <script>window.yaContextCb.push(()=>{ Ya.Context.AdvManager.render({ "blockId": "R-A-2962960-2", "renderTo": "yandex_rtb_R-A-2962960-2" }) }) </script></div> </div> <div class="list related"> <h2>Похожие презентации</h2> <div class="wrapper"> <a href="/informatika/udobstva-dostavki-cherez-pochtu-rossii"> <img src="/img/tmb/15/1457516/f4a65d6668265adb74d242d087ea8d2d-210x.jpg" alt="Удобства доставки через Почту России"> <span class="desc"> <span>Удобства доставки через Почту России</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 90</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/aprobatsiya-elektronnyh-uchebnikov-v-obshcheobrazovatelnyh-uchrezhdeniyah_"> <img src="/img/tmb/14/1352781/f95fa59869c7d6b0ea5681f589a27cea-210x.jpg" alt="Апробация электронных учебников в общеобразовательных учреждениях"> <span class="desc"> <span>Апробация электронных учебников в общеобразовательных учреждениях</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 75</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/oshibki-pri-vybore-shablonov-titulnyh-listov"> <img src="/img/tmb/15/1422263/8921bc317acc677ddbb5216da36bfdf4-210x.jpg" alt="Ошибки при выборе шаблонов титульных листов, оформлении и Антиплагиат"> <span class="desc"> <span>Ошибки при выборе шаблонов титульных листов, оформлении и Антиплагиат</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 97</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/istoriya-razvitiya-evm-7"> <img src="/img/tmb/12/1132749/fa19eb0db65a2e6fcf9792578c82f0d8-210x.jpg" alt="История развития ЭВМ"> <span class="desc"> <span>История развития ЭВМ</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 155</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/kodirovanie-informatsii-v-kompyutere-1"> <img src="/img/tmb/11/1089657/081093ef054ea144e6142bbc2289f602-210x.jpg" alt="Кодирование информации в компьютере"> <span class="desc"> <span>Кодирование информации в компьютере</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 95</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/graficheskoe-predstavlenie-chislovyh-dannyh-1"> <img src="/img/tmb/12/1186218/c7ecfd8cce1582bc35e9d752011e154b-210x.jpg" alt="Графическое представление числовых данных"> <span class="desc"> <span>Графическое представление числовых данных</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 115</span> </span> </a> </div> <div class="clear"></div> </div> </div> </div> <div class="cntWrapper"> <div class="list"> <h2 class="right-heading" id="related">Похожие презентации</h2> <div class="wrapper"> <a href="/informatika/kompyuternye-monitory"> <img src="/img/tmb/14/1341061/d3779e61984b1d806c86b0f15ff40cd5-210x.jpg" alt="Компьютерные мониторы"> <span class="desc"> <span>Компьютерные мониторы</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 101</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/651037-prezentatsiya-po-informatike-tablichnyy-sposob-resheniya"> <img src="/img/tmb/7/651037/b2e5d6ce68c692d9c52199ac5adc2f1d-210x.jpg" alt="Презентация по информатике Табличный способ решения логических задач"> <span class="desc"> <span>Презентация по информатике Табличный способ решения логических задач</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 103</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/upravlenie-i-algoritmy"> <img src="/img/tmb/12/1113269/9648d968df4b7a12f4340a49fe0f7934-210x.jpg" alt="Управление и алгоритмы."> <span class="desc"> <span>Управление и алгоритмы.</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 197</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/osnovy-logiki-logicheskie-operatsii"> <img src="/img/tmb/15/1470162/dc793b9a0e06c85dcd41a4f3b2caaae3-210x.jpg" alt="Основы логики. Логические операции"> <span class="desc"> <span>Основы логики. Логические операции</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 120</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/kak-zashchitit-sebya-v-internete-i"> <img src="/img/tmb/11/1074886/7c9d236d7b3c2f8991af6978530dd819-210x.jpg" alt="Как защитить себя в Интернете и при работе с ПК"> <span class="desc"> <span>Как защитить себя в Интернете и при работе с ПК</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 120</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/arhitektura-vychislitelnyh-sistem"> <img src="/img/tmb/13/1236590/ab78b9dc1ecdb2bd75a529ae04694f82-210x.jpg" alt="Архитектура вычислительных систем"> <span class="desc"> <span>Архитектура вычислительных систем</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 97</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/kompyuter-i-zdorove-8"> <img src="/img/tmb/14/1360120/0ecf662fd1be3921fc8f2071239993dc-210x.jpg" alt="Компьютер и здоровье"> <span class="desc"> <span>Компьютер и здоровье</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 96</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/konspekty-zanyatiy-v-kompyuternom-klasse-dlya"> <img src="/img/tmb/9/859113/edbc69f7a57c92539202464a94c43e1d-210x.jpg" alt="Конспекты занятий в компьютерном классе для средней группы план-конспект занятия по информатике (средняя группа)"> <span class="desc"> <span>Конспекты занятий в компьютерном классе для средней группы план-конспект занятия по информатике (средняя группа)</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 118</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/kompyuternye-virusy-i-antivirusnye-programmy-tipy"> <img src="/img/tmb/12/1112898/551acb70a1ca9b3d87adcfc1cde94531-210x.jpg" alt="Компьютерные вирусы и антивирусные программы. Типы компьютерных вирусов"> <span class="desc"> <span>Компьютерные вирусы и антивирусные программы. Типы компьютерных вирусов</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 115</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/669624-prezentatsiya-k-urokam-informatiki-4-klass"> <img src="/img/tmb/7/669624/b534c1d78ce3a6ede4bc64058cc6cfc7-210x.jpg" alt="Презентация к урокам информатики 4 класс Ребусы"> <span class="desc"> <span>Презентация к урокам информатики 4 класс Ребусы</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 157</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/antivirusnaya-programma-panda-cloud-antivirus"> <img src="/img/tmb/13/1251562/a379fb8cd33252e02c714b3af6096737-210x.jpg" alt="Антивирусная программа Panda Cloud Antivirus"> <span class="desc"> <span>Антивирусная программа Panda Cloud Antivirus</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 125</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/540067-prezentatsiya-dlya-5-klassa-kodirovanie-informatsii"> <img src="/img/tmb/6/540067/4bf69705a6008bfd16a824367d65edc4-210x.jpg" alt="Презентация для 5 класса Кодирование информации"> <span class="desc"> <span>Презентация для 5 класса Кодирование информации</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 121</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/657269-prezentatsiya-po-informatike-na-temu-tipy-12"> <img src="/img/tmb/7/657269/35b516ab56b25fe15b0e44bef62da16b-210x.jpg" alt="Презентация по информатике на тему: Типы персональных компьютеров 8 класс"> <span class="desc"> <span>Презентация по информатике на тему: Типы персональных компьютеров 8 класс</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 114</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/formatirovanie-dannyh-v-yacheykah"> <img src="/img/tmb/15/1477619/dc117f1b0d625b2fd6a28aa4c485c87d-210x.jpg" alt="Форматирование данных в ячейках"> <span class="desc"> <span>Форматирование данных в ячейках</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 116</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/kodirovanie-informatsii-v-avtomatizirovannyh-ekonomicheskih-sistemah"> <img src="/img/tmb/15/1421411/e613f4729d7b2b995bece99f968c0c5d-210x.jpg" alt="Кодирование информации в автоматизированных экономических системах"> <span class="desc"> <span>Кодирование информации в автоматизированных экономических системах</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 116</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/internet-praktika-sovremennoy-rossiyskoy-molodezhi-kak"> <img src="/img/tmb/14/1356925/896a3b664f2a2746b07614a55675e4d2-210x.jpg" alt="Интернет-практика современной российской молодежи как социальная проблема"> <span class="desc"> <span>Интернет-практика современной российской молодежи как социальная проблема</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 87</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/predstavlenie-informatsii-v-pamyati-kompyutera_"> <img src="/img/tmb/14/1376077/786b4ddb52055d7b30ff40a034f86be2-210x.jpg" alt="Представление информации в памяти компьютера"> <span class="desc"> <span>Представление информации в памяти компьютера</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 96</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/mikroprotsessory-1"> <img src="/img/tmb/11/1055536/03d7fb5dd08d69984a854a8effdb18e8-210x.jpg" alt="МИКРОПРОЦЕССОРЫ"> <span class="desc"> <span>МИКРОПРОЦЕССОРЫ</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 109</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/ot-industrialnogo-obshchestva-k-informatsionnomu-2_"> <img src="/img/tmb/14/1373275/20b8ce80d1299a200e8299e286d4c29e-210x.jpg" alt="От индустриального общества к информационному"> <span class="desc"> <span>От индустриального общества к информационному</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 102</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/igra-ya-sam-soberi-kartinki-prezentatsiya"> <img src="/img/tmb/9/806050/f9f680529a175c169d9aeb4ded0726ea-210x.jpg" alt="Игра - Я - САМ! СОБЕРИ КАРТИНКИ презентация урока для интерактивной доски по информатике (старшая группа)"> <span class="desc"> <span>Игра - Я - САМ! СОБЕРИ КАРТИНКИ презентация урока для интерактивной доски по информатике (старшая группа)</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 147</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/ispolzovanie-elementov-algebry-logiki-pri-reshenii"> <img src="/img/tmb/11/1079408/978610364acfd83653a40d433e60f222-210x.jpg" alt="Использование элементов алгебры логики при решении заданий ЕГЭ по информатике и ИКТ"> <span class="desc"> <span>Использование элементов алгебры логики при решении заданий ЕГЭ по информатике и ИКТ</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 104</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/tekstoviy-protsesor-nastroyuvannya-parametrv-stornok-stvorennya"> <img src="/img/tmb/11/1040120/4e2125bc90e6b5c72653b55b776e4cb4-210x.jpg" alt="Текстовий процесор. Настроювання параметрів сторінок. Створення колонтитулів. Друк"> <span class="desc"> <span>Текстовий процесор. Настроювання параметрів сторінок. Створення колонтитулів. Друк</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 106</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/553123-kompyutery-budushchego-opticheskie-fotonnye-kompyutery"> <img src="/img/tmb/6/553123/f62034cf76080ea21f1b71d3805b904b-210x.jpg" alt="Компьютеры будущего. Оптические (фотонные) компьютеры."> <span class="desc"> <span>Компьютеры будущего. Оптические (фотонные) компьютеры.</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 224</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/bazi-danih"> <img src="/img/tmb/12/1156359/f4faf9a6d6616f47e990c0b4200c347b-210x.jpg" alt="Бази даних"> <span class="desc"> <span>Бази даних</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 124</span> </span> </a> </div> <div class="clear"></div> </div> </div> </div> </div> <script src="/templates/presentation/js/script.js?7ae5a315ef1850f1ab2723f8f8484030"></script> </body> </html>