HTML-верстка

4.6
  • 80 Видеоуроков
  • В своем темпе
  • Новичкам

Вы получите все необходимые знания по HTML и научитесь успешно их применять. Вы подробно изучите, из каких элементов состоит веб-страница, как использовать теги HTML и работать с визуальным оформлением сайтов при помощи CSS. Во время прохождения курса вы выполните много практических заданий и сделаете финальный проект, а после него станете отлично разбираться в возможностях HTML и сумеете создавать веб-страницы, которые будут отвечать всем современным требованиям по HTML-верстке.

Загрузка...

с Курсом вы

Узнаете все о WWW

Освоите работу с браузером, devtools и vsCode

Освоите HTML

И поймете насколько большой спектр задач можно решать с его помощью

Научитесь работать с графикой

Поймете как правильно работать с различными медиаматериалами - даже без помощи дизайнера

Научитесь работать с CSS

Менять стиль веб-страниц, их фон, цвета и многое другое

Создадите аккаунты на биржах фриланса

И приложите к нему портфолио работ созданных во время курса

Научитесь создавать адаптивные веб-страницы

Поймёте, как верстать сайты, которые корректно отображаются на любых устройствах

АВТОР КУРСА

Author photo
Эрик Спичак
Web-разработчик
Эрик Спичак
Web-разработчик

Ведущий Web-разработчик Sodenga LLC (ОАЭ) Заместитель технического директора Automarine. В прошлом сотрудник WarGaming, (World of Tanks, World of Warships) Более 7 лет практического опыта в коммерческой разработке. Провел десятки онлайн-курсов для различный школ и академий. Спикер различных форумов для разработчиков.

программа курса

80 уроков
12 недель
1 неделя
  • Урок 1.

    Знакомство с курсом и созданием сайтов. Установка необходимого программного обеспечения и старт знакомства с понятием HTML

  • Урок 2.

    Введение в HTML

  • Урок 3.

    Структура HTML-документа

  • Урок 4.

    Обзор языка разметки HTML

  • Урок 5.

    Основы работы с браузером и devtools

  • Урок 6.

    Разделение страницы

  • Урок 7.

    Элементы на странице

2 неделя
  • Урок 8.

    Создание собственной первой странички посредством HTML (практика)

  • Урок 9.

    Заголовки

  • Урок 10.

    Работа с текстом

  • Урок 11.

    Списки

  • Урок 12.

    Работа с тегами текста и их возможностями в рамках HTML (практика)

  • Урок 13.

    Div, section, article

  • Урок 14.

    Блочные и строчные элементы

3 неделя
  • Урок 15.

    Теги и атрибуты

  • Урок 16.

    Работа с тегами разметки страницы, а также возможности дополнительных HTML-компонентов (практика)

  • Урок 17.

    Гиперссылки

  • Урок 18.

    Продвинутый формат текста

  • Урок 19.

    Несемантическая обертка

  • Урок 20.

    Понимание семантики документа и отладка рабочего процесса при работе с HTML, а также работа с дополнительными компонентами для работы с HTML-документом (практика)

  • Урок 21.

    Изображения в HTML

4 неделя
  • Урок 22.

    Видеоконтент

  • Урок 23.

    Встраивание стороннего контента посредством HTML (object, frame)

  • Урок 24.

    Работа с мультимедиа посредством HTML (практика)

  • Урок 25.

    Что такое таблица в HTML

  • Урок 26.

    Работа с тегами таблиц и форматирование

  • Урок 27.

    Таблицы как метод в 2022

  • Урок 28.

    Практическая часть по работе с таблицами

5 неделя
  • Урок 29.

    Что такое CSS

  • Урок 30.

    DOM-дерево как HTML + CSS

  • Урок 31.

    CSS-селекторы

  • Урок 32.

    Начало работы со связкой HTML + CSS

  • Урок 33.

    Фон в CSS

  • Урок 34.

    Блочные и строчные модели как процесс в CSS

  • Урок 35.

    Внешние и внутренние отступы

