Курс 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

Супер! =33

Сергей Ищенко

5 years ago

Круто)

Vadim Bochkarev

5 years ago

Крутяк! На одном дыхании

Vlad Khvorostenko

5 years ago

Отличный курс, благодаря какому я многому научился и освоил HTML/CSS!

Вячеслав Михайлов

5 years ago

В целом, курс хороший. Для новичков не сложный.

INVESTTRTS

5 years ago

Круто!!!

Алмас Киличов

5 years ago

Очень отличный курс! Все понятно объяснял. Но только не совсем понял как определять сколько надо пикселей или процентов.

Максим Романов

5 years ago

Огромное спасибо автору курса, очень полезно и информативно!

Tamara Vlasova

5 years ago

Отличный курс, как база очень хорошо подходит. Мне нравится учиться с рук, так быстрее запоминаешь и уже делаешь сам.<br> Информация усвоилась легко.

Alexandr Lebedenko

5 years ago

Нормалды)

Юрий Петрович

5 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)