Making sites for you - Создание сайтов "под ключ"

Адаптивность верстки

Адаптивный веб-дизайн (англ. Adaptive Web Design) — дизайн веб-страниц, обеспечивающий правильное отображение сайта на различных устройствах, подключённых к интернету и динамически подстраивающийся под заданные размеры окна браузера.

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

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

Валидность кода

Валидация страницы — это проверка ее HTML и CSS кода на соответствие веб стандартам, а так же выбранному doctype.

Стандарты, о которых идет речь, прописаны W3C и все современные браузеры стараются им следовать.

Валидная верстка — это обычно «чистый», красивый код, который ко всему прочему «нравится» поисковым системам. Поэтому проверка кода на валидность — обязательный этап при верстке сайтов.

Как проверить сайт на валидность?

Простейший способ проверить сайт на соблюдение веб-стандартов — это воспользоваться онлайн валидатором.

Проверка валидности html возможна на сайте .

Валидация кода css осуществляется при помощи CSS-валидатора, расположенного по адресу .

Кроссбраузерность верстки

Кроссбраузерность верстки - это идентичное отображение сайта в разных браузерах.

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

В связи с этим и появилось понятие кроссбраузерности, отображающее свойство сайта одинаково работать во всех браузерах (обычно учитываются лишь наиболее распространенные, а их не так уж много - Opera, Internet Explorer, Мozilla, Google Chrome, Netscape и Safari). При просмотре сайта в этих браузерах не должно наблюдаться развалов верстки и подаваемый материал должен быть одинаково читабелен. Но почему это не всегда так?

Дело в том, что разные браузеры обязаны соблюдать общие правила и стандарты, но на деле оказывается все не так оптимистично. Зачастую случается так, что алгоритмы обработки html-кодов и каскадных таблиц css у них заметно различаются и поэтому не всегда один и тот же элемент функционирует одинаково в разных браузерах.

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

Making sites for you