Курс HTML и CSS создания сайтов с нуля — Обучение программированию и HTML верстки онлайн с интерактивными заданиями на FructCode

О курсе

Начните обучаться верстке HTML и CSS с нуля и вы узнаете, как эффективно построить обучение основам HTML и CSS и научиться создавать веб-сайты с нуля.

В уроках HTML и CSS вы узнаете:

Основы верстки сайтов (html и css)
Как пользоваться html-тэгами div, span, p, ul, li и другими
Для чего нужен CSS (каскадные таблицы стилей) и узнаете о css-свойствах
Как использовать css-свойства margin, position, padding, color, background и другие
Что такое адаптивная верстка
Как сделать верстку сайта
Как пользоваться инструментами разработчика в браузере Google Chrome
Что такое viewport и как его использовать
Как создать раздел с комментариями на сайте
Как встроить видео в html-страницу
Как изменить верстку сайта в браузере
Как связать html-страницы между собой
Как сверстать меню на сайте

Верстка html-страниц(верстка сайтов) относится к Frontend(фронтенд) части разработки профессионального веб-сайта. Для Frontend разработчиков открыто большое количество вакансий и Frontend-разработчики высоко ценятся на рынке труда по всему миру.

Пройдите интерактивные задания и вы убедитесь в том, что освоить верстку html-страниц с нуля и стать фронтенд разработчиком - это под силу каждому. После завершения курса HTML/CSS мы рекомендуем проходить курс верстки Bootstrap 3 или Bootstrap 4.

Также вы можете проходить новый углубленный курс HTML/CSS Advanced, где вы сможете изучить больше теории, а также правила верстки для продвижения веб-сайтов в поисковых системах.

План курса

Программа обучения состоит из видео уроков HTML и CSS, а также включает интерактивные тесты и задания, позволяющие закрепить полученные вами знания по HTML и CSS программированию и созданию сайтов(верстке сайтов).

1
Вводная часть
- 0
  Вводная часть. Знакомство11:10
2
Установка и настройка программ для работы с HTML и CSS
3
Основы HTML: Базовая разметка, html-тэги, css-стили
- 5
  Базовая разметка HTML-страницы05:08
- 7
  Теги <h1>, <p>, <strong>03:59
- 8
  Выполните тест00:15
- 9
  Упражнение тег <h1>00:40
- 10
  Упражнение тег <p>00:30
- 11
  Упражнение тег <strong>01:10
- 12
  Познакомимся с новыми html тегами08:12
- 13
  Упражнение <div>, <style>, css class02:00
- 14
  Упражнение <div>, <style>, css background-color01:00
- 15
  Выполните тест00:30
- 16
  Выполните тест00:30
- 17
  Теги <ul>, <li> и этапы создания веб-сайта07:49
- 18
  Подключение css стилей в отдельном файле.09:03
- 19
  Теги <ul>, <li>01:00
- 20
  CSS свойства: margin, padding, height, font-size и другие.06:54
- 21
  Выполните тест00:10
- 22
  Выполните тест00:10
- 23
  CSS свойство Margin01:00
- 24
  Выполните тест00:15
- 25
  CSS свойство Padding01:00
- 26
  Тег <a>. Создание ссылки.02:00
- 27
  Выполните тест00:15
- 28
  Создание стилей для ссылок (тег <a>)05:47
- 29
  Выполните тест00:15
- 30
  Выполните тест00:15
- 31
  CSS Свойство text-decoration01:00
4
Главная страница. Создание верхней части сайта и меню
- 32
  Создание горизонтальное меню07:37
- 33
  Выполните тест00:15
- 34
  Стилизация горизонтально меню05:25
- 35
  Выполните тест00:15
- 36
  Header и TOP menu02:00
5
Главная страница. Правая часть сайта
- 37
  HTML Form. Создание форм.07:22
- 38
  HTML Form01:00
- 39
  Right Block. Начнем создавать панель справа12:57
- 40
  Выполните тест00:15
- 41
  Right Block. Продолжение.11:55
- 42
  Right Block. Часть 310:42
- 43
  Right Menu05:00
6
Главная страница. Нижняя часть сайта
- 44
  Footer. Часть 104:14
- 45
  Footer. Часть 205:10
- 46
  Footer03:00
7
Главная страница. Фильмы, сериалы, блог
- 47
  Content главной страницы08:48
- 48
  Главная страница. Записи блога.05:22
8
Страница просмотра фильмов и сериалов
9
Страница Фильмы
- 55
  Страница Фильмы13:37
- 56
  Страница Фильмы05:00
10
Страница Рейтинг фильмов
- 57
  Страница Рейтинг фильмов12:13
- 58
  Выполните тест00:15
- 59
  Страница Рейтинг фильмов05:00
11
Адаптивная верстка
- 60
  Инструменты разработчика06:40
- 61
  Media queries, тэг viewport09:35
- 62
  Правила адаптивной верстки11:48
- 63
  Выполните тест00:15
- 64
  Правила адаптивной верстки. Часть 209:45
- 65
  Подведение итогов11:40
Получение сертификата об окончании курса

Отзывы (3367)

Оставьте свой отзыв после прохождения Курса создания сайтов HTML/CSS с нуля.

Сергей Желдак

7 years ago

Молодцы ребята!

Сергей Рубахов

7 years ago

Доступно, понятно, эффективно!

Алхас Аргун

7 years ago

Благодарю всех участников процесса создания и продвижения данного проекта, ресурса:) Успехов!:)

Дмитрий Касьяненко

7 years ago

Спасибо за чудесный курс. Это один из лучших курсов для начинающих что я изучал. Узнал довольного много нового. Автор все подробно рассказывает и внятно объясняет. Надеюсь, что остальные курсы будут такими же понятными. Еще раз спасибо.

Александр Семёнов

7 years ago

Хороший курс!

Evgeniy Tolstikov

7 years ago

Хороший курс

Дмитрий Евсюков

7 years ago

Очень доходчиво!!! Мне понравилось!

Михаил Стришный

7 years ago

Всё очень понятно и доступно

Levon Ghulyan

7 years ago

Спасибо за курс, я теперь нормальный верстальщик)))

Олег Жилка

7 years ago

Вполне доступное введение в HTML

Дмитрий Мащенко

7 years ago

Довольно быстрый, а главное понятный курс. Подойдет как тем, кто только решил заняться изучением HTML/CSS, так и тем кто уже ранее встречался с этими языками.

Роман Минин

7 years ago

Очень неплохой курс для начального уровня.

ЧАСТО ЗАДАВАЕМЫЕ ВОПРОСЫ

The training is divided into video lectures, interactive tasks and tests. In video lectures you receive theoretical material and, with the help of interactive tasks, reinforce the theory in practice. You write code directly in the browser and instantly get the result of checking your code - whether it is correct or not. Almost every lesson has links to additional materials and source code.

Преподаватель

Сергей Никонов. Автор курса программирования HTML/CSS | FructCode

Sergei Nikonov

Основатель проекта FructCode
Опыт в веб-разработке более 15 лет
Работал над высоконагруженными веб-проектами в крупных компаниях США и ЕВРОПЫ
Провел несколько десятков оффлайн и онлайн семинаров на тему веб-разработки

Курс HTML/CSS

Интерактивный курс создания сайтов HTML и CSS с нуля — обучение HTML онлайн

О курсе

В уроках HTML и CSS вы узнаете:

План курса

Отзывы (3367)

ЧАСТО ЗАДАВАЕМЫЕ ВОПРОСЫ

Преподаватель

ЛИДЕРЫ ЗА НЕДЕЛЮ (TOP 5)