Мой основной проект: Боевые искусства в кинематографе! (fight-films.info)

Свеженькое
Реакция публики
Облако пометок
css Google html SEO WordPress Яндекс видео графический дизайн заработок индексация интернет ключевые слова контент партнерка поисковые системы посещаемость продвижение раскрутка реклама сайт статья хостинг

Немного о кроссбраузерности

Вы - вебмастер? Значит вас, как и других мучает вопрос кроссбраузерности ваших сайтов. Если не вкурсе, кроссбраузерность - правильное (одинаковое) отображение сайта во всех веб-браузерах.

Скажите, а через какой браузер вы совершаете путешествие по интернету? Уверен вы скажете, что через Firefox или Opera. Большинство же обычных пользователей, примерно 70-75% назовут дружно Internet Explorer.

К всеобщему, глубочайшему сожалению, в интернете есть множество сайтов, заточенных под какой либо определенный браузер. При просмотре в одном (например, в IE) отображается корректно, как и планировалось. В других же: форматирование «едет», картинки расползлись, кто куда, смещаются пункты меню, линии превращаются в отдельные кусочки-отрезки и т.д., и т.п. Короче лучше этого не видеть.

Некоторые сайты содержат заголовок, с примечанием типа: «Сайт работает корректно только в браузере Internet Explorer» - и далее длинный список перечислений – «включить cookie», «включить поддержку Java-скриптов», «выставить определенное разрешение экрана» и т.д. и т.п. И не известно как пользователь на это отреагирует. В любом случае он будет прав, он ваш клиент – а клиент всегда прав.

Какой же из всего этого получается вывод. Вам придется над своим сайтом хорошенько попотеть. Потратить время на различные хаки и исправления для различных браузеров. Кроссбраузерный сайт – это сайт с большим количеством посетителей. Далее намекну как бороться с проблемой «кривых» сайтов.

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

Первый этап: анализирование своего веб сайта

На вашем компьютере должно быть установлено несколько основных браузеров. Mozilla, Opera, Google Chrome, Safari. И несколько версий Internet Explorer, в это вам поможет программа IETester. Это поможет тестировать сайт как во время самой верстки, так и уже на стадии "лечения".

Второй этап: ищем ошибки в коде

После нахождения недочетов и косяков в сайте, вам необходимо найти ошибку в коде, отвечающую за элемент на вашей странице который "косячит". Тут вам поможет плагин для браузера Firefox – Firebug. С помощью него можно без особых хлопот найти нужный участок кода. Но Firebug не совершенен, даже после проверки через этот плагин, можно найти еще n-ое количество ошибок. В дополнение советую использовать w3c валидатор. Я не говорю что сайт обязательно должен быть валидным, просто определение ошибок в валидации может подсказать "неправильные" элементы дизайна.

Третий этап: исправляем найденные в коде ошибки

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

Самое главное: занимайтесь этим если у вас есть навыки, если же вы в элементарном html не разбираетесь - не мучайте голову себе и другим: либо забейте, либо попросите специалиста. Ну...так вот, кратко.

Комментировать эту запись запрещено :(