Druzya.org
Возьмемся за руки, Друзья...
 
 
Наши Друзья

Александр Градский
Мемориальный сайт Дольфи. 
				  Светлой памяти детей,
				  погибших  1 июня 2001 года, 
				  а также всем жертвам теракта возле 
				 Тель-Авивского Дельфинариума посвящается...

 
liveinternet.ru: показано количество просмотров и посетителей

Библиотека :: Компьютеры и Программирование :: К.Джамса, К.Кинг, Э.Андерсон - Эффективный самоучитель по креативному Web-дизайну. HTML, XHTML, CSS, JavaScript, PHP, ASP, ActiveX.
<<-[Весь Текст]
Страница: из 389
 <<-
 
 синей составляющих (триплеты). 
Полный перечень цветов, корректно отображаемых браузерами, в котором при- 
водятся как названия цветов, так и соответствующие значения Шестнадцате- 
рИЧНЫХ ТрИПЛетОВ, МОЖНО наЙТИ ПО адресу 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 предоставляет альтернативный текст для браузеров, кото- 
рые не отображают графику, или браузеров, в которых отображение графи- 
ки отключено пользователем. Альтернативный текст также используется 
браузерами в качестве всплывающей подсказки (текст отображается в пря- 
моугольнике, всплывающем при наведении на изображение курсора мыши) 
и программами чтения для незрячих. 
Фото</pre>
		</td>
		<td align= 
<<-[Весь Текст]
Страница: из 389
 <<-