Личный кабинет
2008-11-03 17:34
Вы когда нибудь задумывались о том, как выглядят ваши веб-странички на других компьютерах? Наверняка задумывались. Но есть один момент, который часто забывают учитывать: многие пользователи изменяют размер шрифта в установках своего браузера. И легким движением руки ваша прекрасная принцесса превращается в Квазимодо. Если Вы думаете, что я делаю из мухи слона, то давайте рассмотрим пример.
Пример.
Вы сделали прекрасный динамический сайт. Чтобы можно было менять названия разделов и добавлять новые, Вы сделали их в виде текста, помещенного в ячейки с красивым (сравнительно :) фоном. Таким образом наше меню выглядит примерно так:Диваны Кровати Столы Шкафы Стулья
Конечно, это примитивно, но это всего лишь пример.
А теперь попробуйте изменить размер шрифта вашего браузера на самый крупный. В IE это делается командой View > Text size > Largest; а в Netscape - View > Increase Font/Decrease Font. Что мы видим? Весь дизайн развалился. Юзеры пишут Вам гневные письма, называя человека, который делал дизайн сайта, не слишком ласковыми словами.
Хотя избежать этого было бы очень просто! Задать шрифт фиксированного размера можно при помощи каскадных таблиц стилей - CSS. Вот исходный текст тестовой странички:
<html>
<head>
<title>How to set a fixed text size</title>
<style type="text/css">
<!--
.fixed {font-size:12px}
-->
</style>
</head>
<body>
<span class="fixed">This is a test.</span>
</body>
</html>
Откройте свой браузер и откройте свою тестовую страничку, а потом попробуйте менять размер шрифта из меню View (Вид). Ничего не меняется!
А все дело в том, что размер шрифта указан в пикселях (рх). В этом примере fixed - это имя класса, оно может быть любым. Вот так просто мы решили проблему, и этим самым сберегли себе нервы и внешний вид нашего многострадального дизайна.
Необходимо отметить, что далеко не весь текст вашей странички надо делать фиксированным по размеру! Есть люди (и их немало), которые используют высокие разрешения (например, 1600х1200). Если они не смогут менять размер шрифта текста, то они просто не смогут ничего прочитать! Так что Вам решать, что делать фиксированным размером, а что нет. Мое мнение по этому поводу следующее: все, что имеет отношение к дизайну (например, меню), надо делать шрифтом фиксированного размера, а все наполнение сайта - с возможностью изменения размера (т.е. попросту указывать размер шрифта не в пикселах).
Автор: Валерий Полях
Пример.
Вы сделали прекрасный динамический сайт. Чтобы можно было менять названия разделов и добавлять новые, Вы сделали их в виде текста, помещенного в ячейки с красивым (сравнительно :) фоном. Таким образом наше меню выглядит примерно так:Диваны Кровати Столы Шкафы Стулья
Конечно, это примитивно, но это всего лишь пример.
А теперь попробуйте изменить размер шрифта вашего браузера на самый крупный. В IE это делается командой View > Text size > Largest; а в Netscape - View > Increase Font/Decrease Font. Что мы видим? Весь дизайн развалился. Юзеры пишут Вам гневные письма, называя человека, который делал дизайн сайта, не слишком ласковыми словами.
Хотя избежать этого было бы очень просто! Задать шрифт фиксированного размера можно при помощи каскадных таблиц стилей - CSS. Вот исходный текст тестовой странички:
<html>
<head>
<title>How to set a fixed text size</title>
<style type="text/css">
<!--
.fixed {font-size:12px}
-->
</style>
</head>
<body>
<span class="fixed">This is a test.</span>
</body>
</html>
Откройте свой браузер и откройте свою тестовую страничку, а потом попробуйте менять размер шрифта из меню View (Вид). Ничего не меняется!
А все дело в том, что размер шрифта указан в пикселях (рх). В этом примере fixed - это имя класса, оно может быть любым. Вот так просто мы решили проблему, и этим самым сберегли себе нервы и внешний вид нашего многострадального дизайна.
Необходимо отметить, что далеко не весь текст вашей странички надо делать фиксированным по размеру! Есть люди (и их немало), которые используют высокие разрешения (например, 1600х1200). Если они не смогут менять размер шрифта текста, то они просто не смогут ничего прочитать! Так что Вам решать, что делать фиксированным размером, а что нет. Мое мнение по этому поводу следующее: все, что имеет отношение к дизайну (например, меню), надо делать шрифтом фиксированного размера, а все наполнение сайта - с возможностью изменения размера (т.е. попросту указывать размер шрифта не в пикселах).
Автор: Валерий Полях
- Фиксированный размер шрифта на Ваших веб-страничках
- Подбор шрифта и верстка текста
- Фреймы в HTML документах (2008-11-04)
- 10 признаков дурного тона в web-дизайне (2008-11-04)
- 800 и 1024. Пиксели или проценты? (2008-11-04)
- Как работает формат JPEG? (2008-11-04)
- О композиции в дизайне (2008-11-04)
- Психология в дизайне (2008-11-04)
- Шрифты (2008-11-04)
- Как сделать качественный веб-сайт (2008-11-04)
- Какой вид дизайна выбрать? (2008-11-04)
- Выпадающие меню с помощью CSS (2008-11-04)
- Создание веб-страниц для различных разрешений м... (2008-11-04)
- Веб-дизайн и анимация (2008-11-04)
- Немного об index.html (2008-11-04)
- Психология дизайна (2008-11-04)
- Что такое стильный web-сайт? (2008-11-04)
- Web дизайн :: Что такое хорошо и что такое плохо (2008-11-04)
- Лево, Право или Центр? (2008-11-04)
- Оптимизация изображений в формате JPG (2008-11-04)
- Альтернативные редакторы Flash (2008-11-04)
- Что же такое web-дизайн? (2008-11-04)
- Сайты для тинейджеров: правила дизайна (2008-11-04)
- Маленькие проблемы больших таблиц - HTML (2008-11-04)
- Особенности web-дизайна (2008-11-04)
- Подсказки и советы для веб-мастеров - Топ 100+ (2008-11-04)
- Единицы измерения CSS (2008-11-04)
- Состав изображений (2008-11-04)
- FLASH - ЧТО МОЖЕТ БЫТЬ ХУЖЕ? (2008-11-04)
- FAQ по графическим форматам файлов (2008-11-04)
- ПО необходимое для web-дизайнера (2008-11-04)
- Должностная инструкция веб-мастера (2008-11-04)
- Стиль Вашего сайта (2008-11-04)
- Стиль Вашего сайта (2008-11-04)
- Orange color: теория и практика (2008-11-04)
- Расположение баннера (2008-11-04)
- Советы "чайникам" (2008-11-04)
- С чего начать (2008-11-04)
- С чего начать (2008-11-04)
- Организация - вот ключ к успеху (2008-11-04)
- Подбор шрифта и верстка текста (2008-11-04)
- Обзор Gif-аниматоров (2008-11-04)
- Каскадные таблицы стилей (преимущества и недост... (2008-11-04)
- Фирменный шрифт (2008-11-04)
- Главные ошибки в web-дизайне (2008-11-04)
- CSS - Для чего нужны таблицы стилей? (2008-11-04)
- Таблицы или слои, что лучше? (2008-11-04)
- О скриптах (2008-11-04)
- Изучаем HTML (2008-11-04)
- Применение нескольких классов к элементу в CSS (2008-11-04)
- Создание сайта с помошью фреймов (2008-11-04)
- Основы работы со слоями в CSS (2008-11-04)
Быстрый переход