optomall24.ru

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

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

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

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

С чего начать

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

Основы HTML

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

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

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

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

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

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

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

Свежие уроки

Uncategorized

Как юридические знания укрепляют торговлю одеждой

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

Открыть урок
HTML

Формы в HTML: как создать поле контакта и кнопку отправки

Форма — это один из самых полезных элементов на сайте. Через неё посетитель оставляет заявку, задаёт вопрос, подписывается на рассылку или отправляет отзыв. Если понимать базовую логику HTML-форм, можно собрать рабочий блок контакта даже без сложной верстки. За годы запуска сайтов для малого бизнеса я видел десятки случаев, когда форма не работала из-за сущей мелочи — забытого […]

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

Сравнение конструкторов сайтов для первого проекта

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

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

Как собрать простой сайт без кода на конструкторе

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

Открыть урок
Все уроки

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

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

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

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

Перейти к урокам Задать вопрос