Введение в специальность. История ИКТ, IT и HTML. Лекция 2

Лекция 2 История ИКТ, IT и HTML

Лекция 2 История ИКТ, IT и HTML
Что такое ИКТ, IT и кто такой «айтишник»:
ИКТ – информационно-компьютерные технологии
IT – Information Technologies
«Айтишник» - профессионал в области ИКТ/IT
Когда началась история IT?
1991 ? – начало WWW - World Wide Web
– «Всемирная паутина»
- «Всемирная информационная система»

Лекция 2 История ИКТ, IT и HTML
Что такое ИКТ, IT и кто такой «айтишник»:
ИКТ – информационно-компьютерные технологии
IT – Information Technologies
«Айтишник» - профессионал в области ИКТ/IT
Когда началась история IT?
1991 ? – начало WWW - World Wide Web
– «Всемирная паутина»
- «Всемирная информационная система»

Лекция 2 История ИКТ, IT и HTML
Когда началась история IT?
1991 ? – начало WWW - World Wide Web
– «Всемирная паутина»
- «Всемирная информационная система»
1969 ? – начало Интернет (ARPANet)
— всемирная система объединённых компьютерных сетей для хранения, обработки и передачи информации. Часто упоминается как Всемирная сеть и Глобальная сеть, а также просто Сеть.

Лекция 2 История ИКТ, IT и HTML
Когда началась история IT?
1945 ? – Первый электронный цифровой компьютер

Лекция 2 История ИКТ, IT и HTML
Когда началась история IT?
1445 ? – Начало книгопечатания (Иоганн Гутенберг)

Лекция 2 История ИКТ, IT и HTML
Когда началась история IT?
1445 ? – Начало книгопечатания (Иоганн Гутенберг)

Лекция 2 История ИКТ, IT и HTML
Когда началась история IT?
III тыс. до н.э. ? – Начало письменности (Шумер?)

Лекция 2 История ИКТ, IT и HTML
Когда началась история IT?
15-е тыс. до н.э. ? – Календарь из Гонцов

Лекция 2 История ИКТ, IT и HTML
Когда началась история IT?
20-е тыс. до н.э. ? – Мальтинская пластина (Прибайкалье)

Лекция 2 История ИКТ, IT и HTML
Когда началась история IT?
20-е тыс. до н.э. ? – Мальтинская пластина

Лекция 2 История ИКТ, IT и HTML
Когда началась история IT?
20-е тыс. до н.э. ? – Мальтинская пластина
Мировое древо жизни

Лекция 2 История ИКТ, IT и HTML
Когда началась история IT?

Лекция 2 История ИКТ, IT и HTML
Когда началась история IT?

Лекция 2 История ИКТ, IT и HTML
Основные современные форматы представления информации:
doc, docx - формат документов Microsoft Word
(docx – впервые в «Microsoft Word 2007»)
ppt, pptx - формат презентаций MS PowerPoint
pdf – Portable Document Format (c 1993 года)
– точно так как «на бумаге»!
html – HyperText Markup Language
- «язык гипертекстовой разметки»
(c 1991 года)

Лекция 2 История ИКТ, IT и HTML
История гипертекста
Гипертекст как главный ответ
на вызовы «информационного взрыва»
эпохи научно-технической революции:
«XML и HTML — начало будущей гипертекстовой революции… »
Предистория:
1945 – Ванневар Буш: Memex
1965 – Тед Нельсон: Гипертекст

Лекция 2 История ИКТ, IT и HTML
«От шахтера до академика»
«Мир-1» в Политехническом музее в Москве

Лекция 2 История ИКТ, IT и HTML
1991 – Тим Бернерс-Ли: HTML (+ HTTP и URL)
Изобретатель URI, URL, HTTP, HTML, изобретатель Всемирной паутины и действующий глава Консорциума Всемирной паутины.
Автор концепции семантической паутины. Автор множества других разработок в области информационных технологий…
Проект 1990-1993:
Разработан первый в мире веб-сервер «httpd» и первый в мире гипертекстовый веб-браузер. Свободное распространение по Интернет с лета 1991 года..
6 августа 1991 года – запущен первый в мире веб-сайт по адресу http://info.cern.ch.

Лекция 2 История ИКТ, IT и HTML
1991 – Тим Бернерс-Ли: HTML (+ HTTP и URL)

