Обучаемся.com

Руководство по компьютеру, работа с Windows, разработка и продвижение сайтов…

Автор:

Как скачать музыку на компьютер с одноклассников?

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

Автор:

Flexible Media в адаптивной верстке

Привет, немного я ленился, но вот снова сел и приступаю к написанию очередной статьи посвященной адаптивной верстке с применением Flexible Media, то есть гибких медиа вставок на ваш сайт.

А теперь все по порядку, так как мы с вами используем в нашей верстке html5 теги нам нужно прописать следующее правило в css:

article, aside, details, figcaption, figure, footer, hgroup, menu, nav, section {
    display: block;

Что здесь написано вы уже знаете, а если нет я скажу. Мы всем основным тегам с HTML5 задали значение display:block, то есть все они теперь будут блочные. Хотя по умолчанию большинство браузеров признают и понимают эти теги и знают, что они блочные, это правило, как подстраховка для нас. Подробнее >>

Автор:

Media queries адаптивная верстка

Привет, продолжаем разбор адаптивной верстки и сегодня пора поговорить о таком понятии, как media queries. Что это такое и где его применять мы и разберем в сегодняшнем занятии. Для понятия того, чем же таким важным есть media queries в адаптивной верстке, нам нужно вернуться в CSS2 и посмотреть на правило, которое называлось @media.

Правило @media позволяет указать тип носителя, для которого будет применяться указанный стиль. В качестве типов выступают различные устройства, например, принтер, КПК, монитор и др.

Подробнее >>

Автор:

Гибкая сетка в верстке

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

Это классика современного построения адаптивного дизайна, и не только современного. Любой дизайнер, который давно рисует веб-сайты знает от таком понятии, как сетка разбивки исходя с которой строится красивый с выдержкой пропорций макет. Количество колонок в сетки может быть разное, в большинстве случаев это 12 или 16, но встречается и 15, а также другое количество. Обратно все зависит от дизайнера, который рисовал макет. Подробнее >>

Автор:

Гибридная верстка и изображения

На прошлом занятии мы с вами разобрались с понятием отзывчивой верстки, когда все наши абсолютные величины были заменены на относительные. Сегодня я сделаю краткое отступление и расскажу, как еще умудряются верстать сейчас люди и что это дает или наоборот не дает.

Итак по привычке берем уже готовый код с окончания прошлого занятия и продолжаем его видоизменять:Исходник кода в примере

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

Автор:

Гибкая разметка при верстке

Здравствуйте уважаемые посетители моего блога. Мы уже с вами начали ознакомление с понятием адаптивной верстки и затронули частичку теоретической стороны этого вопроса в первой статье об истории адаптивной верстки.

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

А теперь немного поговорим о фрагментах кода, которые есть в скачанном примере, чтобы вы понимали с чем мы работаем и что за что там отвечает. Итак первым непонятным вам куском кода будет строка находящаяся в служебной части html документа: Подробнее >>

Автор:

Внутренняя перелинковка сайта

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

Можно выделить основные моменты, ктоорых можно достичь посредством правильной перелинковки:

  • Увеличить статический вес страницы;
  • Передавать анкорный вес на страницу;
  • Заставить роботов чаще заходить на страницу;
  • Улучшить юзабилити;
  • Улучшить внутренние ПФ сайта.

Стоит заметить. что перелинковка бывает разных типов, если взять для примера блоги или новостные сайта, там принцип «как у википедии», то есть ссылки стоят прямо по тексту в разных его местах, средине текста, начале параграфа и даже в конце. Подробнее >>