Как разрабатывать сайт, который будет одинаково отображаться во всех браузерах?

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

Добиться этого можно разными путями. Можно проштудировать соответствующую литературу, выучить тонкости всех браузеров, и уже потом, учитывая все эти знания, сделать сайт.

Но мне, честно говоря, больше нравится другой вариант, а именно пошаговое тестирование сайта в различных браузерах. Т.е. сделали какую-то часть странички, посмотрели , как она выглядит в популярных браузерах, подправили, если что-то не так, и заодно отложили у себя в памяти(что было не так, и почему) . Короче решать проблемы по мере их поступления.

Но какие именно браузеры наиболее популярны? в каких именно нужно тестировать? Давайте обратимся к статистическим данным, например моего сайта zvirec.com :

Рис.1 Статистические данные liveinternet по использованию различных браузеров

Как видите наиболее популярные браузеры это Opera , Firefox , Internet Explorer и Google Chrome. Причем заметьте, что Explorer разных версий.

Сразу стоит заметить, что самым капризным среди них является браузер Intenet Explorer 6, который кардинально отличается от всех остальных, даже от своих старших версий т.е. в нем постоянно какие то приколы, и все там отображается немножко по-другому :)

Поэтому для тестирования своего сайта Вам обазятельно нужно установить Explorer 6 версии. Но есть небольшая проблемка: две разных версии Intenet Explorer не могут совместно работать на одном компьютере. Но любой проблемке есть решение, и в данном случае решением будет специальный дистрибутив под названием Multiple Internet Explorer , скачать который можно по ссылке внизу урока. Данный дистибутив включает в себя 3, 4, 5 и 6 версии Експлорера, причем все эти версии, не будут конфликтовать с той версией Експлорера, которая установлена на Вашем компьютере. Допустим у Вас стояла 7 версия, т.е. Internet Explorer 7.0 и Вы решили установить Multiple I.E. В таком случае, после установки у Вас окажется 3,4,5,6 и Ваша 7 версии Експлорера. В общем с I.E. думаю понятно.

В других браузерах, такого расхождения в работе различных версий особо не наблюдалось, поэтому скачивайте последние версии , они вполне подойдут для теста.

Скачать Opera можно здесь http://ru.opera.com/

Скачать Firefox можно здесь http://www.mozilla-russia.org/

Скачать G. Chrome можно здесь. http://www.google.com/chrome/index.html?hl=ru

Теперь осталось установить все эти браузеры и добавить их в Ваш редактор. Я например пользуюсь Adobe Dreamweaver , и в моем случае они добавляются очень просто:

Рис. 2 Добавление нового браузера в Adobe Dreamweaver

ну а затем откроется окошко, в котором нужно просто нажать на знак плюс, и добавить свой браузер.

Рис. 3 Добавление нового браузера в Adobe Dreamweaver

Теперь Вы имеете возможность в процессе разработки тестировать свой сайт в различных браузерах :)

Кстати хотел отметить, что Google Chrome устанавливается в какое-то непонятное место. Чтобы быстро найти исполняющий файл(это нужно при добавлении в дримвивер) просто выделите ярлык правой кнопкой мыши, и в появившемся окне нажмите "Найти объект", перед Вами откроется окно с исполняющим файлом...

Ну что ж, надеюсь урок окажется полезным для Вас :)

Букмекерская контора