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

ARTEM BELYAEV

6 years ago

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

Владислав Рудаков

6 years ago

Отличный курс, рекомендую всем кто хочет начать разбираться в верстке сайтов.

Евгений Анисов

6 years ago

Топ

Александра Романцова

6 years ago

Всё здорово

student_fhyz4PID

6 years ago

Очень интересный курс надеюсь JavaScript будет такой же!!!

Алексей Мурзенков

6 years ago

Мне понравилось! Оказывается не все так сложно как может показаться на первый взгляд! Да и плата символическая.

Никита Рубан

6 years ago

Нормально)

Игорь Коровкин

6 years ago

Нормально.

Иван Егоров

6 years ago

Начинал проходить несколько раз. Только сейчас, дошел до конца, зато, действительно, усвоил весь материал, если не понимал лез в гугл. Курс огонь!!!

Наталья Хара

6 years ago

Мне все очень понравилось.

Алексей Гридин

6 years ago

Хороший курс, но иногда подача материала чересчур быстрая. Буду учить следующий блок.

Ruslan Salimov

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