- •Основы web-дизайна
- •Составители а.В. Распопов, о.Е. Ефимова, д.В. Меркулов
- •Введение
- •1.2.1. Стандарты языка html
- •1.2.2. Браузеры
- •Редакторы html-документов
- •Контрольные задания
- •Синтаксис html-тегов
- •Структура html-документа
- •Адресация ресурсов
- •Контрольные задания
- •3.2.1. Комментарии
- •3.2.2. Символьные примитивы (&-последовательности)
- •4.2.1. Разбиение текста
- •4.2.2. Форматирование символов
- •4.2.2.1. Логическое форматирование
- •4.2.2.2. Физическое форматирование
- •4.2.3. Параметры шрифта
- •4.2.4. Заголовки разных уровней внутри текста
- •5.2.1. Формы представления цвета
- •5.2.2. Цвет текста и фон документа
- •5.2.3. Графические форматы
- •5.2.4. Графические изображения
- •Контрольные задания
- •10.2.1. Описание структуры набора фреймов
- •10.2.2. Общий вид html-документа, задающего набор фреймов
- •10.2.4. Целевые фреймы
- •11.2.1. Простейшая форма
- •11.2.2. Типы элементов форм
- •Контрольные задания
- •Несколько советов
- •Библиографический список
- •Оглавление
- •Основы web-дизайна
Редакторы html-документов
Поскольку html-документ представляет собой текстовый файл, его можно подготовить в простейшем текстовом редакторе, например, в блокноте (Notepad). Наиболее часто все же используют специализированные редакторы, предназначенные именно для подготовки html-документов. Отличаясь друг от друга спектром возможностей, предоставляемых разработчику, они обладают принципиально схожим интерфейсом, позволяя вставлять теги с помощью кнопок панелей инструментов либо команд меню и задавать атрибуты тегов в диалоговых окнах. При этом разработчик видит документ таким, каким он будет при просмотре с помощью браузера. Возможен также просмотр и правка исходного текста html-документа.
Особенно распространены html-редакторы фирм – разработчиков браузеров; на сегодняшний день это Netscape Composer и редакторы фирмы Microsoft FrontPage и FrontPage Express. Также html-документ может быть получен преобразованием в html-формат, например, из формата документов пакета Microsoft Office. Широко используемый текстовый редактор Microsoft Word, а также не менее популярные Microsoft Excel и Microsoft Access позволяют сохранить файл в формате html. При этом сохраняются, насколько это возможно, особенности форматирования символов и абзацев, изображения, таблицы, списки и так далее. Надо отметить, что при таком преобразовании исходный текст html-документа получается крайне избыточным и нуждается в коррекции.
Контрольные задания
Не пользуясь текстом методических указаний, сформулировать следующие определения.
1. Что такое Гипертекстовый документ? Привести пример.
2. Для чего предназначен язык HTML? Привести пример.
3. Что такое Web-сайт? Привести пример.
4. Что такое браузер? Привести пример.
5. Какие редакторы html-документов вы знаете?
6. Что такое абсолютная и относительная адресация? Привести примеры.
Лабораторная работа № 2
Основы языка HTML
2.1. Цель работы
Изучение и использование базовых основ языка HTML.
2.2. Теоретические сведения
Синтаксис html-тегов
Html-документ представляет собой текстовый файл с расширением *.htm (Unix-системы могут содержать файлы с расширением *.html), содержащий собственно текст, который должен быть отображен в окне браузера, и команды разметки – html-теги, определяющие внешний вид документа при их интерпретации браузером.
Html-тег записывается в угловых скобках (символы < >) и состоит из имени, за которым может следовать список атрибутов (для большинства тегов необязательный). Имена и атрибуты представляют собой английские слова и аббревиатуры и почти всегда их смысл прозрачен.
Теги условно можно разделить на две группы. Теги одной группы (называемые также контейнерами и парными тегами) имеют два компонента: открывающий (начальный) и закрывающий (конечный); закрывающий компонент имеет то же название, но при записи перед названием ставится косая черта (символ /). Между открывающим и закрывающим компонентами может располагаться текст документа и другие теги. Фрагмент документа, расположенный между открывающим и закрывающим элементом тега-контейнера форматируется браузером согласно смыслу тега. Например, текст, расположенный между тегами <B> и </B>, будет выведен полужирным начертанием (название тега – от английского bold).
Теги другой группы (называемые также автономными) не имеют конечного компонента. При их интерпретации в отображаемый документ вставляется тот или иной объект. Например, тег <IMG SRC="pict.gif">, встречающийся в тексте html-документа, вызывает вставку графического изображения из файла pict.gif .
Атрибуты в списке отделяются друг от друга одним или несколькими пробелами, либо символами табуляции, либо символами перевода строки; последовательность записи атрибутов несущественна. Подавляющее большинство атрибутов употребляются в виде пары название атрибута=значение атрибута. В случае, когда значение атрибута представляет собой более чем одно слово либо одно число, его следует заключить в одинарные или двойные кавычки. В закрывающих компонентах тегов атрибуты не указываются.
Рассмотрим пример тега с атрибутами (рис. 1).
<FONT SIZE=+2 COLOR=RED>
Рис.1. Тег с атрибутами
Встретив такой тег в html-документе, браузер интерпретирует его, выводя следующий за тегом текст символами, увеличенными относительно базового размера (SIZE=+2) и красным цветом (COLOR=RED); это форматирование текста применяется до тех пор, пока не встретится закрывающий тег </FONT> .
Регистр символов в записи тегов и атрибутов значения не имеет.