Рубрика: Верстка

Что такое адаптивная верстка, как ее сделать и примеры дизайне веб-сайтаПришло время решений, одинаково удобных и для мобильных устройств, и для стационарных компьютеров. Подробно рассмотрим адаптивный дизайн сайта: что он из себя представляет, по каким принципам строится, чем отличается от других, а также ответим на самые распространенные вопросы.И сразу же об актуальности: сегодня он считается […]

CSS блочная модель Модуль CSS Box Model описывает свойства padding и margin, которые создают поля внутри и отступы снаружи CSS блока. Размеры блока также могут быть увеличены за счет рамки. Каждый блок имеет прямоугольную область содержимого в центре, поля вокруг содержимого, рамку вокруг полей и отступ за пределами рамки. Размеры этих областей определяют свойства padding […]

Лучшие примеры дизайна и верстки сайтов👈 Верстка сайта После подготовки макета клиент видит изображение, которое необходимо превратить в функционирующую веб-страницу. Данный процесс называется версткой. Каждый блок сайта размечается специальными html-тегами, за оформление которых отвечают таблицы css. Блочная верстка Для упрощения конструкции площадки и гибкой настройке всех компонентов используется метод блочного оформления элементов в замену устаревшего […]

HTML и CSS для начинающих. С нуля до создания сайта Описание курса Курс создан для начинающих верстальщиков от основ, грамматики HTML и CSS до практики создания простого и сложного сайта. Присутствуют практические задания после каждой группы уроков для закрепления полученных знаний. Для кого подойдет курс: если вы новичок и только планируете изучать HTML и CSS. […]

обучение верстке сайтов с нуля От автора: привет, друзья! Как и люди, сайты имеют свой скелет, который можно увидеть в их коде. Обычный пользователь, «гуляя» по просторам Интернета, вряд ли будет заглядывать в HTML-код. Но только не верстальщики — им всегда интересно посмотреть на чужую работу. Создание аккуратного, сбалансированного и работающего во всех браузерах кода […]

Вёрстка на HTML5 | htmlbook.ruXHTML хорошо подходит для обучения и вырабатывания правильной манеры вёрстки благодаря своим формальным правилам и более жёсткому, по сравнению с HTML синтаксису. Однако за десять лет прошедших со дня выпуска XHTML морально устарел и уже не соответствует современным условиям. В частности, нет штатных средств для проигрывания аудио и видеороликов, нет поддержки […]

Адаптивная верстка с нуля: бесплатный видеокурс 8 уроков Будь вкурсе свежих уроков! В категории: Курсы Frontend — HTML, CSS и JavaScript Будь вкурсе самого свежего материала. Где мы отправляем статьи, видео и много чего интересного. https://youtube.com/watch?v=Yh3XYrbz-S0 https://www. youtube.com/embed/Vb3r7XVTPOc 2 505 просмотров В данном курсе будет показан более продвинутый процесс вёрстки сайтов с использованием Sass (метаязык […]

Что такое верстка сайтаДля людей, занятых в IT сфере, понятие верстки кажется очевидным. Тем более сложно объяснить его человеку, который с сайтами сталкивается только в качестве пользователя. Иногда даже друзьям не могу нормально рассказать, чем именно я занимаюсь. В этой статье постараюсь дать простой и понятный ответ на вопрос «Что такое верстка сайтов?». В следующий раз […]

Типовые решения в вёрстке. Как сверстать простую шапку страницы с менюТиповые решения в вёрсткеТиповые решения в вёрсткеЯ решил выпустить цикл советов по мотивам работ студентов Школ бюро. Мы рассмотрим решение типовых задач в вёрстке и найдём ответы на самые простые вопросы, возникающие у новичков.В сегодняшнем совете сверстаем простую шапку «в линию», которая встречается на огромном количестве сайтов, в том числе на сайте бюро.Макет шапки в Фигме:Мы будем постепенно разбирать шапку на общие блоки и идти […]

Как сделать и оформить в css шапку сайта От автора: приветствуем вас на нашем блоге о сайтостроении. У любого сайта есть то, чем он обычно запоминается и выделяется среди остальных. Обычно это именно шапка сайта. CSS позволяет сделать ее такой, как вам нужно. Шапка сайта – какой она бывает Поразительно, как много может зависеть сегодня […]