Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
Скачиваний:
62
Добавлен:
03.03.2016
Размер:
4.61 Mб
Скачать

Донецкий национальный технический университет Факультет компьютерных наук и технологий

Кафедра компьютерной инженерии

Лекция 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 году, учась в Гарвардском университете, впервые столкнулся с компьютерами… 19601965 — разработка текстового редактора (на ассемблере).

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

 

Тут вы можете оставить комментарий к выбранному абзацу или сообщить об ошибке.

Оставленные комментарии видны всем.

Соседние файлы в папке Интернет технологии