Раздел: Документация
0 ... 38 39 40 41 42 43 44 ... 84 в том случае, если вы создаете что-то вроде заставки или если страница не очень велика по объему.) В таблице должна быть всего одна ячейка (где и будет помещен текст или картинка), и она должна быть вертикально и горизонтально отцентрирована (рис. 4.5). Рис. 4.5. Не можете отцентрировать на своей веб-странице текст или изображение? Создайте таблицу с одной ячейкой и отцентрируйте ее Кроме того, следует установить нулевую ширину полей, потому что некоторые браузеры учитывают и поля, когда высчитывают 100 % высоты и ширины, — соответственно может появиться совершенно ненужная полоса прокрутки. Строго говоря, атрибут, задающий высоту таблиц, больше не входит в спецификацию HTML, но эта уловка все-таки проходит с большинством браузеров, в том числе и с Internet Explorer. Весь текст в таблице будет выровнен по центру. Для пущей эффективности можно поместить текст и рисунки в одну таблицу, а уже эту таблицу поместить в центрированную (по сути дела, имеет место вложение таблицы в таблицу). Нижеприведенный код (его можно найти еще и здесь: http://www.oreilly.com/ catdlog/internetannoy/downloads.csp) использует этот дополнительный прием: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-l"> <style type="text/css"> body { margin-left: Opx; margin-top: Opx: margin-right: Opx; margin-bottom: Opx; } body.td.th { font-family: Verdana. Arial, Helvetica, sans-serif, font-size: small; } a:link { color: #000000; } a:visited { color: #000000; } </style><body> <table width="100r height="100r border="0" cellpadding="0" cellspacing="0"> <tr> <td align="center" valign="middle">  <!-- - -> <table width="300" border="0" cellspacing="5" cellpadding="5"> <tr bgcolor="#FF0000"> <td colspan="2" style="co1or:#FFFFFF">Bbi6epnTe скорость соединения<Ьг> <span style="font-size:xx-small">Выбрав пропускную способность, вы сможете загрузить наиболее подходящую версию cauTa</span></td> </tr> <tr align="center" valigtr="middle""> <td bgcolor="#999999"><a href="fast.htmlВысокоскоростное соединение</а></> <td bgcolor="#999999"><a href="slow.html">Медленное соединение</а></и> </tr> </table> </td> </tr> </table> </body> </html> Что случилось с моими шрифтами? Проблема Я использовал при создании моего сайта на редкость навороченные шрифты, а посетители говорят, что шрифт у меня самый убогонький. Решение Если на веб-странице вы используете шрифт, которого нет на компьютере вашего посетителя, то посетитель ничего и не сможет увидеть. Если вы хотите быть уверены, что пользуетесь теми же шрифтами, что и большинство людей, придерживайтесь нижеприведенного списка: эти шрифты есть у каждого пользователя Windows (табл. 4.1). Таблица 4.1. Наиболее распространенные шрифты (для компьютеров с ОС Windows)
Разумеется, если вы пользуетесь только этими шрифтами, то таким образом накладываете ограничения на дизайн вашего сайта. К счастью, есть обходной путь: вы можете перечислить несколько гарнитур при помощи атрибута FACE тега <font>. Если в операционной системе пользователя нет первого шрифта, браузер попытается воспользоваться вторым в списке, и т. д. Например, если вы используете при создании своей веб-страницы следующий тег: <F0NT FACE="tahoma. arial, helvetica"> то браузер посетителя воспроизведет текст шрифтом Tahoma, если этот шрифт доступен; если нет, то шрифтом Arial; если у посетителя нет и Arial, то текст бу- дет воспроизведен шрифтом Helvetica. В этот список вы можете внести столько шрифтов, сколько захотите. Разумеется, никто не гарантирует, что шрифты, которые вы перечисляете, будут на всяком компьютере, так что можно в качестве последнего варианта приводить основную гарнитуру. Например: <F0NT FACE="tahoma, arial. helvetica, sans-serif"> Браузер будет воспроизводить текст последним шрифтом, если не найдет ни одного из перечисленных выше. Вы можете выбирать между гарнитурой с засечками, рубленой, моноширинной, курсивом и специальной. Шрифты с засечками — шрифты с дополнительными горизонтальными и вертикальными черточками, благодаря которым текст проще читать. Самый распространенный шрифт с насечками — это Times New Roman. У рубленого шрифта (например, Helvetica) нет этих черточек. Моноширинная гарнитура (например, Courier) имеет фиксированную ширину символов, то есть буквы не разнятся по ширине. Курсив имитирует рукописный текст, а специальные шрифты — это те, в которых используется тот или иной спецэффект. КАК МОНИТОРЫ ВОСПРОИЗВОДЯТ ВЕБ-ПАЛИТРУ- Чтобы воспроизвести тот или иной цвет, современные мониторы смешивают в разных пропорциях три основных цвета — красный, зеленый и синий. Монитор может отобразить 256 оттенков каждого цвета, и каждый из этих оттенков может быть смешан с любым оттенком двух других цветов. В результате получается, что ваш монитор может воспроизвести 256x256x256, т. е 16 777 216 цветов. Эту систему цветопередачи обычно называют RGB (Red-Green-Blue — Красный-Зеленый-Синий). При помощи системы RGB вы можете выбрать любой из этих 16 777 216 цветов, присвоив каждой из цветовых составляющих (R, G и В) значение от 0 до 255, где 0 — это отсутствие данного цвета, а 255 — его максимальная насыщенность. Например, темно-зеленый будет иметь следующие значения R:0 G:255 В:0 — максимально насыщенный зеленый без примеси зеленого и синего. Синевато-серый цвет будет иметь значения R:106 G: 90 В:205. Это может показаться несколько запутанным, но в жизни все еще более сложно. Оказывается, что далеко не все компьютеры могут воспроизвести все 16 777 216 цветов, так что ярко-красный заголовок, для которого вы два дня подбирали цвет, на чьем-нибудь чужом мониторе может оказаться бледно-зеленым. Чтобы решить эту проблему, дизайнеры используют палитры — стандартный набор цветов, которые не будут меняться в зависимости от монитора пользователя. Операционная система, установленная на компьютере, имеет свою палитру, равно как и некоторые другие программы. У веб-браузеров есть так называемая «веб-палитра» — набор цветов, которые все браузеры будут воспроизводить одинаково. Если вы выбираете цвет из веб-палитры, вы можете быть уверены, что посетители увидят именно тот цвет, который вы выбрали, а не какой-то иной. Не пользуйтесь линючими красками Проблема Когда я создавал сайт, я выбирал совсем не те цвета, которые теперь там видят мои посетители. В чем дело? Решение Нет никакой гарантии, что компьютер посетителя воспроизведет тот самый цвет, который вы выбрали для своего сайта. Все потому, что разные видеокарты 0 ... 38 39 40 41 42 43 44 ... 84
|
