Курс HTML/CSS:
основи створення сайтів

Тривалість: 2 місяці

Вартість курсу: від 2 460 грн.

Старт найближчої групи

Формати навчання:
курс в записі - 2 460 грн.
у записі з підтримкою - 4 015 грн.

Особливі умови оплати:
розстрочка без %
вимушеним переселенцям
випускникам Академії ІМТ

Навчальний процес

Лекції за розкладом через Zoom у real-time форматі

Спілкування з викладачем без затримки

Закритий чат для групи, спілкування та підтримка між лекціями

Особистий кабінет з відео, завданнями та тестами

Как проходит обучение созданию сайтов на курсе?

освоите базу HTML/HTML5 и варианты использования CSS/CSS3
получаете опыт в установке CMS системы WordPress
учитесь и практикуетесь в создании web-страниц, наполненных необходимыми текстовыми и графическими элементами
начнете собственноручно создавать полноценные сайты
грамотно разработаете интерактивные формы для взаимодействия пользователя с web-сервером
начнете эффективно использовать возможности каскадных таблиц стилей CSS для повышения функциональности и улучшения оформления web-сайта

КУРСЫ HTML/CSS В АКАДЕМИИ IMT – ЭТО:

полный курс HTML/CSS верстки
обучение по будням или выходным
современная теоретическая база в комплексе с продуктивными практическими занятиями
практические задания с изучением и применением инструментов прямо во время занятия
интересные домашние задания, цель которых — повысить ваш профессионализм и закрепить пройденный материал на практике
обучение у практикующего профессионала, помощь и поддержка в течение и по завершении курса
расширение круга общения, возможность обрести новых друзей со схожими интересами и целями

Что вы получите, пройдя обучение на курсе

За короткий срок вы сможете создавать веб-сайты

Практику работы на реальном хостинге

Опыт установки и настройки CMS системы, верстку шаблонов

ПРОГРАММА КУРСА

Программа курса HTML CSS верстки предполагает изучение основ frontend с нуля. Стать WEB-программистом без длительного обучения реально! Обучение на курсах верстальщика сайтов построено на постоянном применении теории на практике. Чтобы в дальнейшем верстать функциональные и современные сайты и стать востребованным верстальщиком, будьте готовы к регулярному выполнению задач, домашних заданий и сдаче своего проекта.

- 1 -

модуль

Вводные сведения об HTML/HTML5
Базовые принципы работы веб-ресурсов.
Необходимые инструменты для работы с сайтами.
Программный минимум: какие программы понадобятся в вашей работе.
Изучаем теги: что они собой представляют.
Что необходимо знать о тегах.
Как применяются теги: сводка основных правил.
Теговая атрибутика.
Разновидности тегов.
Теги, которые относятся к верхнему уровню.
Как с помощью тегов прописать заголовок сайта.
Парные теги.
Структура HTML документа.
Как строится базовая структура HTML кода.
Маст-хев теги: без каких тегов невозможно построение сайта.
С помощью каких тегов создаются блоки документа.
Какие теги прописывают строки документа.
Какие теги используют для формирования списков.
Теги, с помощью которых формируются таблицы.
Как с помощью тегов прописать фреймы.
Как расшифровывается атрибутика тегов.
Как задать странице цвет и размер, и как прописать адрес.

- 2 -

модуль

Как с помощью HTML форматировать текст
Работа с абзацами.
Выделение заголовков.
Как выравнивается текст документа.
Размер кегля, курсив, выделение текста жирным шрифтом, подчеркивание фрагментов текста.
Написание символов в верхнем и нижнем индексе с помощью тегов.
Вставка специальных символов.
Вставка ссылок.
Как прописываются относительные и абсолютные.
Что нужно знать о вложенности тега.
Какие атрибуты можно использовать при вставке ссылки в документ.
Как с помощью тегов прописать ссылку на e-mail.
Что такое якорь, для чего он используется.
Работа с изображениями.
Какие форматы можно использовать.
Как добавить изображение на страницу сайта.
Что такое ALT и для чего он нужен.
Как можно изменить высоту и ширину изображения.
Работа со списками.
Какие бывают типы списков, как их создавать.
Какие теги используются для маркированного списка.
С помощью каких тегов выводится нумерация в списке.
Как создается список определений.

