Онлайн курс по HTML и CSS. Верстка любых сайтов легко.

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

4.60 (424 reviews)
Udemy
platform
Русский
language
Web Development
category
1,489
students
19.5 hours
content
Jun 2022
last update
$64.99
regular price

What you will learn

Изучите полностью язык HTML5 и все необходимые теги

Изучите таблицу стилей CSS3 и все необходимые свойства

Поймете, что такое верстка сайта и научитесь легко верстать настоящие сайты с помощью Flexbox технологии

Сможете создавать адаптивные сайты под смартфоны, планшеты, десктопы и любые разрешения экранов

Все сайты создаются с нуля в режиме реального времени

Description

Данный онлайн курс по HTML и CSS содержит все, что необходимо для начинающих в изучении основ HTML5 и СSS3, а также технологии Flexbox для более удобной  и современной блочной верстки любых сайтов, от простых до сложных.

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

Весь материал преподносится максимально доступно и понятно с объяснениями по каждым действиям, без лишних терминов и аббревиатур.

Курс максимально структурирован и разбит на небольшие видеоуроки чтобы обучение проходило комфортно, не нагружало вас и материал закреплялся легко.

Курс состоит из ежедневных занятий с видеоуроками и последующим выполнением заданий для закрепления пройденного материала. К каждому занятию прилагаются исходные материалы по пройденным урокам.

Это практический курс по основам HTML5 и CSS3 для начинающих.  Я умею хорошо и быстро верстать сложные сайты и поэтому готов научить Вас всему, чему научился сам за 9 лет. От создания HTML тега до верстки полноценного сайта. С гарантией результата. Желаю вам больших результатов в обучении и удачи во всех начинаниях!


  • Длительность онлайн курса  - 19 часов

  • Доступно 50 уроков для изучения

  • Практические домашние задания и исходные материалы к урокам

  • Техническая поддержка автора, ответы на вопросы

  • Возврат денег в течение месяца, если курс не понравится

Content

Введение

Что такое верстка сайта?
Разбор верстки сайта
Домашнее задание №1

Изучение HTML

Создание рабочего пространства
Создание Web-страницы
Написание заголовков страницы
Домашнее задание № 2
Добавление Favicon
Работа с текстом
Домашнее задание № 3
Добавление изображений
Создание списков
Создание ссылок
Домашнее задание № 4
Таблицы
Домашнее задание № 5
Формы
Домашнее задание № 6
Мнемоники в HTML
Домашнее задание № 7
Добавление аудио
Добавление видео
Домашнее задание № 8

Изучение CSS

Введение в CSS
Подключение CSS стилей
Домашнее задание № 9
Подключение шрифтов
Единицы измерения
Домашнее задание № 10
Стилизация текста
Вид списков
Домашнее задание № 11
Селекторы
Домашнее задание № 12
Блоки в CSS
Позиционирование блоков
Домашнее задание № 13
Фон и тень блоков
Домашнее задание № 14
Спрайты
Домашнее задание № 15
Градиент
Домашнее задание № 16
Анимация
Трансформация
Домашнее задание № 17
Псевдоэлементы и псевдоклассы
Домашнее задание № 18

Верстка сайта

Правила верстки
Домашнее задание № 19
Прототип сайта
Домашнее задание № 20
Знакомство с Flex версткой
Домашнее задание № 21
Верхняя часть сайта и главное меню
Домашнее задание № 22
Левая часть сайта и блок приветствия
Домашнее задание № 23
Правая часть сайта и подвал
Домашнее задание № 24
Сложная верстка сайта: часть 1
Домашнее задание № 25
Сложная верстка сайта: часть 2
Домашнее задание № 26
Сложная верстка сайта: часть 3
Домашнее задание № 27

Адаптивная верстка

Что такое адаптивная верстка
Медиазапросы
Домашнее задание № 28
Адаптация сайта: часть 1
Домашнее задание № 29
Адаптация сайта: часть 2
Домашнее задание № 30

Перенос сайта на WordPress

Установка WordPress
Создание файлов
Перенос верстки
Подключение стилей
Пишем пути к изображениям
Редактирование контента
Добавление контента

Screenshots

Онлайн курс по HTML и CSS. Верстка любых сайтов легко. - Screenshot_01Онлайн курс по HTML и CSS. Верстка любых сайтов легко. - Screenshot_02Онлайн курс по HTML и CSS. Верстка любых сайтов легко. - Screenshot_03Онлайн курс по HTML и CSS. Верстка любых сайтов легко. - Screenshot_04

Reviews

