Разделы  

  Исследования
Персоны
Пресс-релизы
Разное
Словарь
Ссылки
Статьи
Файлы
Форумы
Фоторепортажи

3D Графика
Adobe Photoshop
Brand marketing в интернете
CSS
Customers Relations Management
DHTML
Direct Marketing
E-commerce
Email-маркетинг
Flash
HTML
IT и авторское право
JavaScript
PHP
PR в интернете
Rapid development tools
Usability в интернет
XML
Агентирование продаж
Администрирование
Баннерные сети
Баннеры
Безопасность
Безопасность PHP
Брендинг
Верстка
Выбираем исполнителя
Графические пакеты
Графические форматы
Дизайн
Документооборот
Должностные инструкции
Заметки маркетолога
Звук в интернете
Интернет и классические медиа
Интернет как инструмент маркетинга
Интранет
Исследования
Исследования и интернет
Исследования регионального интернета
Компьютерные игры
Креатив
Листы рассылки
Маркетологу
Медиабайнг в интернете
Медиапланирование
Менеджеру
Менеджмент студии
Мультимедия технологии
Наружная реклама
Обзоры IT рынка
Оборудуем рабочее место
Оптимизация программирования для web
Основы интернета
Персонал
Платежные системы
Поисковые машины и каталоги
Правила русского языка
Прикладное ПО
Программирование
Программирование, основы
Проектирование сервера
Психология в маркетинге
Работаем над текстом на сервере
Разное
Разработчику
Региональный интернет
Реклама
Реклама в интернете
Сетевые протоколы
Создаем контент-проект
Сопровождение и поддержка
Статистика
Структурное программирование на PHP
Технические вопросы
Управление проектами
Участие в организациях
Хостинг
Шрифты

Все авторы


Наиболее подробные разделы
1Adobe Photoshop76
2Direct Marketing68
3Управление проектами33
4Исследования и интернет32
5Проектирование сервера31
6HTML27
7Графические пакеты25
8Заметки маркетолога23
9Дизайн23
10JavaScript23
Наиболее подробные разделы
1Adobe Photoshop76
2Direct Marketing68
3Управление проектами33
4Исследования и интернет32
5Проектирование сервера31
6HTML27
7Графические пакеты25
8Заметки маркетолога23
9Дизайн23
10JavaScript23
Наиболее обсуждаемые статьи
1Концепция создания контент-проекта.17
2Тонкая голубая линия10
3Предложения10
4Как разрабатывался слоган8
5Заголовок страницы7
6Animatek World Builder 2.0 (или AWB 2.0)6
7Немного о хостах6
8Зачем необходим сайт?6
9Правильные таблицы стилей5
10Снежинки на вашей странице4

 
 
Поиск по сайту:

Подписка на анонсы
Новости выходят раз в неделю по понедельникам.
Введите Ваш email

Режим



А в это время в других разделах: Last 10 person
Ящук Вера
Шанаев Григорий
Шуленин Михаил
Шиденко Кирилл
Шабшин Илья
Сорокина Елена
Семеновская Светлана
Сидорова Ирина
Серов Владимир
Слепнев Сергей

Last 10 topic
Явный отказ
Эффективность услуги
Эксперт по аттестации лаборатории
Цепочка поставки
Устранение несоответствия
Услуга
Усиленный контроль
Усеченный контроль
Уровень качества
Управление качеством

Полезная мудрость:










Создание сервера:



 

Словам «Best viewed with» посвящается...  

 
Жарков Станислав

Автор и ведущий проекта http://www.pro.net.ru, где и была впервые опубликована эта статья. Также ведущий проекта SoftList.ru
Некоторые дизайнеры любят помещать на свои страницы кнопки с надписью типа ”Best viewed with Internet Explorer” или “Оптимизировано для Netscape Navigator”. Не знаю, чем они руководствуются в таких случаях, но мне кажется, они думают примерно так: “Пусть все знают, что я — настоящий профессионал. Я ориентируюсь на высококачественный продукт, а не на какой-то там ширпотреб”. Зато я точно знаю, что думает обычный пользователь при виде такой кнопки (так как я сам прежде всего пользователь Интернет). Ему как бы говорят: “Вы недостаточно хороши для этого сайта, чтобы его смотреть. Ваш любимый броузер — неполноценный, так что идите отсюда туда, откуда пришли. И мне плевать на то, что вы ждали, пока загрузятся мои страницы. И на вас мне тоже плевать.”

Ориентация на конкретный броузер — верх дизайнерского непрофессионализма. Прежде всего, она отсекает значительную часть аудитории сайта, а ведь самое главное для любого сайта — максимальное привлечение к нему той аудитории, которой он предназначен. Кроме того, дизайнер сам невольно признается в своем непрофессионализме: “Я не могу создать сайт, который хорошо смотрится во всех броузерах”.

Но дело вовсе не в значках с надписью “Best viewed with…” Даже если вы не используете никаких потенциально “опасных” для отображения страниц средств типа Java и JavaScript, нужно обязательно проверять, как смотрится ваш сайт и в Microsoft Internet Explorer, и в Netscape Navigator.

Например, такой, казалось бы, безобидный HTML-код:

<IMG SRC=win.gif WIDTH=50 HEIGHT=20>
<IMG SRC=koi.gif WIDTH=50 HEIGHT=20>

