Браузери

Давайте пригадаємо. Що лежить в основі Web-сторіночок? Вірно, мова HTML, і визначаться він як текст у форматі ASCII зі вставкою спеціальних розмічальних кодів (або тегів). І коли броузер відображає сторіночку, то він знаходить ці коди і виконує відповідні ним дії (наприклад, зустрічаючи тег <b> починає виведення подальшого тексту напівжирним шрифтом, а зустрічаючи </b> - припиняє це робити). Повний набір таких тегів називається специфікацією і підтримується WWW-консорціумом, в який входять всі основні компанії, розробляючі програмне забезпечення для Internet (зокрема, і Microsoft з Netscape). У ідеалі, всі броузери повинні задовольняти даним специфікаціям, але, на жаль, реальне життя і конкуренція між провідними виробниками броузеров вносять свої корективи.

Нагадаю, що спочатку HTML позиціонувався як мова логічної розмітки тексту, незалежна від пристрою висновку. Тобто теги сприймалися як вказівка до виділення частини тексту деяким чином. Звідси в мові є множина т.з. логічних тегів типу <strong>, <em> :, на жаль, що рідко застосовуються. Фраза "незалежний від пристрою висновку" означає, що результат інтерпретації HTML-коду може бути виведений не тільки на екран, але і, наприклад, на звукову карту (коли комп'ютер сам читатиме Вам вміст HTML-сторіночки) або на спеціальний пристрій, відтворюючий вміст сторіночки кодом Брайля. Але вийшло так, що мова HTML, врешті-решт, перетворилася на мову опису сторінок на екрані комп'ютера.

Зараз є два броузера, особливості яких повинен враховувати web-дизайнер при виготовленні сторіночок. Це "Netscape Navigator" і "Microsoft Internet Explorer" (а раптом хто не знає :) Насправді броузеров значно більше, але вони всі разом займають всього біля 1% ринку і, як правило, прагнуть до сумісності з одним з двох лідерів. Між собою лідируючі броузери ділять ринок в співвідношенні приблизно 75/25 (на даний момент лідирує Internet Explorer). Отже, надалі розглядатимуться тільки ці програми.
Перше правило професійного web-дизайну

Для чого ж ми повинні враховувати те, як виглядають наші сторіночки в обидва броузерах, якщо є стандарт мови HTML, і всі вони зобов'язані правильно проглядати код? А в тому-то і справа, що інтерпретують вони код по-різному (іноді дуже по-різному), причому не тільки версії різних броузеров, але і різні версії одного і того ж броузера. Причиною цього з'явилася конкуренція компаній, коли вони вводили нові теги для підвищення конкурентоспроможності своїх продуктів. І як наслідок будь-якої закритої програми, вони по разному розуміють значення тих або інших тегів.

Звідси, перше правило - професійний web-дизайнер просто зобов'язаний знати, як є видимим його сторіночки у всіх популярних броузерах і їх різних версіях.
Друге правило професійного web-дизайну

Окрім цього, доводиться також враховувати той факт, що користувачі мають комп'ютери з різною апаратною конфігурацією. Я не маю зважаючи на, що хтось ходить по Web на 286 машині (а раптом правда? :), але є багато цілком сучасних комп'ютерів, які володіють низькою роздільною здатністю. За прикладами далеко ходити не треба - ноутбук. Велика їх кількість випускається з чорно-білим екраном, а кольорові ноутбуки найчастіше обмежені палітрою в 256 квітів. Або, наприклад, палмтопи (що стають популярними кишенькові комп'ютери) під управлінням Windows CE - вони спочатку були чорно-білими.

Ось, добралися і до другого правила - професійний Web-дизайнер повинен проглядати сторіночки при різній кількості квітів. І у разі потреби робити сторіночки з використанням тільки безпечної палітри.
Третє правило професійного web-дизайну

Всі сторіночки належать одній великій об'єднаній мережі (WWW називається :), і в цій мережі знаходяться абсолютно різні комп'ютери: IBM PC-сумісні, Apple Macintosh, різні версії UNIX, Amiga : Та і все що завгодно. І всі ці платформи, так скажемо, небагато відрізняються при виведенні графіки на екран. Навряд чи шрифт в Linux буде таким самим, як в Windows, та і палітра квітів за умовчанням може відрізнятися, і алгоритм дізерінга при висновку на екран, і : Загалом, якщо сайт важливий і представляє інтерес для широкого круга користувачів, то обов'язково протестуйте сайт на різних платформах і під різними операційними системами. Це було третє правило професійного Web-дизайнера :)

І не забувайте про текстові броузери, найвідомішим представником яких є Lynx. Сайт може бути скільки завгодно красивий, але що від цього толку, якщо його не побачать! Тому завжди думайте про те, як сайт виглядатиме в текстовому варіанті. Навігація повинна залишатися простій і зрозумілою. І досягається це простими способами: якщо у вас меню у вигляді картинки, то не полінуєтеся забезпечити всі картинки підписами, а якщо не виходить, то продублюйте меню текстовими посиланнями внизу сторінки. Власники текстових броузеров будуть щасливі :) І відмітьте, що жоден з текстових броузеров не відображає таблиці, а текст усередині осередків виводить суцільним потоком (зліва направо і зверху вниз). Те ж саме з фреймами.

Загалом, не все добре в світі броузеров. Прийдуть часи і всі вони показуватимуть сторіночки так, як описано в специфікації, але зараз : Зараз нам доводиться враховувати всі нюанси і особливості броузеров при виготовленні Web-сторінок.