Natalia
September 15, 2023
отлично все говорит и доходчиво / все детально куда и как пригодятся знания/но для начала и понимания хорошо все/
Сокол
June 26, 2023
Хороший курс для самого самого начала) тут вам разжуют и начнут направлять в этой сфере. Пишу этот коментарий уже после прохождения более продвинутого курса HTML/CSS, т.к. WordPress уже тесно общается с бэкендом и его оставил на потом) После усвоения этого курса, вы сможете создать свой начальный сайт, но для проффесиональной работы еще учиться и учиться) Всем удачи, автору спасибо!
Alexander
March 22, 2023
Поделюсь чем мне полезен курс. После огромного потока информации с ютуба. Структурировать , доузнать крайне полезные мелочи с таким понятным подходом , без сумбура. Автору только скажу что для удобства лекции чуть поменьше длительность и немного актуальности на 23 год) Может отдельный курс по препроцессорам) 5 звезд)
VLADYSLAV
August 27, 2022
Хороший старт для такого человека как я , который ничего не понимает в языках програмирования. Единственные наверное замечания будут на счёт того что иногда забегает наперёд , а потом в след. лекции приходится слушать то же самое ( особенно это касается бонусного модуля с ворд прессом)). Но это очень редко , в целом обьясняет доходчиво , понятно , без воды. Домашние задания в целом не составляют достаточной нагрузки , да и думаю что все понимают потребность в практике самому. Мне понравилось.
Вадим
February 21, 2022
Подробнее хотелось бы разобрать что-такое тэги, атрибуты, сколько их всего?Где можно посмотреть информацию про тэги?
Rustam
January 1, 2022
преподаватель не отвечает. должным образом ответил пару раз и все.. много вопросов возникает. а сам материал хорош практически все понятно только как я говорил выше нет отдачи от преподавателя.
Nickolai
November 15, 2021
я думал,что резиновая вёрстка это и есть адаптивная. Много прояснил для себя!) Я купил 3 курса на юдеми по вёрстке,твой курс самый фундаментальный,маштабный и домашки самые тяжелые.Остальные авторы экспрессом каким-то пытаются пробежать по основам и скорее окунуться в css/js. Но есть в твоем курсе и минусы.Во-первых,это твой редактор кода. Дело не в том ,что он платный и дорогой,дело в том ,что он белый и твои уроки тяжело смотреть ночью,бьёт по глазам. Во-вторых, мне кажется, надо завязывать с этими тегами <p> для переноса,понимаю,что это было сделано для удобства,но.. Могут быть неприятные моменты с этим,когда фронтендер какой-то увидит твой код (в моем случае я скидывал друзьям мидлам свой код ,чтоб прояснить вопрос по домашке один) ну и сам понимаешь,что было.. Мне подарили подписку на хтмл академию)
Лосев
October 29, 2021
Useful course for newbies! I would improve just one thing. As long as it's a video course, I would have cut mistakes done during the explanations.
Иван
August 2, 2021
Хочу выразить огромную благодарность автору данного курса за проделанную работу, благодаря ему я многому научился.
Denis
April 17, 2021
Это лучший курс который я проходил! Все очень детально и понятно разжовано + очень хороший стиль вёрстки который я непременно буду использовать в работе.
Pavels
March 9, 2021
Большое спасибо за курс по html и css. Было интересно постепенно узнать новые функции и воплощать их в верстке сайта. Понравилась подача материала и структура курса для начального уровня. Успехов Вам в дальнейшем!
Анна
February 12, 2021
забыла добавить насчет мобильной верстки. Она используется часто для крупных информционных сайтов, крупных интернет-магазинов, где адаптиность скорее минус, чем плюс. Мой муж как программист часто использует мобильную верстку для ряда веб-решений по программам, поскольку опять же адаптивная верстка скорее в минус пойдет.
Олег
January 24, 2021
Очень много мелких оговорок, неточностей. Например, почему-то в таблице стилей фигурные скобки называет квадратными.
Strok
November 22, 2020
Пройдя курс,могу сказать,что преподаватель очень легко преподносит информацию структурировано в достаточном объеме без сокращений(говорю исходя из просмотра других крусов).
Андрей
August 16, 2020
Супер курс отличный прям для новичков то что нужно все подробно единственное не рассказали почему ставится закрывающийся тег у самозакрывающихся элементов оказывается он не нужен в Html 5 хотя доктайп написан в семантике Html5

Charts

Price

Онлайн курс по HTML и CSS. Верстка любых сайтов легко. - Price chart

Rating

Онлайн курс по HTML и CSS. Верстка любых сайтов легко. - Ratings chart

Enrollment distribution

Онлайн курс по HTML и CSS. Верстка любых сайтов легко. - Distribution chart

Related Topics

2418390
udemy ID
6/18/2019
course created date
7/7/2019
course indexed date
Bot
course submited by