desing Дневник веб-инноваций и поиска 
Нужно добавить текст на HTML-страницу, сделать отдельное слово жирным, изменить цвет или оформить несколько абзацев? Для этого используются HTML-теги и CSS: HTML задаёт структуру и смысл содержимого, а CSS управляет его внешним видом. Если нужен самый простой вариант: обычный текст в HTML чаще всего размещают внутри тега <p>. Заголовки создают с помощью <h1>–<h6>, важные фрагменты […]
Я обычно не считаю верстку готовой в тот момент, когда страница впервые совпала с макетом. Это только половина работы. Настоящая проверка начинается позже: когда сайт открывают на телефоне, меняют ширину экрана, вставляют длинный заголовок и нажимают все, что должно нажиматься. И вот там часто всплывают мелочи, которые на макете не видны: горизонтальная прокрутка, обрезанный текст, […]
Вы вводите адрес сайта, нажимаете Enter — и через секунду на экране появляется страница. Кажется, будто браузер просто “открыл сайт”, но внутри происходит цепочка действий: браузер разбирает адрес, находит нужный сервер, отправляет запрос, получает HTML и собирает из него видимую страницу. Путаница начинается из-за похожих терминов: HTML, HTTP, HTTPS, URL, домен, .com, .ru, .net. Они […]
Меню съезжает на телефоне, карточки разной высоты, кнопка не выглядит кликабельной, а форма ломается при длинной ошибке? Часто проблема не во всей странице, а в отдельных элементах интерфейса. Верстка элементов сайта — это создание отдельных компонентов интерфейса: меню, кнопок, форм, карточек, шапки, футера и повторяемых блоков. Качественный элемент должен быть адаптивным, доступным, понятным и устойчивым […]
Вы получили макет в Figma, нашли нескольких исполнителей и увидели разброс цен в несколько раз. Один готов сверстать страницу за 1500 грн, другой считает лендинг за 12000 грн, а студия предлагает смету выше, но с тестированием, адаптивом и посадкой на CMS. В 2026 году верстка сайта в Украине обычно стоит от 1500 грн за простую […]
Вы хотите сверстать первый сайт, открываете пустой файл index.html — и сразу возникает вопрос: что писать первым, куда подключать CSS, нужен ли JavaScript и как вообще из кода получается нормальная страница в браузере? В этой статье вы узнаете, как сверстать сайт с нуля на HTML и CSS: какие файлы создать, как написать базовый HTML-каркас, как […]
Если вы открыли код любой веб-страницы и увидели набор тегов вроде <html>, <head> и <body>, вы уже столкнулись с HTML. Именно с него начинается почти любой сайт: от простого лендинга до интернет-магазина, блога и веб-приложения. Проблема новичков в том, что HTML часто путают с языком программирования, дизайном или “магией браузера”. На практике всё проще: HTML […]
Хотите запустить сайт, но не понимаете, с чего начать: домен, дизайн, HTML, WordPress, хостинг, адаптивность, SEO? Это нормальная ситуация. Новички часто начинают не с цели и структуры, а с шаблона или конструктора, из-за чего через пару недель получают красивый, но бесполезный сайт. Ниже — пошаговый разбор, как создать сайт с нуля, какой подход выбрать, когда […]