6 неделя
  • Урок 36.

    Применяем CSS-свойства на рабочем примере

  • Урок 37.

    Стилизация текстов и шрифта в качестве основы

  • Урок 38.

    Стилизация списков

  • Урок 39.

    Стилизация ссылок и их псевдоклассов

  • Урок 40.

    Практическая работа с текстовой частью страницы посредством CSS-свойств

  • Урок 41.

    Полное понимание значения свойств у элементов CSS

  • Урок 42.

    Направление текста

7 неделя
  • Урок 43.

    Работа с размерами

  • Урок 44.

    Практическая часть, решаем проблему переполнения и исправляем ошибки стилизации документа

  • Урок 45.

    Стилизация медиа

  • Урок 46.

    Стилизация таблиц

  • Урок 47.

    Выравнивание текста

  • Урок 48.

    Закрепляем стилизации медиа и таблиц на практике

  • Урок 49.

    Свойства Normal и Display

8 неделя
  • Урок 50.

    Flexbox

  • Урок 51.

    Grid CSS

  • Урок 52.

    Работа с позиционированием в CSS на практическом примере

  • Урок 53.

    Столбцы и колонки в CSS

  • Урок 54.

    Знакомство с Figma

  • Урок 55.

    Работа с Figma для подготовки макета к верстке

  • Урок 56.

    Отрабатываем понятие колоночной верстки и работаем с FIGMA

9 неделя
  • Урок 57.

    Что такое Форма и для чего она нужна

  • Урок 58.

    Создание формы в HTML, теги и атрибуты формы

  • Урок 59.

    Работа с формами и стилизация посредством CSS

  • Урок 60.

    Создаем форму обратной связи

  • Урок 61.

    Глобальные атрибуты

  • Урок 62.

    Спецсимволы

  • Урок 63.

    Кодировки документа

10 неделя
  • Урок 64.

    Практические решения кодировок спецсимволов и MIME-типов

  • Урок 65.

    Шрифты в CSS

  • Урок 66.

    Иконки в CSS

  • Урок 67.

    Панель навигации

  • Урок 68.

    Отрабатываем на практике возможности подключения сторонних шрифтов и иконок посредством CSS

  • Урок 69.

    Цвета, градиент, границы, слои

  • Урок 70.

    Тени текста и эффекты текста

11 неделя
  • Урок 71.

    Трансформация

  • Урок 72.

    Практические изменения декор-элементов CSS на странице проекта

  • Урок 73.

    Переменные в CSS

  • Урок 74.

    Подсказки

  • Урок 75.

    Префиксы

  • Урок 76.

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

  • Урок 77.

    Правильная нарезка графики макета для верстки

12 неделя
  • Урок 78.

    Правильная структура скелета страницы посредством HTML

  • Урок 79.

    Правильная работа с CSS и подключением шрифтов к документу

  • Урок 80.

    Большой разбор финального проекта и поведение итогов

именной сертификат

при завершении курса

сертификат

Сертификат будет являться подтверждением ваших навыков и служить дополнительным стимулом при прохождении курса

Этот курс для тех, кто

Хочет войти в индустрию IT

И начать осваивать самые востребованные навыки на мировом рынке

Мечтает о новой профессии

Которая позволит самовыражаться и работать удаленно

Планирует освоить программирование

Ведь путь любого кодера начинается именно с Html и CSS

как проходит обучение

Открой доступ к пробной неделе

> 700 тысяч довольных учеников уже доверились нам

Доступ по акции* Всего за
Предложение
действует

15:00

уверенный пользователь платформы
Доступ к более чемкурсам курсам
Каждую неделюНОВЫЕ КУРСЫ

Отзывы пользователей

review

Фигма с нуля

Юлия Иващенко

Мои первые заказы на фрилансе появились на второй месяц обучения)) Крутая программа курса, поэтому и крутые результаты учеников)

