2014_inet_lec_4
.pdf
Донецкий национальный технический университет Факультет компьютерных наук и технологий
Кафедра компьютерной инженерии
Лекция 4 — Гипертекст. Общие сведения об HTML
Иваница Сергей Васильевич,
ассистент кафедры компьютерной инженерии ДонНТУ, 2014 г.
http://ki.donntu.edu.ua/~ivanitsa
1.Основные понятия
2.История гипертекста:
три поколения развития;
эволюция HTML;
редакции HTML + XHTML.
3.Язык гипертекстовой разметки:
предпосылки появления;
принципы теговой модели.
4.Технология передачи гипертекста:
схема клиент-сервер;
обработка документов в браузере;
символьные данные и разметка;
дерево документов DOM.
5. Структура документа HTML:
обязательные элементы;
пример простейшего документа HTML.
6.Разделы документа HTML:
DOCTYPE;
элемент «html»;
элемент «head»;
элемент «body»;
элементы заголовка.
7.Рекомендуемое ПО:
PSPad;
Notepad++.
2
Курс «Интернет-технологии». Лекция 4 — Гипертекст. Общие сведения об HTML
Гипертекст — специальным образом организованный текст, позволяющий пользователю осуществлять переход к связанным ресурсам по указателям.
•Используется для отображения в тексте смысловых связей (гиперсвязей) между основными разделами или понятиями.
•Позволяет структурировать документ путем выделения в нем частей гипертекста в виде ссылок (гиперссылок).
•При активизации гиперссылки происходит переход на фрагмент текста заданный, в ссылке.
|
Гипертекст представляет такую организацию |
||
|
текстовой информации, внутри которой |
||
|
установлены смысловые связи между |
||
|
ее различными фрагментами. |
||
|
Такие связи называют гиперсвязями, а место |
||
|
в тексте, обеспечивающее гиперсвязь, — |
||
3 |
|
гиперссылкой. |
|
|
|
||
Курс «Интернет-технологии». Лекция 4 — Гипертекст. Общие сведения об HTML |
|||
|
|||
Гиперсвязь — организация динамической связи между двумя объектами ресурса Интернета посредством гиперссылки.
Гиперссылка — (англ. hyperlink) — часть гипертекстового документа, ссылающаяся на другой элемент (команда, текст, заголовок, примечание, изображение) в самом документе, на другой объект (файл, каталог, приложение), расположенный на локальном диске или в компьютерной сети, либо на элементы этого объекта.
Гиперссылка — фрагмент документа HTML и его базовый элемент:
• указывающий на другой файл, который может быть расположен в Интернете;
|
• содержащая полный путь (URL) к этому файлу. |
|
|
Гиперссылка для пользователя — графическое изображение, |
|
|
видео или текст на сайте, в письме электронной почты или |
|
|
в каком-либо электронном документе, устанавливающие связь |
|
4 |
и позволяющие переходить к другим объектам Интернета. |
|
Курс «Интернет-технологии». Лекция 4 — Гипертекст. Общие сведения об HTML |
||
|
HTML
(от англ. HyperText Markup Language — «язык гипертекстовой разметки») — стандартный язык разметки документов во Всемирной паутине.
•большинство веб-страниц содержат описание разметки на языке HTML (или XHTML);
•язык HTML интерпретируется браузерами и отображается в виде документа в удобной для человека форме.
Язык HTML является приложением («частным случаем»)
SGML (англ. Standard Generalized Markup Language —
стандартного обобщенного языка разметки)
и соответствует международному стандарту ISO 8879.
5
Курс «Интернет-технологии». Лекция 4 — Гипертекст. Общие сведения об HTML
1-е поколение:
1945 – Ванневар Буш: Memex.
2-е поколение:
1965 – Тед Нельсон: Гипертекст.
3-е поколение:
1985 – Apple: HyperMedia и HyperCard;
1990 – Тим Бернерс-Ли: HTML (+ HTTP и URL);
1995 – Стандартизация HTML (2.0 +).
6
Курс «Интернет-технологии». Лекция 4 — Гипертекст. Общие сведения об HTML
Ванневар Буш — американский инженер, разработчик аналоговых компьютеров.
В 1940 году Буш назначен председателем Государственного комитета оборонных исследований США и советником президента по науке при президенте Рузвельте.
С 1941 по 1947 год Ванневар Буш возглавляет бюро научных исследований и разработок при правительстве США является председателем Комитета по военной политике.
В 1944 году Рузвельт запрашивает у Буша рекомендации о том, какие уроки Второй мировой войны следует извлечь США.
Ответ Ванневара Буша:
«…государственные интересы в области науки и образования могут быть наилучшим образом достигнуты созданием Национального фонда науки (NSF)»
7
В конце 40-х возглавляет корпорацию AT&T , а в 1950 — NSF.
Курс «Интернет-технологии». Лекция 4 — Гипертекст. Общие сведения об HTML
Ванневар Буш:
1945 год — статья
«Как мы можем мыслить»
(англ. As We May Think),
в которой предложил прообраз гипертекстового устройства Memex.
«Человек построил столь сложную цивилизацию, что он нуждается в механизмах обработки данных, которые уже не вмещаются в его ограниченную память…».
Memex — memory extender (англ. — «расширитель памяти»)
Ни о какой возможности перехода запроса от одного «Мемекса» к другому не было речи — машина была
8
задумана в виде автономного письменного стола.
Курс «Интернет-технологии». Лекция 4 — Гипертекст. Общие сведения об HTML
Тед Нельсон:
1965 г.: вводит в научный оборот слово «гипертекст».
По своему первому образованию Нельсон —
философ и социолог.
В 1960 году, учась в Гарвардском университете, впервые столкнулся с компьютерами… 1960–1965 — разработка текстового редактора (на ассемблере).
1965 г. — доклад о редакторе на ежегодной конференции «Association of Computing Machinery», где впервые прозвучало слово «гипертекст»…
Определение гипертекста «по Нельсону»:
|
«Гипертекст — это непоследовательный способ записи, текст |
||
|
ветвится, и это позволяет читателю осуществлять выбор |
||
9 |
и перемещаться по нему с помощью интерактивного экрана». |
||
|
|
||
|
|
||
Курс «Интернет-технологии». Лекция 4 — Гипертекст. Общие сведения об HTML |
|||
|
|||
Практическая реализация:
1967 год:
Энди Вандам из университета Броун вместе
с Тедом Нельсоном создали систему Hypertext Editing System (HES), которая была использована при подготовке документации в рамках
космической программы «Аполлон».
1972 год, проект «Xanadu»:
Тед Нельсон сконструировал два экранных окна, соединенных видимыми линиями, показывающими как часть объектов одного окна ссылается на часть объектов другого.
http://www.youtube.com/watch?v=En_2T7KH6RA
http://www.xanadu.com/
HES-консоль, университет Броуна, 1969
|
система визуализации «параллельных документов, |
|
10 |
наглядно представлявшая ссылки и связи |
|
Курс «Интернет-технологии». Лекция 4 — Гипертекст. Общие сведения об HTML |
||
|