Адаптивная вёрстка сайта на основе media-запросов с примером

комментариев: 2

10 Май 2014 | Автор: | Категория: Уроки вёрстки

С каждым годом увеличивается количество мобильного трафика. Результаты поиска в мобильной выдаче Google более привязаны к местонахождению пользователя, не исключено, что при ранжировании поисковик также будет учитывать и наличие мобильной версии либо адаптивный дизайн сайта.

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

Адаптивная вёрстка сайта

Вчера выдался свободный день, так что решил немного разобраться с особенностями формирования адаптивной вёрстки. Чтобы закрепить прочитанную теорию сделал тестовую страничку. На дизайне особо не зацикливался, главной целью было создать страницу, вёрстка которой будет подстраиваться под разные девайсы и расширения экранов. В тоже время, чтоб пример был более наглядным, сделал страницу в виде рейтинга интернет магазинов подарков из партнёрской сети Admitad. Если дизайн немного доработать, на неё вполне можно попробовать лить трафик.
Подробнее »

Вёрстка сайта: Что такое CSS?

комментариев: 0

20 Июл 2010 | Автор: | Категория: Уроки вёрстки

css стили На данный момент мои знания в области вёрстки сайтов находятся на среднем уровне. Решил их улучшить до профессионального и закрепить полученные навыки путём изменения дизайна своего блога.

Сегодня поговорим о том, что такое CSS и в чём его отличие от HTML.

CSS (Cascading Style Sheets) – в переводе на русский Каскадные таблицы стилей. Используется для оформления внешнего вида веб-страниц.

Чем отличается CSS от HTML?

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