|
синей составляющих (триплеты).
Полный перечень цветов, корректно отображаемых браузерами, в котором при-
водятся как названия цветов, так и соответствующие значения Шестнадцате-
рИЧНЫХ ТрИПЛетОВ, МОЖНО наЙТИ ПО адресу http://www.htmlhelp.com/cgi-bin/
color.cgi.
Хотя большинство посетителей оставляют цвет текста по умолчанию в браузе-
ре черным, некоторые могут выбрать и другой цвет по умолчанию. Поэтому же-
лательно указывать цвет, который должен использоваться браузером при отобра-
жении текста вашей Web-страницы, даже если желаемый цвет — черный. Не стоит
предполагать, что у всех посетителей вашего сайта в браузерах в качестве цвета
по
умолчанию установлен именно черный. В главе 4 данной книги вы узнаете, как ус-
тановить цвет всего текста на странице с помощью нескольких CSS-правил.
Добавление графики в Web-страницу с помощью
базового дескриптора
Путешествуя по Web-сайтам, нельзя не встретить-страницы, содержащие мно-
жество фотографий и рисунков. Графические изображения оказывают существен-
ную помощь при объяснении сложных процедур или действий, которые трудно
описать с помощью одного лишь текста. Помимо этого, большинство посетите-
лей вашего Web-сайта почувствуют себя несколько неуютно, не обнаружив там
ничего, кроме текста. Рисунки, там и сям, вставленные в длинное тело докумен-
та, дают посетителю передышку в чтении текста и, при правильном использова-
нии, облегчают восприятие текста. Предположим, например, вы хотите создать
страницу с описанием действий, которые необходимо предпринять для замены
картриджа в струйном принтере Epson 1520. Несколько продуманных иллюстра-
ций объяснят процедуру лучше, чем добрый десяток абзацев текста.
Кроме того, посетители сайта могут изменить шрифт, используемый их брау-
зерами по умолчанию для отображения текста Web-страницы, поработав с на-
стройками браузера. Следовательно, текст Web-страницы будет выглядеть по-раз-
ному у посетителей, у которых в качестве шрифта по умолчанию установлен
Arial, и у посетителей, в браузерах которых шрифтом по умолчанию выбрана
Helvetica. Хотя это и досадно, вы уже знаете, как предотвратить такую замену
шрифта путем задания шрифта, который будет использоваться браузером, не ос-
тавляя выбор шрифта браузеру посетителя. Настоящая проблема с выбором
шрифта возникает тогда, когда вам нужно использовать специализированный
или индивидуальный шрифт - как те, которые применяются, например, для на-
писания названия компании в логотипе. Помните, что, если указанного шрифта
нет на компьютере посетителя, браузер отобразит текст установленным в нем
шрифтом по умолчанию.
56 Глава 1. Основы языка HTML
Скажем, например, на вашем сайте имеется логотип, текст на котором набран
шрифтом Skia. Если вы наберете логотип на Web-странице как текст, а в систе-
ме посетителя шрифт Skia установлен не будет, браузер посетителя заменит его
на свой шрифт по умолчанию, тем самым полностью изменив внешний вид ло-
готипа. К счастью, точный вид логотипа (или иного текста) можно сохранить,
преобразовав текст в графическое изображение (с помощью программы редакти-
рования изображений вроде Photoshop). Если вы вставите в Web-страницу "кар-
тинку" текста, текст будет выглядеть одинаково во всех Web-браузерах - даже на
тех системах, где нет шрифта, использованного во время создания текста. При
преобразовании текста в графическое изображение, настройки посетителя, опре-
деляющие использование шрифтов, никак не влияют на текст на рисунке, что
можно видеть на рис. 1.15.
I Торгово-иэдательскийдом
ДИАСОФТ
J
Рис. 1.15. Логотипы с текстом, преобразованные в графические изображения,
корректно отображаются в Web-браузере
ЩН| ПРАКТИКУМ
Дескриптор позволяет поместить на Web-страницу графическое изображение
(как преобразованный текст, так и фотографию или рисунок). Типовой дескриптор
содержит единственный атрибут src, который сообщает Web-браузеру путь к
графическому файлу. Следовательно, ваши дескрипторы вставки изображений будут в
большинстве своем иметь вид . Обратите внимание, что
значение атрибута src включает в себя как имя графического файла, так и путь к
нему. Например, приведенный ниже код содержит указание извлечь и отобразить ри-
сунок из файла photo,jpg, хранящегося в папке images на Web-сервере.
Чтобы HTML-код был правильным, все дескрипторы должны быть по-
мещены между начальным и конечным дескрипторами тела документа (
), которые охватывают содержимое Web-страницы, выводимое на экран
браузером. Приведенный ниже простой HTML-код, будучи обработанным брау-
зером, выведет на экран графическое изображение house.jpg:
<Ь±Ъ1е>Фотография flOMa
Глава 1. Основы языка HTML 57
Наряду со вставкой простого дескриптора изображения в нужное место
HTML-документа, вы также можете управлять изображением в окне браузера с
помощью нескольких атрибутов:
alt. Атрибут alt предоставляет альтернативный текст для браузеров, кото-
рые не отображают графику, или браузеров, в которых отображение графи-
ки отключено пользователем. Альтернативный текст также используется
браузерами в качестве всплывающей подсказки (текст отображается в пря-
моугольнике, всплывающем при наведении на изображение курсора мыши)
и программами чтения для незрячих.
|