Лекция 2 История ИКТ, IT и HTML
В HTML используется теговая модель описания документа как совокупности элементов, каждый из которых окружен тегами.
По своему значению и принципам использования теги близки к понятию скобок "begin/end" в языках программирования,
Общая схема построения элемента текста в формате HTML может быть записана в следующем виде:
<имя атрибуты> содержание элемента
Введение в HTML

Лекция 2 История ИКТ, IT и HTML
Теговая модель:
5 обязательных
парных тегов
Введение в HTML

Лекция 2 История ИКТ, IT и HTML
Введение в HTML

Лекция 2 История ИКТ, IT и HTML
Введение в HTML
Как в браузере увидеть HTML-код страницы

Лекция 2 История ИКТ, IT и HTML
Введение в HTML
Элемент А является одним из важных элементов HTML и предназначен для создания ссылок.
В зависимости от присутствия атрибутов name или href тег
устанавливает гиперссылку (1) или якорь (2).
Якорь (англ. Anchor) — закладка внутри страницы, которую можно
указать в качестве цели ссылки. При использовании ссылки, которая указывает на якорь, происходит переход к закладке внутри веб-страницы.

Лекция 2 История ИКТ, IT и HTML
Введение в HTML
Единый указатель ресурсов URL (англ. URL — Uniform Resource Locator) — единообразный локатор (определитель местонахождения) ресурса.
URL разработан как система для максимально естественной адресации
на местонахождения ресурсов в сети. Традиционная форма записи URL:
протокол — схема обращения к ресурсу (сетевой протокол);
логин — имя пользователя, используемое для доступа к ресурсу;
пароль — пароль указанного пользователя;
хост — полностью прописанное доменное имя хоста в системе DNS или IP-адрес хоста
порт — номер порта хоста для подключения;
URL-путь — уточняющая информация о месте нахождения ресурса; зависит от протокола;
параметры — строка запроса с передаваемыми на сервер параметрами.
якорь — идентификатор «якоря», ссылающегося на некоторую метку в открываемом документе.

Лекция 2 История ИКТ, IT и HTML
Введение в HTML
Для вставки картинок в HTML используется тег IMG с обязательным атрибутом SRC. Этот атрибут указывает браузеру путь к файлу изображения. Т.е. для вставки картинки с названием photo.jpg в определенное место страницы (при условии, что и страница, и картинка расположены в одной папке (каталоге)) нужно в этом месте вставить следующий html-код:
< img src="photo.jpg">
Если картинка и страница расположены в разных каталогах (папках), то нужно указать путь к изображению относительно страницы. Например, если html-страница лежит в каталоге (папке) site, в этом же каталоге (папке) расположен подкаталог (папка) images, в котором и находится наша картинка photo.jpg, то для её вставки нужно написать так:
< img src="images/photo.jpg">

Лекция 2 История ИКТ, IT и HTML
Введение в HTML
Форматирование текста
Самыми популярными тегами для форматирования текста являются:
< B>< /B> — используется для выделения текста полужирным
(или тег < strong>< /strong>).
< I>< /I> — используется для получения курсивного текста
(или тег < em>< /em>).
< SUB>< /SUB> — предназначен для выделения подстрочного текста (нижний индекс). Этот тег может быть полезен, например, для записи химических формул.
Код H< sub>2< /sub>O даст нам вот такую формулу H2O.
< SUP>< /SUP> — нужен для выделения надстрочного текста (верхнего индекса). Например, для записи возведения в степень: пишем (a+b)< sup>2< /sup>,
Получаем (a+b)2.
Абзацы создаются с помощью тега < P>:
< p>Это первый абзац.< /p> < p>Это второй абзац.< /p>

Лекция 2 История ИКТ, IT и HTML
Введение в HTML
Форматирование текста
Создает новый параграф. Каждый абзац текста должен быть заключен в свою пару тегов
…
. Закрывающий тег не обязателен.
Параметр align задает выравнивание:
left, right, justify или center.
Элемент P (от англ. Paragraph)

Лекция 2 История ИКТ, IT и HTML
Введение в HTML
Форматирование текста
Списки
Ненумерованные (маркированные) списки
(Unordered List)
Элемент списка 1
Элемент списка 2

Лекция 2 История ИКТ, IT и HTML
Введение в HTML
Форматирование текста
Списки
Нумерованные списки (Ordered List)
Элемент списка 1
Элемент списка 2

Лекция 2 История ИКТ, IT и HTML
Введение в HTML
Форматирование текста
Таблицы

Лекция 2 История ИКТ, IT и HTML
Введение в HTML
Форматирование текста
Таблицы