Основы верстки
HTML и CSS
Научитесь верстать сайты, работать с макетами и адаптивной версткой
и создадите свои первые проекты
и создадите свои первые проекты
Учёба в удобное время
Cвободный график обучения с бессрочным доступом
Преподаватель — эксперт
Обучение от ведущего практика
Документ об образовании
Удостоверение о повышении квалификации или именной сертификат о прохождении курса
Скидка -60%
Распродажа курса
1 дней 00 : 00 : 00
Что такое верстка?
Верстка на HTML и CSS - это способ создания структуры и оформления веб-страниц
- HTML используется для построения основы страницы, размещения текста, изображений, ссылок и других элементов
- CSS применяется для придания этим элементам желаемого внешнего вида: задания цветов, шрифтов, размеров, расположения и прочих стилевых характеристик
Таким образом, HTML отвечает за содержание, а CSS - за визуальное представление веб-страницы, что позволяет разработчикам создавать современные, красивые и удобные для пользователей сайты
- HTML используется для построения основы страницы, размещения текста, изображений, ссылок и других элементов
- CSS применяется для придания этим элементам желаемого внешнего вида: задания цветов, шрифтов, размеров, расположения и прочих стилевых характеристик
Таким образом, HTML отвечает за содержание, а CSS - за визуальное представление веб-страницы, что позволяет разработчикам создавать современные, красивые и удобные для пользователей сайты
150 000 ₽
- средняя зарплата, которую можно получать, занимаясь версткой
Фриланс
до 50 000 ₽
Верстальщик
Intern
< 1 года
Первые
проекты
проекты
Начинающий специалист
60 000 ₽
Верстальщик
Junior
> 1 года
С опытом
150 000 ₽
Верстальщик
Middle
2 - 3 года
С опытом
180 000 ₽
Верстальщик
Senior
3+ года
С помощью этого курса вы сможете
01
Освоить верстку с нуля,
и начать зарабатывать уже во время обучения
02
Лучше понять возможности верстки и расширить свои
если вы дизайнер, работающий над созданием макетов и интерфейсов для веб-сайтов
03
Прокачать свои навыки
и воплотить в жизнь проект своей мечты
За время учебы вы реализуете 3 проекта в портфолио
Верстка простой страницы
Студенты создадут одностраничный сайт, включающий таблицы и формы
Верстка макета из Figma
Студенты перенесут дизайн-макет из Figma в HTML и CSS, обеспечивая точное соответствие визуальному представлению.
Верстка многостраничного сайта
Студенты разработают многостраничный сайт, демонстрируя понимание структуры и оформления веб-страниц.
Чему вы научитесь
Константин Коростиновский
Верстальщик
Профессиональные навыки
- Принципы работы сайтов и структуры веб-страницы
- Работа с редактором кода VSCode и его возможностями
- Создание HTML-документ и использовать основные теги и атрибуты
- Работа с текстом, таблицами, формами и мультимедиа
- Основы CSS, навыки позиционирования элементов на странице
- Работа с отступами, полями, размерами, цветами, шрифтами, фоном
- Создание адаптивных макетов с помощью Flexbox и Grid
- Понимание кроссбраузерности и ее обеспечения
- Работа с дизайн-макетами в Figma
- Создание анимаций на CSS
- Основы Git для контроля версий
- Сборка и публикация проектов
Гибкие навыки
Инструменты
VSCode
Git
Figma
HTML
CSS
Запишитесь на бесплатную консультацию
Поможем определиться, подходит ли вам курс, и ответим на вопросы про учёбу
Преимущества курса
Начните программировать с нуля под руководством ведущих экспертов
Все преподаватели - профессионалы с многолетним опытом, обучающие самым актуальным знаниям в сфере разработки
Обучайтесь через практику, а не скучную теорию
Каждая тема подкрепляется практическим заданием и позволяет сразу отрабатывать полученные на уроке навыки
Индивидуальное обучение
У вас будет индивидуальный график обучения, личные проекты и персональная обратная связь от преподавателя
Освойте новый навык за 3 месяца
Всего через 3 месяца вы сможете начать активно развиваться в сфере IT
Получите персональную помощь на каждом этапе
Мы не оставим вас в одиночестве - разберем сложные задачи и обеспечим поддержку во время обучения
Доступ к курсу навсегда
Даже после завершения обучения вы сможете в любой момент вернуться и повторить пройденный материал
Освойте новый навык за 3 месяца
Всего через 3 месяца вы сможете начать брать первые заказы на фрилансе и активно развиваться в сфере IT
Программа обучения
Обновлена в 2024 году
Базовые модули
01
Основы верстки HTML и CSS
Тема 1. Введение
- Теория. Как работают сайты? Структура веб-страницы.
- Редактор кода VSCode
Результат
Изучите популярный редактор кода для разработки web-приложений - Visual Studio Code.
Тема 2. HTML
- Из чего состоит HTML-документ?
- Основные теги и атрибуты
- Семантическая верстка (Кейс 1)
- Работа с текстом (Кейс 1)
- Формы
- Практическая работа (Кейс 1)
- Мультимедиа и встраивание.
Результат
Узнаете основы верстки веб-страниц с использованием HTML.
Тема 3. Основы CSS
- Введение в стили. Селекторы и свойства.
- Отступы, поля, свойство display.
- Размеры и единицы измерения.
- Оформление: цвета, шрифты, фон.
- Позиционирование
Результат
Разберем, что такое CSS и как его писать.
Тема 4. Адаптивность и кроссбраузерность
- Резиновая верстка, media-запросы.
- Flexbox
- Grid
- Кроссбраузерность
Результат
Изучите так называемую резиновую верстку, как элемент адаптивной верстки. Подробно остановимся на медиа-запросах, кроссбраузерной верстке.
Тема 5. Работа с макетом Figma
- Figma
- Работа с макетом 1 часть (Кейс 2)
- Работа с макетом 2 часть (Кейс 2)
Результат
Изучите приложение Figma.
Тема 6. Продвинутый CSS
- Сложные селекторы, псеводо-класы, псевдо-элементы
- Анимация. (Кейс 2)
- Препроцессоры. Методологии именования.
Результат
Изучение препроцессинга на примере препроцессора Sass. Изучаем на более продвинутом уровне селекторы на примерах псевдоклассов и псевдоэлементов.
Тема 7. Итоговый проект
- Основы Git
- Cборка проекта и публикация. + начать кейс 3
- Работа с макетом 1 часть (Кейс 3)
- Работа с макетом 2 часть (Кейс 3)
- Работа с макетом 3 часть (Кейс 3)
Результат
Разработайте итоговый проект.
Документы об обучении
По окончании курса вы получите один из документов
Диплом о профессиональной переподготовке
Именной сертификат о прохождении курса
Запишитесь на бесплатную консультацию
Поможем определиться, подходит ли вам курс, и ответим на вопросы про учёбу
Эксперты
Учитесь на современной образовательной платформе
Наша платформа позволяет вам учиться в удобное время и в удобном месте, используя всевозможные ресурсы – от видеолекций и вебинаров до практических заданий и тестов.
Отзывы
Семененко Екатерина Петровна
Профессия «Интернет-маркетолог»
Здравствуйте! Меня зовут Семененко Екатерина Петровна,37 лет. Я хочу написать отзыв об учёбе в университете Синергия. Наткнулась на рекламу случайно, перешла по ссылке, почитала подробности и...отправила заявку. В тот же день мне позвонили. Приятный, вежливый молодой человек рассказал о всех професс...
Домрачева Ольга Олеговна
Профессия «Интернет-маркетолог»
Я прошла обучение в университете Синергия по направлению «Интернет маркетинг».
Для меня формат онлайн обучения не новый. Я и мои дети сейчас обучаемся только так. Это очень удобно. Нет ограничений ни временных, ни географических.
Очень понравился уровень подачи материала. Все четко, конкретно, по ...
Дергачев Матвей
Профессия «Менеджер по управлению интернет-магазином»
У меня был свой магазин автотоваров, хотел расширяться, открыть интернет-магазин и выйти на маркетплейсы. Но не знал как, с чего начать. Увидел рекламу курса в интернете. И начал обучение в Синергии, создал свой интернет-магазин, как показывали в уроках, уже пошли первые продажи. С маркетплейсами ещ...
Павел Пашков
Профессия «Java-разработчик»
Пошел на курс Java-разработчик в Синергии. Шел ради, так сказать, развлечения, но в итоге понял, что это мое. Закончил курс полгода назад. И сейчас у меня есть крутые предложения по работе, которые я беру и выполняю. Про обучение могу сказать, что оно достойное - учат очень хорошо. И сама платформа ...
Анастасия Александрова
Профессия «Фронтенд-разработчик»
Замечательный курс! Есть с чем сравнить, до этого проходила и бесплатные и платные обучения, лучше пока не нашла. Да, объем информации дается очень большой, но преподносится очень интересно. Постоянная практика, хорошие работы в портфолио, обратная связь, все без нареканий! Рекомендую
Геннадий Шелякин
Профессия «Менеджер проектов»
Это сейчас я руковожу проектами и делаю с командой мероприятия под ключ, а еще недавно работал в автосервисе и о проектах, если и понимал что-то, то очень крупными мазками, понаслышке. Спасибо преподавателям и моему куратору Кириллу, что помогли мне шаг за шагом разобрался с тем, как вести проект, о...
Стоимость
-60%
3 240 ₽/мес
1297 ₽/мес
Ежемесячный платеж при рассрочке на 24 месяца без переплат и первоначального взноса
Старт
2 местаОсталось
До конца скидки 1 дней : 00 часов : 00 минут
Рассрочка без процентов
Успейте получить курс со скидкой
Оформление налогового вычета
Нас выбирают
Академия «Синергия» — проект Университета «Синергия», реализующий программы дополнительного профессионального образования по самым востребованным и актуальным профессиям в наиболее перспективных сферах и областях.
Программы на 70% состоят из практики
Учёба в удобное время. Свободный график обучения с бессрочным доступом
Персональные “горячие вакансии” от компаний-партнёров
Трудоустройство. Трудоустроим или вернём деньги
Выдача диплома или сертификата с присвоением квалификации
Заботливая служба поддержки и оперативная обратная связь от кураторов и наставников
«Синергия» в рейтингах
№ 1 в рейтинге по численности студентов
Министерство науки и высшего образования РФ
№ 3 в рейтинге лучших вузов России
HeadHunter
№ 3 в рейтинге крупнейших компаний
в сфере онлайн-образования
Агентство Smart Ranking
Часто задаваемые вопросы?
Можно ли совмещать курс с работой?
Мы выстроили обучение так, чтобы его можно было совмещать с работой. В видеоуроках даём необходимую базу, и её хватает, чтобы выполнить домашнюю работу. В среднем для прохождения курса за шесть месяцев достаточно тратить не более 10 часов в неделю на обучение. Если у вас достаточно свободного времени и вы хотите лучше погрузиться в материал — можете посещать вебинары или читать дополнительную литературу, которую рекомендуют спикеры.
Осилю ли я курс, если ничего не понимаю в профессии?
Есть ли возрастные ограничения для студентов?
Я буду учиться один?
К кому обратиться, если у меня возникнут вопросы по курсу?
Как посещать мероприятия, связанные с темой курса?
Что за домашние задания?
В чём преимущества дистанционного обучения в Академии Синергия?
Какие варианты оплаты доступны?
Можно ли получить налоговый вычет за обучение на курсе?
Законно ли получать образование онлайн в Академии «Синергия»?
Есть ли специальные требования к компьютеру?
Важные термины и аббревиатуры на сайте
