Отображение вашего сайта зависит от нескольких факторов:
Важно учитывать, что при разной ширине экрана сайт будет выглядеть по-разному. Чтобы определить, как он будет выглядеть, нужно выбрать тип верстки: статичная или "резиновая".
Пример статичной версткиВ наше время существует множество мобильных устройств, с которых просматриваются сайты. На некоторых мобильных устройствах отдельные элементы (такие, как кнопки, ссылки) будут выглядеть "не кликабельными" или слишком мелкими, а контактные данные - не читаемыми. И для того, чтобы пользователю было удобно получать информацию с сайта, стоит продумать о адаптации сайта под мобильные устройства.
Пример страницы сайта, НЕ адаптированного под мобильное устройствоВнешний вид сайта также может меняться в зависимости от ориентации экрана. Существует два вида ориентации экрана - Портретная и Альбомная. Отображение страниц сайта на экранах с Альбомной и Портретной ориентациями НИКОГДА не будет одинаковым. При разработке обычно ориентируются на Портретную ориентацую (все смартфоны по умолчанию используют эту ориентацию). Внешний вид страниц сайта при Альбомной ориентации стоит обсуждать отдельно.
Существует множество разных браузеров, и производители стараются регулярно обновлять их, поэтому скорей всего у вас установлена последняя версия браузера. Но если по каким-то причинам пользователь не обновляет свой браузер, у него могут возникнуть проблемы с отображением сайта или его отдельных элементов (интернет-технологии совершенствуются, и для создания сайтов используются все более продвинутые механизмы). Таким посетителям мы предлагаем показывать оповещение о том, что их браузер устарел, с рекомендациями об установке новейшей версии браузера.Н ашей верстка корректно отображается во всех современных браузерах, а так же поддерживает некоторые устаревшие (Internet Explorer не ниже 10 версии). Далее приведена статистика использования популярных браузеров за Январь 2015 года.
При верстке нам необходимо знать содержание того или иного блока, количество и формат информации.
Стоит обратить внимание на новостные анонсы, навигационную цепочку(хлебные крошки) и пункты меню.
Вот несколько примеров для наглядности
Картинки для слайдеров, фотогалерей, превью новостей и прочего стоит тщательно подбирать или редактировать.
Попытка разместить непропорциональные картинки в блокНастоящая помощь малому и среднему бизнесу. Сайты в подарок при заказе продвижения или техподдержки! Рассрочка!
Делаем сейчас — платишь потом!