Вот как он выглядит в окне Microsoft Internet Explorer (слева) и Netscape Navigator:

 

Как вы, наверное, догадались, дело в символе типа “пробел”, который Netscape принудительно отображает в конце каждой строки HTML-кода. Internet Explorer в этом отношении поступает мудрее: он показывает пробел только при переносе обычного текста, а не HTML-тэгов. Код, который будет одинаково отображаться обоими броузерами, должен выглядеть так:

<IMG SRC=win.gif WIDTH=50 HEIGHT=20><IMG
SRC=koi.gif WIDTH=50 HEIGHT=20>

Кроме того, дети Microsoft и Netscape по-разному интерпретируют таблицы, так что тут нужно быть особенно внимательным — ведь практически всегда на таблицах держится весь макет страницы. Есть различия в отображении и других тегов и атрибутов.

В начале 1998 года в компьютерной прессе высказывалось недовольство тем, что русская версия сайта Microsoft не может быть показана с помощью Netscape Navigator (см. Компьютерра, #14 (242) 12 апреля 1998 г.). Павел Черкашин, генеральный директор российской фирмы Actis Systems, создавшей сайт, заявил, что это объясняется не кознями против конкурента, а “вероятно, уровнем вложенности таблиц”.

А что делать, если по каким-либо причинам при подготовке страниц возможно использование только одного броузера? Я рекомендую смотреть страницы в Netscape. И дело тут вовсе не в моих личных пристрастиях (мне как раз больше нравится Internet Explorer). Internet Explorer гораздо более устойчив при интерпретации некорректного HTML-кода.Например, случайно пропущенная комбинация </TD></TR> может оказаться нормальной с точки зрения Explorer, а Нетскейпу буквально снести башню. Поэтому если вы будете применять только Internet Explorer, пользователя Netscape Navigator при просмотре вашей страницы наверняка будет поджидать неприятный сюрприз в виде перекосившихся таблиц, съехавшей в сторону графики и т.д. Но повторюсь еще раз: серьезная работа невозможна без проверки страниц в обоих броузерах.

Интересный вопрос — на какие версии Navigator и Explorer следует ориентироваться. Конечно, неразумно оптимизировать страницы для новейших версий броузеров, которые вышли пару месяцев назад, так как далеко не все пользователи сразу же обновляют свое программное обеспечение.

Следует также учитывать конкретное состояние рынка и маркетинговую политику компаний-производителей.

Даже через год после выхода Internet Explorer 4 доля версии 3.x в России составляла 15-20%. Объясняется это тем, что Microsoft включила третью версию своего броузера в дистрибутив таких своих суперпопулярных продуктов, как Windows 95 OSR2, Windows NT 4.0, Office 97 и Visual Studio 97. Кроме того, по сравнению с третьей версией Netscape Navigator, Explorer был быстро русифицирован, обладал более привлекательным интерфейсом и более высокой скоростью работы.

Кстати, посмотрите на сравнительную таблицу функциональных возможностей различных версий Netscape Navigator и Internet Explorer.


БроузерMS Internet ExplorerNetscape Navigator
Версия1.02.03.04.0 1.02.03.04.0x4.05
GIF-анимация-+++-++++
Фреймы--++-++++
bgcolor в таблицах-+++--+++
background в таблицах--++---++
Java/JavaScript--++-++++
CSS--++---++
ActiveX--++----+
Dynamic HTML---+---++


Еще одна головная боль вебмастера — отображение кода на различных платформах. Известно, что страницы могут выглядеть совершенно по-разному в броузерах хотя и одной версии, но реализованных для разных операционных систем. На рисунке ниже приведено окно броузера Netscape Navigator 4.5 для Unix. Не очень хорошо выглядящий (мягко говоря) текст справа — результат применения CSS (Cascading Style Sheets). “Нормальный” текст в нижнем левом углу — пример текста без CSS. Как говорится, почувствуйте разницу. При этом в том же броузере под Windows все показывается нормально.




Именно поэтому я осторожно отношусь к новым технологиям типа CSS, Dynamic HTML, XML Помимо Windows есть много разных операционных систем, и держать их все на своем компьютере я не в состоянии :-)

И в завершение — немного о броузерах так называемых “третьих фирм”. Стоит ли проверять вид ваших страниц и в них — это ваше дело. Однако, если ваш сайт ориентирован на иностранную аудиторию (например, тексты написаны на английском языке), обратите внимание на броузер Opera. Эта программа является самой популярной среди конкурентов Navigator и Explorer на западном рынке. В России ее старт несколько затормозился из-за трудностей с отображением русского текста в ранних версиях и платного распространения (shareware ).

А вообще, интересно бывает посмотреть на свою страницу разными “глазами”. Вот, например, как выглядел один из первых вариантов начальной страницы Pro.Net.ru в окне текстового броузера Lynx (между прочим, легенда WWW!).



Естественно, никакой вам графики и цветных таблиц, зато — автоматический перевод русского текста в транслит! Классика, одним словом


Жарков Станислав
stas@pro.net.ru
2001-07-26 15:40:08


А может обсудим статью в форуме? Там собралась отличная компания
 




© 2001 авторский проект Алексея Волкова :: О проекте :: Перепечатка материалов приветствуется при ссылке на www.marketer.ru