Предварительное форматирование

При использовании тегов <pre> и </pre> информация отображается браузером точно в таком виде, в каком вы ее напечатаете, без всякой интерпритации. Вы можете воспользоваться этими тегами для эмуляции таблицы. Результат не так эффектен, как таблица, и здесь невозможно ввести сетку таблицы, но большинство людей не заметит особой разницы. Предварительно отформатировав текст с использованием возвратов каретки, пробелов и табуляций так представит все ту же бейсбольную информацию:

<PRE><B> Имя Команда Победы/поражения Очки Ауты</B> Джон Хеппи Цинциннати 16-2 2.73 194 Гидео Немо Лос-Анджелес 19-8 2.94 399 Грег Энгриус Атланта 24-6 2.21 275 </PRE>

Что получится:

Имя Команда Победы/поражения Очки Ауты Джон Хеппи Цинциннати 16-2 2.73 194 Гидео Немо Лос-Анджелес 19-8 2.94 399 Грег Энгриус Атланта 24-6 2.21 275

Итак, подводя итоги пройденного сегодня материала, хочу сказать что мы изучили сегодня: способы выравнивания текста в таблице, цвета в таблице, нашли способы замены таблиц списками и предварительным форматированием. Если у вас есть вопросы по пройденному материалу, присылайте их сюда.

Уроки html'а. Урок # 9.

Как оживить веб-страницу с помощью графики

Вот и добрались до графики. Имея за плечами страницу украшенную списками, таблицами, заголовками и красивым форматированным текстом начнем ее "оживлять".

"За" и "против" применения графики на веб-страницах

Вы, наверное, потратили много времени, просматривая различные веб-узлы, видели личные страницы, коммерческие, и я уверен, что практически на каждой из них тем или иным образом использовалась графка. В WWW можно найти любую графику, начиная от логотипов фирм и броских пиктограмм до фотографий домашних животных и репродукций известных картин.

Рисунки и графика жизнено важны для WWW. Это единственное средство Интернета, позволяющее просматривать на экране одновременно изображения и текст. Представьте себе, что вы берете любимую газету, а там нет иллюстраций. Она будет выглядеть скучно, независимо от того, как отформатирован текст. Веб-страница без графики подобна рекламному проспекту без рисунков - в нем просто нет смысла.

На этом, и близжайших уроках мы научимся вводить в домашнюю страницу изображения и рисунки, что сделает ее более привлекательной для посетителей.

Конечно, будет немного сложно показывать вам примеры в рассылке, так как большинство людей просматривает e-mail сообщения в режиме OffLine (отключен от сети). Поэтому вам будет полезно посещать архив рассылки расположенный на сайте Design Laboratory. Читателям рассылки в текстовом режиме вообще с этой темой не повезло...

Иногда следует избегать применения графики на веб-страницах, но такие случае крайне редки. Как правило, страницы без графики довольно скучны.

С другой стороны, будьте благоразумны и не обременяйте свою домашнюю страницу слишком большим количеством изображений. Решив ввести сотню изображений, вы явно перегрузите свою страницу. Если ваша страница загромождена пиктограммами и изображениями, текст потеряется в этой неразберихе и посетители не поймут, куда же они попали. Кроме того, страница будет загружаться бесконечно долго, и все ваши усилия сойдут на "зачем я жду? пойду на другой сайт".