МОСКОВСКИЙ АВИАЦИОННЫЙ ИНСТИТУТ (ГОСУДАРСТВЕННЫЙ ТЕХНИЧЕСКИЙ УНИВЕРСИТЕТ) © Л. Корякин 1998-2004 1 ПРЕДСТАВЛЕНИЕ ИНФОРМАЦИИ В ИНТЕРНЕТ. ПРАВИЛА ПРЕДСТАВЛЕНИЯ. - презентация

1 МОСКОВСКИЙ АВИАЦИОННЫЙ ИНСТИТУТ (ГОСУДАРСТВЕННЫЙ ТЕХНИЧЕСКИЙ УНИВЕРСИТЕТ) © Л. Корякин ПРЕДСТАВЛЕНИЕ ИНФОРМАЦИИ В ИНТЕРНЕТ. ПРАВИЛА ПРЕДСТАВЛЕНИЯ И РАСКРЫТИЕ ИНФОРМАЦИИ.

2 МОСКОВСКИЙ АВИАЦИОННЫЙ ИНСТИТУТ (ГОСУДАРСТВЕННЫЙ ТЕХНИЧЕСКИЙ УНИВЕРСИТЕТ) © Л. Корякин СТРУКТУРА HTML-ДОКУМЕНТА Место размещения документа Место размещения заголовка документа HTML - документ Раздел HEAD (заголовок) Раздел BODY (тело документа)

3 МОСКОВСКИЙ АВИАЦИОННЫЙ ИНСТИТУТ (ГОСУДАРСТВЕННЫЙ ТЕХНИЧЕСКИЙ УНИВЕРСИТЕТ) © Л. Корякин ОСНОВНЫЕ ТЕГИ HTML-ДОКУМЕНТА Принцип работы меток языка HTML заключается в том, что фрагмент текста окружается с обоих концов открывающей и закрывающей метками, указывающими броузеру как отображать этот фрагмент. Гипертекстовые связи выделяются подчеркиванием текста, цветом или рамкой вокруг изображения. Программы просмотра могут быть различными, самые известные из них - Навигатор (Navigator) фирмы Нетскейп Коммьюникейшнз и Интернет Эксплорер (Internet Explorer) фирмы Майкрософт. Программирование на языке HTML может выполняться как вручную, так и с помощью программных средств. Например, HTML Assistant фирмы Brooklyn North Software Works Inc., Hot Metal или FrontPage компании Microsoft. Существует также довольно большое количество разработок макрокоманд для текстового редактора MS Word95, позволяющих перекодировать текстовый документ Word в документ HTML. В текстовом редакторе MS Word97 имеется встроенный HTML-редактор.

4 МОСКОВСКИЙ АВИАЦИОННЫЙ ИНСТИТУТ (ГОСУДАРСТВЕННЫЙ ТЕХНИЧЕСКИЙ УНИВЕРСИТЕТ) © Л. Корякин HTML-ЭЛЕМЕНТОМ HTML-элементом будем называть теги определяющие структуру и поведение элемента, а также собственно содержимое элемента. Большинство HTML-элементов состоит из трех частей: открывающего тега начала, содержимого и закрывающего тега. Например, Текст, отображаемый жирным шрифтом будет интерпретирован броузером как: Текст, отображаемый жирным шрифтом HTML-элементы, в зависимости от типа, могут иметь один из четырех форматов:...

5 МОСКОВСКИЙ АВИАЦИОННЫЙ ИНСТИТУТ (ГОСУДАРСТВЕННЫЙ ТЕХНИЧЕСКИЙ УНИВЕРСИТЕТ) © Л. Корякин НЕСКОЛЬКО ОСНОВНЫХ ПРАВИЛ ДЛЯ HTML-ЭЛЕМЕНТОВ Открывающие теги пишутся в угловых скобках -. Закрывающие теги пишутся в угловых скобках и, в начале тега ставится косая черта (slash) -. Теги можно писать как прописными, так и строчными буквами. Во избежание ошибок, желательно писать теги только строчными или только прописными буквами. Каждый HTML-элемент имеет открывающий тег. Некоторые HTML-элементы могут не иметь закрывающий тег. Например, отмечает начало следующего абзаца. Некоторые HTML-элементы не имеют содержимого. Например, являющийся элементом рисования горизонтальной линии. Назначении этого тега состоит только в выводе горизонтальной линии. Некоторые HTML-элементы имеют атрибуты - некоторые специфические особенности ограниченной части документа. Например, служит для создания в документе метки и присвоения ей имени «закладка 1».

6 МОСКОВСКИЙ АВИАЦИОННЫЙ ИНСТИТУТ (ГОСУДАРСТВЕННЫЙ ТЕХНИЧЕСКИЙ УНИВЕРСИТЕТ) © Л. Корякин ОСНОВНЫЕ ТЕГИ, ОПРЕДЕЛЯЮЩИЕ СТРУКТУРУ ДОКУМЕНТА открывает/закрывает гипертекстовый документ объявляет документ как документ, написанный на языке HTML. открывает/закрывает заголовок документа задает некоторые общие сведения о документе (название, автор, (с) и т.п.). открывает/закрывает название документа отображает название документа вверху окна броузера при выводе на экран открывает/закрывает собственно тело (текст) документа определяет ту часть документа, в которой находится его основное содержание

