Баннерная сеть

Личный кабинет

Имя

Пароль

Запомнить меня


Забыли пароль?
Зарегистрироваться

  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). Если они не смогут менять размер шрифта текста, то они просто не смогут ничего прочитать! Так что Вам решать, что делать фиксированным размером, а что нет. Мое мнение по этому поводу следующее: все, что имеет отношение к дизайну (например, меню), надо делать шрифтом фиксированного размера, а все наполнение сайта - с возможностью изменения размера (т.е. попросту указывать размер шрифта не в пикселах).

Автор: Валерий Полях
Быстрый переход
  • Company
  • Overview
  • Facts and Figures
  • Why Us
  • Testimonials
  • Careers
  • Capabilities
  • Technology Centers
  • Microsoft .NET
  • Java EE
  • PHP
  • AJAX
  • Skill Set
  • Domain Expertise
  • Web 2.0
  • Rich Internet Applications
  • Business Continuity
  • Quality Management
  • Methodology
  • Services
  • Advanced Web Development
  • Web Application Development
  • Web and Enterprise Portal Development
  • Website Design and Development
  • Web-based Database Programming
  • Web-enabling Legacy Applications
  • Opensource Software Customization
  • Business Application Development
  • Content and Document Management
  • Secure Intranets / Extranets
  • Customer Relationship Management
  • Workflow Management
  • Supply Chain Management
  • Interactive Learning
  • Independent QA and Testing
  • Application Security Consulting
  • Graphic Design / Multimedia
  • Maintenance and Support
  • Outsourcing
  • Outsourcing Overview
  • Dedicated Teams
  • Security and IP Protection
  • Engagement Models
  • Portfolio
  • By Business Domain
  • Corporate / Info Websites
  • Communities and Networks
  • B2B / B2C Internet Portals
  • Retail / Ecommerce
  • Media Distribution
  • Workflow Management
  • Customer Management
  • Enterprise Collaboration
  • Supply Chain Management
  • eLearning / Online Training
  • By Technology Focus
  • Microsoft .NET
  • Java EE
  • PHP
  • By Solution Type
  • Websites
  • Web Applications
  • Enterprise Solutions
  • Contact
  • Contact Form
  • Get Free Evaluation
  • Call Me Back
  • Contact Info
  • Map