optomall24.ru

Первый сайт без технического опыта

HTML — это не код для избранных, а понятный набор меток: вот заголовок, вот абзац, вот ссылка. Разобравшись с десятком таких меток, вы уже сможете собрать страницу, которая откроется в любом браузере.

Мы идём маленькими шагами: сначала разметка, потом оформление через CSS, затем сборка готового сайта на конструкторе. В каждом уроке есть результат, который можно проверить сразу.

Схема HTML-страницы: теги заголовка, абзаца и ссылки, нарисованные тонкими зелёными линиями

С чего начать

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

Основы HTML

Теги, атрибуты и структура документа. Учимся размечать заголовки, списки, ссылки и картинки.

CSS и оформление

Цвета, шрифты, отступы и сетки. Превращаем голую разметку в аккуратную страницу.

Конструкторы сайтов

Как выбрать конструктор, собрать страницы из блоков и где пригодятся знания HTML.

Первый проект

Собираем личную страницу от чистого листа до публикации в интернете.

Свежие уроки

CSS

CSS простыми словами: как стили превращают страницу в сайт

Когда я только начинал верстать сайты в 2015 году, первое, что меня поразило — как одна таблица стилей превращает скучный список элементов в аккуратный интерфейс. HTML задаёт структуру, но без CSS страница выглядит как черновик. Именно стили делают блоки опрятными, текст — читаемым, а кнопки — заметными. Если вы хоть раз открывали конструктор сайтов и меняли цвет заголовка […]

Открыть урок
Конструкторы сайтов

Конструктор сайта или HTML-вёрстка: что выбрать новичку

Когда ко мне приходит заказчик с первым проектом, первый же вопрос почти всегда звучит так: «А что лучше — собрать самому на HTML и CSS или взять конструктор?». За 10 лет практики я слышал его сотни раз. Оба подхода рабочие, но выбор зависит не от моды или советов в соцсетях, а от конкретной задачи: насколько быстро […]

Открыть урок
Основы веб-разработки

Какой сайт вам нужен: лендинг, визитка или интернет-магазин

Когда заказчик приходит с запросом «нужен сайт», первый вопрос, который я задаю, — не про цвет кнопки и не про шрифт. Я спрашиваю, какую задачу сайт должен решать. От этого зависит бюджет, сроки, структура страниц и то, будет ли проект вообще приносить пользу. Если выбрать формат наугад, можно переплатить за лишнее или, наоборот, сделать слишком слабый […]

Открыть урок

Сайт начинается с одного тега

Не нужно знать всё сразу. Напишите <h1>, сохраните файл, откройте его в браузере — и у вас уже есть страница. Всё остальное вырастает из этого шага.

Сделай первый шаг — собери свою страницу

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