7 МОСКОВСКИЙ АВИАЦИОННЫЙ ИНСТИТУТ (ГОСУДАРСТВЕННЫЙ ТЕХНИЧЕСКИЙ УНИВЕРСИТЕТ) © Л. Корякин БЛОЧНЫЕ И ТЕКСТОВЫЕ ЭЛЕМЕНТЫ Внутри HTML-элемента BODY существует две основные разновидности элементов: блочные элементы; текстовые элементы. Блочные элементы служат для группирования текста с определенной целью (задание заголовков разделов, формирование бланков или таблиц и т.п.). Например: абзац: ; заголовок первого уровня: ; заголовок второго уровня: ; горизонтальная линия: ; выравнивание по центру:.

8 МОСКОВСКИЙ АВИАЦИОННЫЙ ИНСТИТУТ (ГОСУДАРСТВЕННЫЙ ТЕХНИЧЕСКИЙ УНИВЕРСИТЕТ) © Л. Корякин БЛОЧНЫЕ И ТЕКСТОВЫЕ ЭЛЕМЕНТЫ Текстовые элементы служат для разметки непосредственно текста (создание ссылок, размещение изображения, изменение стиля шрифта и т.п.). Например: курсив: ; перевод строки: ; изображение:. привязка ссылки: Правила вложения HTML-элементов: все элементы должны вкладываться друг в друга полностью и в правильном порядке; текстовые элементы могут вкладываться в блочные элементы и другие текстовые элементы; блочные элементы могут вкладываться в другие блочные элементы; блочные элементы не должны вкладываться в текстовые элементы. Правильно: Текст HTML-элемента Неправильно: Текст HTML-элемента

9 МОСКОВСКИЙ АВИАЦИОННЫЙ ИНСТИТУТ (ГОСУДАРСТВЕННЫЙ ТЕХНИЧЕСКИЙ УНИВЕРСИТЕТ) © Л. Корякин ВЫБОР ПРОГРАММЫ ДЛЯ СОЗДАНИЯ И РЕДАКТИРОВАНИЯ WEB-ДОКУМЕНТОВ В настоящее время существует значительное количество способов создания WEB- документов. Все средства можно разделить на пять основных групп: простые текстовые редакторы HTML-конвертеры HTML-мастер редакторы HTML-тегов редакторы WYSIWYG (What you see is what you get - что видишь, то и получаешь) ПРОСТЫЕ ТЕКСТОВЫЕ РЕДАКТОРЫ При работе с простым текстовым редактором все символы разметки (теги) необходимо набирать в ручную.

10 МОСКОВСКИЙ АВИАЦИОННЫЙ ИНСТИТУТ (ГОСУДАРСТВЕННЫЙ ТЕХНИЧЕСКИЙ УНИВЕРСИТЕТ) © Л. Корякин HTML-КОНВЕРТЕРЫ HTML-конвертер - это программа, которая преобразует существующий документ из его оригинального формата (либо одного из форматов, экспорт в которые может осуществлять текстовый редактор) в набор HTML-страниц. Наиболее успешная конвертация происходит из формата RTF (Rich Text Format - формат, предназначенный для сохранения форматирования документа при обмене файлами между несовместимыми системами и форматами). Использование RTF-формата позволяет большую часть форматирования документа перенести, с помощью конвертера, в WEB- документ. HTML-МАСТЕР Отличие «мастера» состоит в том, что программы такого рода предлагают серию диалоговых окон, в которых пользователь вводит необходимую информацию или выбирает различные варианты решения. «Мастер» не предназначен для создания сложных страниц, однако бывает очень полезен для быстрой подготовки несложных WEB-документов пользователем не имеющим о HTML никакого представления. ВЫБОР ПРОГРАММЫ ДЛЯ СОЗДАНИЯ И РЕДАКТИРОВАНИЯ WEB-ДОКУМЕНТОВ

11 МОСКОВСКИЙ АВИАЦИОННЫЙ ИНСТИТУТ (ГОСУДАРСТВЕННЫЙ ТЕХНИЧЕСКИЙ УНИВЕРСИТЕТ) © Л. Корякин РЕДАКТОРЫ HTML-ТЕГОВ Редакторы HTML-тегов очень похож на текстовый редактор, однако имеет набор специальных команд и/или иконок(кнопок) для вставки необходимой HTML-разметки. Основное назначение состоит в автоматизации процесса создания WEB-документов. РЕДАКТОРЫ WYSIWYG (WHAT YOU SEE IS WHAT YOU GET - ЧТО ВИДИШЬ, ТО И ПОЛУЧАЕШЬ) Редакторы WYSIWYG во многом напоминают хорошие текстовые процессоры, причем детали HTML-языка скрыты от пользователя. Именно такие редакторы в настоящее время являются наиболее популярными при создании WEB-документов. ВЫБОР ПРОГРАММЫ ДЛЯ СОЗДАНИЯ И РЕДАКТИРОВАНИЯ WEB-ДОКУМЕНТОВ