Курс 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 с нуля.

Шакир Багизаев

5 years ago

Курс мне понравился! Конечно, не все интересующие меня темы были затронуты, но в целом очень неплохо для начинающего! Спасибо Сергею Никонову за работу.

Ольга Заворотняя

5 years ago

Супер курс. Продолжаю изучать дальше

Данила Бычков

5 years ago

Хороший и удобный курс. Все объясняют.

Олег Тебиев

5 years ago

Отличный курс!

Станислав Кулик

5 years ago

Отличный и понятный курс, спасибо за старания)

Владислав Вовченко

5 years ago

Очень классный курс по программированию

Кирилл Лищенер

5 years ago

Классно!!!

Роман Белоусов

5 years ago

Информативно и доступно в понимании. Как новичок в данной сфере доволен пройденным курсом.

Nurlan Kozuev

5 years ago

Super

Сергей Козаков

5 years ago

Я открыл новые возможности понятного изложения темы html/css. Конечно, это не вся тема и не все теги , но подход теперь к вёрстке стал более понятен. Очень рад ,что попал именно на эти курсы.