Курс 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
Получение сертификата об окончании курса

Отзывы (3366)

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

Vaxo Kaxidze

7 years ago

cool!!

Александр Кучук

7 years ago

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

Семен Макаренко

7 years ago

Подробно, толково, разжевано все по полочкам.

AngelEyes Eyes

7 years ago

Важные моменты, связанные с отображением элементов, как-то опускаются мягко говоря. И регулирование скорости просмотра видео надо добавить.

Дмитрий Васюк

7 years ago

Много практики и можно повторить за преподавателем весь процесс создания верстки сайта, но не хватает теории, как по мне. Для старта - это лучший курс, именно для практики.

Виталий Березин

7 years ago

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

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

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

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

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

Sergei Nikonov

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

Курс HTML/CSS

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

О курсе

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

План курса

Отзывы (3366)

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

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

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