Прихожая
Шаг 1: Создаем сайт
Шаг 2: Размещаем в интернет
Шаг 3: Раскручиваем сайт
Шаг 4: Зарабатываем
Заметил ошибку? Выдели и нажми ctrl+enter

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

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

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

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

Но какие именно браузеры наиболее популярны? в каких именно нужно тестировать? Давайте обратимся к статистическим данным, например моего сайта 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 устанавливается в какое-то непонятное место. Чтобы быстро найти исполняющий файл(это нужно при добавлении в дримвивер) просто выделите ярлык правой кнопкой мыши, и в появившемся окне нажмите "Найти объект", перед Вами откроется окно с исполняющим файлом...

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

Скачать Multiple Internet Explorer

Есть вопрос? Получи ответ на ФОРУМЕ ПОДДЕРЖКИ

 Создан: 2009-04-21      Просмотров: 53752      Автор:Андрей Галямов

Оцените урок:    1    2   3   4    5     

Комментарии:

Автор: Delfi
Дата : 2009-04-21

новаЯ и нужная информация про Multiple I.E. спасибо!

Автор: valentina
Дата : 2009-04-21

Спасибо, очень мне необходим урок.

Автор: Андрей
Дата : 2009-04-22

Спасибо за инфу про Multiple I.E.!!!

Автор: Санечка
Дата : 2009-04-24

Я сделала вертикальное меню по вашему уроку, но мне нужен шрифт Odessa Script Cyr , и он отображается корректно только в Explorer,а в Opera нет, что надо сделать ? подскажите пожалуйста, как сделать текст Odessa Script Cyr чтобы он отображался и в Opera и Explorer ? или как прикрепить шрифт к сайту?

Автор: deckin
Дата : 2009-04-24

Multiple IE устанавливает какие-то уж совсем древние версии осла :) 5-я версия сейчас занимает меньше 1% в рунете, не говоря уже о 4-й и 3-й. Иначе говоря, учитывать 5 и ниже версии, особенно новичкам, не нужно. Имхо, неплохой альтернативой будет программа IETester: в ее комплекте 5.5, 6, 7 и 8 версии, что более актуально на мой взгляд. Проблема только в том, что в Дримвивер не интегрируешь, нужно запускать отдельно. Бесплатна, русский язык поддерживает, ссылка: http://www.my-debugbar.com/wiki/IETester/HomePage А вообще конечно, IE6 - на кол (хоть он и сам потихоньку отмирает)

Автор: deckin
Дата : 2009-04-24

Эх, абзацы не поддерживаются =( Текст в кашу превратился

Автор: Элина
Дата : 2009-05-01

Спасибо! очень надо было услышать этот урок

Автор: Галина
Дата : 2009-05-12

спасибо как раз это мне сейчас и надо было!!

Автор: ден
Дата : 2009-05-22

классная работа

Автор: Саня
Дата : 2009-06-09

http://shurik-pris.livejournal.com/ вот читайте

Автор: Андрей
Дата : 2009-06-16

Уроки отличные! Спасибо!

Автор: genya
Дата : 2009-06-20

Андрей а ты не мог бы сказать где начинать создавать сайты?

Автор: Genya
Дата : 2009-06-21

Андрей ты не мог бы сделать 1 урок там где ты создаёш сайт тоисть не по кусочькам а все вместе ну не сместить а записать?

Автор: genya
Дата : 2009-06-21

Андрей я скачал программу Adobe Dreamweaver и там только обучающая программа а где сама программа?

Автор: кос
Дата : 2009-07-07

!!!!!!!!!!!!!!!!С!!!!!!!!!!!!!!!П!!!!!!!!!А!!!!!!!!!!!!!!!С!!И!!!!!!!!!!Б!!!!!!!!!!!О

Автор: LEX
Дата : 2009-07-31

Полезная информация.Обезательно пригодится.Спасибо!

Автор: Юстус Юрий
Дата : 2009-08-02

В ОС Microsoft Vista HB 32bit + SP2 + IE8, Multiple IE не заработал:((( Очень жаль...

Автор: Юстус Юрий
Дата : 2009-08-02

В ОС Microsoft Vista HB 32bit + SP2 + IE8, Multiple IE не заработал:((( Очень жаль...

Автор: Дмитрий
Дата : 2009-09-10

deckin, IE Tester интегрируется в dreamweaver без проблем! Во всяком случае, у меня работает нормально.

Автор: Maks
Дата : 2009-09-25

Вообще от души,СПАСИБО!

Автор: Сергей
Дата : 2009-10-04

Да я тут сайт построил. А потом понял что он оказывается в разных браузерах по разному отображается. Благо у меня стоит куча браузеров. В основном я пользуюсь мозилой ну и сайт строил под мозилу а потом думаю дай ка я на других браузерах посмотрю посмотрел и ужаснулся. Теперь все перестраиваю под другие браузеры чтоб хоть как-то картинка нормально смотрелась. Учил бы уроки с начала такой бы проблемы не было.

Автор: Olena
Дата : 2009-10-17

Thank you!!!!!!!!!!

Автор: Егор
Дата : 2009-12-11

огромное спасибо!!!

Автор: Сергей
Дата : 2010-01-15

А как вышеуказанные проги для теста на отображение сайта относятся к Portable версиям браузеров? НАПР у меня: для OFF - Instal=IE8 (какой встал с Виндой) или PORT=Chrome (в OFF открывает быстрее IE); а для ON - PORT=Opera (юз и поиск), PORT=Firefox (нашпиговал арсеналом плагинов для спецзадач в И-Нете), PORT=Safari (для отображения графики - лучший) и еще куча разных PORT=... То неужели их всех инсталять???

Автор: Cветлана
Дата : 2010-02-18

Спасибо за полезную информацию!

Автор: Юрий Благодарёв
Дата : 2010-06-03

Вот именно это я и искал.Спасибо вам большое...

Автор: Екатерина
Дата : 2010-06-16

Андрей, подскажите, как открыть в Dreamweaver 4 установленный на локальный сервер(топсервер) шаблон, понимаю что это index.pxp, браузеры в программу я установила, но для просмотра Dreamweaver задает кучу умных вопросов, короче в браузере вижу только код и интерактивный просмотр не получается..Помогите..

Автор: Екатерина
Дата : 2010-06-19

Вопрос снят- разобралась сама..

Автор: Ksyu
Дата : 2010-09-09

херня

Автор: Денчоз
Дата : 2010-09-22

У меня эта прога не работает.Пишет ошибка при запуске приложения 0xc0000142.Чо это значит?

Автор: Денчоз
Дата : 2010-09-24

Я еще узнал что эта прога работает только на windows xp!

Автор: Вебер
Дата : 2010-09-27

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

Автор: Ali
Дата : 2010-10-04

А что скажете насчет этого материала? http://aborigenxx1 v.narod.ru/saitstroy.html пла гиат?

Добавить комментарий:

Ваше имя:

Комментарий:

Введите сумму чисел с картинки (проверка от автороботов):

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