- 3 -

модуль

Работа с таблицами и формами
Какие атрибуты используются при создании таблиц.
Какие нюансы необходимо знать при построении таблиц.
Как выравнивать таблицы.
С помощью каких тегов можно объединить ячейки в таблице.
Что такое вложенные таблицы и как с ними работать.
Что собой представляет форма, её предназначение.
Какие используются методы для отправки данных.
Из каких элементов состоит форма.
Какую атрибутику можно использовать при работе с формами.
Как защитить данные: инструменты создания брони формы.

- 4 -

модуль

Общее знакомство со стилями CSS/CSS3
Какие стилистические преимущества можно выделить.
Как применяются стили к выбранной странице.
Разновидности типов носителей.
Основы CSS-синтаксиса.
Расшифровка свойств стилей.
Что такое селекторы и как их применяют.

- 5 -

модуль

Идентификаторы и классы
Селекторы, которые используются для контекста.
Селекторы-соседи: что это.
Какие селекторы называют дочерними и для чего их используют.
Какие из селекторов подходят для атрибутов тега?.
Что называется универсальным селектором.
Элементы с приставкой «псевдо»: -классы и -элементы.
Как группируются псевдоэлементы.
Как наследуются свойства элементов.
Важность правильного каскадирования.
Что относится к классам, а что к идентификаторам.

- 6 -

модуль

Псевдоэлементы и псевдоклассы
Типы;
Классы;
Как и где применяются.

- 7 -

модуль

Верстаем блоки
Рассмотрим DIV’ную верстку.
Как создается макет.
Как придать сайту «резиновости».
Что необходимо для адаптивной верстки страницы?
Как применяется сетка.
Чем отличается табличная верстка от DIV’ной.
Как располагаются блоки в DIV’ной верстке.

- 8 -

модуль

Проверяем код: валидация, как она есть
Как проверить валидность данных.
Что необходимо для валидации CSS.
Как добиться корректности кода.
Какой код является эффективным и что необходимо для его написания.
Правим ошибки в коде.
С помощью каких инструментов и сервисов можно проверить код.
Код W3C: базовые требования.
В чём смысл валидации?

- 9 -

модуль

Позиционирование
Абсолютное.
Relative.
Static.
Где применяется позиционирование.

- 10 -

модуль

Flex. Grid.

- 11 -

модуль

Slider
BXslider.
Slickslider.
Установка, манипуляции.

- 12 -

модуль

Bootstrap

- 13 -

модуль

JQvery (2 занятия).

- 14 -

модуль

Техническая SEO-оптимизация сайтов
Какие основные ошибки допускают разработчики.
Сервисы для поиска ошибок.
Параметры, влияющие на продвижение сайта: H1, Title, Description.
Зачем верстальщику нужно учитывать юзабилити?

Показать всю программу

Преподаватель курса

Ярослав Лутский

Узнать больше

Сделай быстрый старт в IT

получи профессию и зарабатывай

Закрытые чаты поддержки

В которых идет общение между студентами, кураторами и преподавателями курса. Общение между лекциями, ответы на вопросы.

Диплом выпускника

После успешной сдаче экзамена и защите проекта Вы получаете диплом Академии IMT о прохождении курса Front-end. Диплом имеет уникальны номер для его верификации работодателями.

Практика на курсе

Что отличает профи от новичка? Опыт и портфолио! Да, на курсе Вы получаете знания, курс насыщен практикой, но только реальные проекты делают из начинающего профессионала. На курсе студенты делают первые работы в портфолио, получают «боевой» опыт и навыки.

Видеозаписи занятий, личный кабинет

Личный кабинет в LMS системе Академии где хранятся все видео записи лекций. Система домашних заданий и конспект лекций. Кабинет доступен в течении 6 месяцев после выпуска.