- •Создание html-документов.
- •Заполнение фона.
- •Заголовок документа.
- •Присвоение имени документу.
- •Настрока заголовка.
- •Другие элементы заголовка.
- •Комментарии в html-документах.
- •Элемент address.
- •Использование цветов в документе.
- •Определение цветов.
- •Атрибуты для определения цветов в документе.
- •Создание шаблона документа.
- •Разбиение текста на абзацы.
- •Разрыв строк.
- •Структурирование текста.
- •Добавление заголовков.
- •Добавление горизонтальных линий.
- •Предварительное форматирование текста.
- •Советы по макетированию страниц.
- •Специализированный шаблон.
- •Форматирование символов.
- •Логическое форатирование.
- •Элементы физического форматирования.
- •Шрифты.
- •Атрибут size.
- •Атрибут color
- •Советы по форматированию текста.
- •Зачем нужна графика.
- •Основные принципы.
- •Что нужно знать при использовании графический изображений.
- •Авторские права.
- •Могут ли возникнуть проблемы из-за порнографических изображений?
- •Выбор формата графического файла.
- •Потеря информации.
- •Поддержка броузерами.
- •Добавление изображений в документ.
- •Выравнивание текста с изображением в строке.
- •Расположение текста на web-странице.
- •Указание браузеру размеров изображения.
- •Уменьшение размеров изображения.
- •Увеличение размеров изображения.
- •Создание альтернативного текста.
- •Рамка вокруг изображения.
- •Свободное пространство вокруг изображения.
- •Использование изображения в качестве ссылки.
Советы по макетированию страниц.
Чтобы правильно использовать дескрипторы HTML, необходимо соблюдать определенные правила. Мы приводим здесь несколько советов, которые следует иметь в виду при использовании дескрипторов, о которых шла речь в этой главе.
• Используйте одинаковые интервалы. Старайтесь делать интервалы между элементами одинаковыми. Убедитесь в том, что выше и ниже абзацев имеется одинаковое свободное пространство. Читатели воспринимают неодинаковые интервалы как упущение с вашей стороны.
• Избегайте выравнивания по правому краю и по центру. Не применяйте такое выравнивание к основной части документа. Текст, выровненный по правому краю или по центру, труднее читать, чем текст, выровненный по левому краю.
• Не злоупотребляйте отступами. Отступы зависят от размера используемого вами шрифта. Больший размер шрифта требует более глубокого отступа, и наоборот.
• Используйте дескрипторы <NOBR> в комбинации с <WBR> для управления разрывами строк. Иногда требуется точно указать, где именно допускается разрывстроки. Дескриптор <NOBR> запрещает разрывы строк, a <WBR> подсказывает броузеру удобное место для разрыва строки.
Не забывайте о возможности разбиения страницы с помощью дескриптора <HR>. Однако если вы используете линии для разделения Web-страницы на отдельные фрагменты, то можете вместо этого разбить ее на несколько страниц, каждая из которых будет посвящена определенной теме.
Не экономьте место, помещая изображения. Изображения и таблицы в документе HTML должны быть окружены пустым пространством, чтобы они зрительно выделялись из текста.
Используйте заголовки для организации текста. Благодаря заголовкам читателям проще найти нужную им информацию. Не ограничивайте себя в использовании заголовков.
Специализированный шаблон.
Используя сведения, которые содержатся в этой главе, можно создать более сложный шаблон. Мы покажем, как создать шаблон, который можно использовать для словаря терминов и других подобных документов.
Сначала нужно перенести базовый шаблон в текстовый редактор. После загрузки этого документа, можно внести соответствующие изменения в готовые элементы, как показано ниже.
Первые изменения в документе. |
Теперь можно добавить название страницы и ограничить текст горизонтальными линиями. Термины форматированы как заголовки второго уровня, выровненные по левому краю, а для определений используется обычный текст. В результате получается код, показанный ниже. Это шаблон, который можно сохранить и использовать в любой момент для создания словаря терминов. Этот же шаблон подойдет для создания списка телефонов или каталога.
Форматирование символов.
Самая сложная часть работы выполнена: документ создан. Написанный текст аккуратно разбит на абзацы, все заголовки находятся на своих местах, добавлены такие элементы, как название документа и информация об авторе. Казалось бы, можно удовлетвориться результатом, однако чего-то все-таки не хватает.
Одно из основных отличий документов, созданных в текстовом процессоре, от документов, созданных на печатной машинке, заключается в форматировании текста. Текстовый процессор позволяет изменять внешний вид текста. Автор может выбрать понравившийся ему шрифт, подходящий размер букв и применить к тексту опции форматирования. В HTML имеются эти же возможности — свобода автора ограничена только характеристиками броузера.