review

Комфортная беременность

Маргарита Харитонова

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

review

Excel-таблицы для начинающих

Илья Новожилов

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

review

Рельефный пресс

Евгений Сорокин

Очень крутые тренировки. Заниматься просто кайф. Вечерком после работы 20 минут попотел и все, а результат не заставил себя ждать. Спасибо!

review

Правильная осанка

Елизавета Первомаева

Я просто не могу поверить, как сильно изменилась моя осанка всего за 30 дней! Упражнения были простыми и эффективными. Я почувствовала, как мои спинные мышцы стали крепче, а осанка стала гораздо прямее. Теперь я стою и сижу с уверенностью и чувствую себя более энергичной. Очень благодарна создателям курса!

review

Бровист

Олеся Черненко

Супер крутой курс. Все, что нужно для качественного обучения собрано в одном месте. Спасибо!

review

Мужские тренировки

Александр Попов

Нет времени - больше не аргумент! С утра грех не сделать тренировочку, когда в телефоне такая программа. Занятия - топ. Я очень доволен выбранным курсом

review

Тренировка ягодиц

Ирина Морозова

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

review

HTML-верстка

Дарья Романовски

Получила работу в крупном холдинге. Девушкам не место в IT? А вот и нет! С образованием маркетолога и без релевантного опыта работы я смогла получить должность верстальщика в крупном холдиге. Курс дал мне хорошую базу и понимание как все устроенно, а вот желания у меня хоть отбавляй! Моя жизнь еще никогда не была лучше!

review

QA Тестировщик

Михаил Попов

Очень удобный формат обучения. Уже пытался освоить тестировщика, но мне тупо не давались эти длиннющие видео из ютуба и статьи во всяких источниках, а короткие видео-уроки - супер вариант. Усвоил все от и до

review

Таргетолог с нуля

Алексей Снегирев

Обучение нравится, платформа удобная, цена за все плюс - оч низкая. Уроки хорошо составлены, никто не торопит, проходишь в своем темпе.

review

Продающая инфографика

Евгения Шилова

Отличный курс! Материалы были представлены четко и легко усваивались. Я здорово научилась разбираться в дизайне и использовать эти знания для создания карточек, которые привлекают внимание и увеличивают продажи. Большое спасибо преподавателю за информативный и полезный курс!

review

Оператор MidJourney

Денис Кочергин

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

review

Тренировка памяти

Никита Егоров

У меня всегда все вылетало из головы. Жена по-доброму смеялась и называла себя моим блокнотом, потому что ей приходилось мне все напоминать, повторять и проявлять колоссальное терпение) Этот курс, кстати, ее затея. Прошу заметить, что очень удачная) Может я и не стал супер мозгом, но то, что память стала лучше - это 100%

review

Тренировки на все тело

Ирина Александрова

Курс дал мне уверенность в себе и мощную мотивацию, теперь сложно представить свою жизнь без тренировок, о которых узнала на этом курсе. Большое спасибо

review

Графический дизайн

Валерий Щебетов

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

review

Посредничество на фрилансе

Мария Остапчук

До этого курса я даже не знала о таком способе заработка. С первых слов меня это очень заинтересовало и я решила рискнуть. Ни разу не пожалела. Замечательные преподаватели и действительно качественное обучение. Осталась очень довольна курсом и уже даже сделала первые успехи в своей новой сфере :)

review

Стример

Матвей Николаев

Я геймер, пытался раньше проводить игровые стримы, но на них приходило три калеки. На курсе я понял, в чем дело. К концу курса начал внедрять в свои стримы изученные фишки и собирал уже под 100 человек. Курс рабочий, спасибо

review

Успешный скальпинг криптовалют

Константин Шилов

Все четко по делу. Только самое важное и нужное и никакой воды. Курсом доволен, как слон. Всем, кто стоит за его разработкой — огромный респект

review

Стройные ножки

Екатерина Баранова

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