Курс HTML/CSS

Интерактивный курс «HTML/CSS»

С помощью видеокурса HTML и CSS вы научитесь верстать адаптивные HTML страницы. Вы самостоятельно создадите портал КиноМонстр с помощью уроков HTML и CSS, работающий как на компьютерах, так и на мобильных устройствах.

Начать курс

Посмотреть первый урок бесплатно

  • 66 уроков
  • 32 видео

Курс включает

  • ИИ-наставник в каждом уроке
  • Сертификат по завершении
  • Возврат денег в течение 30 дней

Чему вы научитесь

Начните обучаться верстке 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, где вы сможете изучить больше теории, а также правила верстки для продвижения веб-сайтов в поисковых системах.

Программа курса

32 видео · 34 интерактивных уроков

Модуль 1 — Вводная часть
1 уроков
Модуль 2 — Установка и настройка программ для работы с HTML и CSS
4 уроков
Модуль 3 — Основы HTML: Базовая разметка, html-тэги, css-стили
27 уроков
6▶️Базовая разметка HTML-страницы5:08Бесплатно7💻HTML задание создать базовую разметку0:20Бесплатно8▶️Теги <h1>, <p>, <strong>3:59Бесплатно9Тест: Тег <h1> это0:15Бесплатно10💻Упражнение тег <h1>0:40Бесплатно11💻Упражнение тег <p>0:30Бесплатно12💻Упражнение тег <strong>1:10Бесплатно13▶️Познакомимся с новыми html тегами8:12Бесплатно14💻Упражнение <div>, <style>, css class2:00Бесплатно15💻Упражнение <div>, <style>, css background-color1:00Бесплатно16Тест: Тег <div> это0:3017Тест: Тег <span> это0:3018▶️Теги <ul>, <li> и этапы создания веб-сайта7:4919▶️Подключение css стилей в отдельном файле.9:0320💻Теги <ul>, <li>1:0021▶️CSS свойства: margin, padding, height, font-size и другие.6:5422Тест: Какой записью подключаются внешние css стили0:1023Тест: margin - это0:1024💻CSS свойство Margin1:0025Тест: padding - это0:1526💻CSS свойство Padding1:0027💻Тег <a>. Создание ссылки.2:0028Тест: Напишите в другом формате margin: 2px 9px 5px 4px;0:1529▶️Создание стилей для ссылок (тег <a>)5:4730Тест: Что обозначает свойство letter-spacing0:1531Тест: Запись на CSS "text-decoration: underline" выведет0:1532💻CSS Свойство text-decoration1:00
Модуль 4 — Главная страница. Создание верхней части сайта и меню
5 уроков
Модуль 5 — Главная страница. Правая часть сайта
7 уроков
Модуль 6 — Главная страница. Нижняя часть сайта
3 уроков
Модуль 7 — Главная страница. Фильмы, сериалы, блог
2 уроков
Модуль 8 — Страница просмотра фильмов и сериалов
6 уроков
Модуль 9 — Страница Фильмы
2 уроков
Модуль 10 — Страница Рейтинг фильмов
3 уроков
Модуль 11 — Адаптивная верстка
6 уроков

Отзывы (0)

Отзывы студентов

Пока нет отзывов

Частые вопросы

Как проходит обучение?

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

Когда начнется обучение? Нужно ли ждать когда наберется группа?

Сразу после оплаты, вы получите полный доступ к данному курсу без ожиданий.

Получу ли я после прохождения курса сертификат?

Да! За успешное прохождение каждого курса, вы получите сертификат. Все сертификаты, полученные за курсы, вы можете найти в вашем профиле.

Почему такая низкая цена?

Одна из миссий проекта FructCode сделать дорогое ИТ-образование доступным для всех!

Актуальны ли курсы?

Да! Курсы на платформе FructCode достаточно часто обновляются, в том числе исходные коды. Обратите внимание, что курсы которые находятся в "архиве" не обновляются.

Какое оборудование нужно для прохождения курса?

Курсы FructCode вы можете проходить в любой операционной системе - Windows, Mac OS или Linux, а также в мобильных устройствах. Тем не менее, для комфортного прохождения курсов FructCode, мы рекомендуем иметь монитор с разрешением экрана 1920x1080.

При прохождении курса я не знаю как выполнить задание, что делать?

Если в процессе прохождения курса у вас возникла проблема с выполнением задания и вопрос по пройденной теме курса, вы можете задать его в комьюнити FructCode - https://fructcode.com/ru/qa/, где другие студенты, которые успешно решили задание, вам обязательно помогут.

Что такое XP и что оно дает?

XP - это сокращение от английского слова experience и переводится как опыт. За успешное прохождение задания вы получаете определенное количество XP. Чем больше XP вы накапливаете, тем больше опыта в программировании у вас становится.

Как участвовать в рейтинге?

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

Я находил ваши курсы на других сайтах. Есть ли разница где учиться?

Да! Только на сайте FructCode.com вы можете найти актуальные версии моих курсов. На других сайтах вы можете найти пиратские старые версии моих курсов или неактуальные версии моих курсов, в процессе прохождения которых, вы столкнетесь с ошибками, так как программы уже давно изменились. Покупая мои курсы на сайте FructCode.com вы инвестируете не только в свои знания, но и инвестируете в создание новых курсов.

Что если мне не подойдет или не понравится курс?

Если в процессе прохождения курса вы поймете, что вам не подходит данный курс - в течении 30 дней с даты покупки, вы можете вернуть деньги в полном объеме. Для возврата средств напишите в службу поддержки на почту info@fructcode.com

У меня не работает видео лекция или не открывается задание, что делать?

Наиболее частая причина, если что-то не работает - это установленные некоторые расширения для браузера, например Adblock. Если у вас возникает техническая проблема, напишите пожалуйста в нашу службу поддержки на почту info@fructcode.com и мы в кратчайшее время постараемся помочь

У меня остались вопросы о курсе, кому я могу их задать?

Если у вас остались дополнительные вопросы о курсах FructCode, пожалуйста напишите в нашу службу поддержки на почту info@fructcode.com и мы постараемся ответить в ближайшее время.

Ваш преподаватель

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