🗊Презентация Кроссбраузерная верстка

Нажмите для полного просмотра!
Кроссбраузерная верстка, слайд №1Кроссбраузерная верстка, слайд №2Кроссбраузерная верстка, слайд №3Кроссбраузерная верстка, слайд №4Кроссбраузерная верстка, слайд №5Кроссбраузерная верстка, слайд №6Кроссбраузерная верстка, слайд №7Кроссбраузерная верстка, слайд №8Кроссбраузерная верстка, слайд №9Кроссбраузерная верстка, слайд №10

Вы можете ознакомиться и скачать презентацию на тему Кроссбраузерная верстка. Доклад-сообщение содержит 10 слайдов. Презентации для любого класса можно скачать бесплатно. Если материал и наш сайт презентаций Mypresentation Вам понравились – поделитесь им с друзьями с помощью социальных кнопок и добавьте в закладки в своем браузере.

Слайды и текст этой презентации


Слайд 1





Кроссбраузерная верстка
Описание слайда:
Кроссбраузерная верстка

Слайд 2






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

Слайд 3






	Тестирование на кроссбраузерность кода является важнейшим моментом в создании сайта. Необходимо учитывать, что пользовать, зашедший на ваш сайт, может и не будет пользоваться тем же браузером, что и вы. Для того, чтобы человеку, зашедшему на ваш сайт, было удобно работать с вашим сайтом через любой браузер, коду необходимо быть кроссбраузерным. Кроссбраузерная верстка – это верстка сайта, нацеленная на создание сайта, отображаемого в каждом браузере одинаково корректно.
Описание слайда:
Тестирование на кроссбраузерность кода является важнейшим моментом в создании сайта. Необходимо учитывать, что пользовать, зашедший на ваш сайт, может и не будет пользоваться тем же браузером, что и вы. Для того, чтобы человеку, зашедшему на ваш сайт, было удобно работать с вашим сайтом через любой браузер, коду необходимо быть кроссбраузерным. Кроссбраузерная верстка – это верстка сайта, нацеленная на создание сайта, отображаемого в каждом браузере одинаково корректно.

Слайд 4





Как же сделать ваш сайт, чтобы он смотрелся идентично на разных браузерах?
Используйте только стандартную кодировку
Не используйте специальные (браузерные) теги
Осуществляйте проверку каждой вашей страницы с помощью бесплатного сервиса проверки W3C
Описание слайда:
Как же сделать ваш сайт, чтобы он смотрелся идентично на разных браузерах? Используйте только стандартную кодировку Не используйте специальные (браузерные) теги Осуществляйте проверку каждой вашей страницы с помощью бесплатного сервиса проверки W3C

Слайд 5





Почему разные браузеры воспринимают написанный вами код по-разному?

Есть некоторые стандарты HTML, которым ваша верстка может не соответствовать.
Прогресс движется вперед, появляются новые технологии. Соответственно, некоторые браузеры еще не обновлены.
Значение атрибутов не прописано. Соответственно, браузер сам будет прописывать эти значения по умолчанию.
Описание слайда:
Почему разные браузеры воспринимают написанный вами код по-разному? Есть некоторые стандарты HTML, которым ваша верстка может не соответствовать. Прогресс движется вперед, появляются новые технологии. Соответственно, некоторые браузеры еще не обновлены. Значение атрибутов не прописано. Соответственно, браузер сам будет прописывать эти значения по умолчанию.

Слайд 6





Советы для кроссбраузерной верстки
Необходимо установить популярные браузеры на свой компьютер, а также все версии браузера Internet Explorer. Так как в основном возникают проблемы с IE.
Выберите себе свой вариант верстки. Первый способ – верстать сайт, который полностью подходит под один браузер, а потом исправлять ошибки в других браузерах. Второй – проверять каждый участок кода по мере его написания во многих популярных браузерах. 
Используйте плагины для поиска ошибки кода для каждого из обозревателей.
Для решения проблемы с атрибутами необходимо прописать эти атрибуты в таблицу стилей
Описание слайда:
Советы для кроссбраузерной верстки Необходимо установить популярные браузеры на свой компьютер, а также все версии браузера Internet Explorer. Так как в основном возникают проблемы с IE. Выберите себе свой вариант верстки. Первый способ – верстать сайт, который полностью подходит под один браузер, а потом исправлять ошибки в других браузерах. Второй – проверять каждый участок кода по мере его написания во многих популярных браузерах. Используйте плагины для поиска ошибки кода для каждого из обозревателей. Для решения проблемы с атрибутами необходимо прописать эти атрибуты в таблицу стилей

Слайд 7





Пример кода <hr>
Описание слайда:
Пример кода <hr>

Слайд 8






	 В таких ситуациях можно использовать «условные комментарии».
	Условные комментарии отличаются от обычных тем, что IE их не понимает и обрабатывает заключённую в них информацию. Другие браузеры понимают эти комментарии и игнорируют их. Таким образом можно разместить информацию специально для компании Microsoft.
Описание слайда:
В таких ситуациях можно использовать «условные комментарии». Условные комментарии отличаются от обычных тем, что IE их не понимает и обрабатывает заключённую в них информацию. Другие браузеры понимают эти комментарии и игнорируют их. Таким образом можно разместить информацию специально для компании Microsoft.

Слайд 9





Пример с IE
Описание слайда:
Пример с IE

Слайд 10





Литература
http://sites-builder.ru/view_post.php?id=190
http://www.htmlbasictutor.ca/cross-browser-compatible.htm (иностранный источник)
http://nevor.ru/создание_сайта_бесплатно/кроссбраузерность_и_режим_совместимости.html
Описание слайда:
Литература http://sites-builder.ru/view_post.php?id=190 http://www.htmlbasictutor.ca/cross-browser-compatible.htm (иностранный источник) http://nevor.ru/создание_сайта_бесплатно/кроссбраузерность_и_режим_совместимости.html



Похожие презентации
Mypresentation.ru
Загрузить презентацию