Курсы HTML и CSS для начинающих

Научитесь верстать адаптивные веб-страницы и добавлять эффекты и анимацию на сайт

• 3 недели на курс
• 2 занятия в неделю
• 5 практических занятий
• каждое по 2 часа

Программа обучения

Общая продолжительность курса: 13 академических часов.

Язык разметки HTML

Изучите

• 1. Структура HTML-документа
• 2. Работа в редакторе кода
• 3. Панель разработчика
• 4. Семантика в HTML
• 5. Разбор видов тегов и атрибутов
• 6. Применение гиперссылок и якорных ссылок
• 7. Размещение изображений, таблиц, списков и спецсимволов

Освоите

• HTML-документ
• Теги и атрибуты
• Таблицы и списки
• Visual Code Studio

На практике

• Написание кода для схематичного представления макета с использованием инструментов разработчика.

Преподаватель оценит результат выполнения задания и подробно разберет его с вами.

Язык оформления стилей CSS

Изучите

• 1. Подключение стилей к странице
• 2. Виды селекторов и их вес
• 3. Свойства текста и шрифта
• 4. Работа с цветом
• 5. Блочные, строчные и строчно-блочные элементы
• 6. Свойства блоков: box-sizing, margin, padding, border
• 7. Позиционирование блоков
• 8. Применение блоков для построения макета

Освоите

• CSS синтаксис
• Свойства стилей
• Позиционирование блоков
• Блочная верстка

На практике

• Верстка блочной модели.

• Добавление стилей: цвет, размер, отступы, позиционирование блоков.

Преподаватель оценит результат выполнения задания и подробно разберет его с вами.

Работа с макетом

Изучите

• 1. Разбор дизайн-макета страницы
• 2. Flexbox: контейнеры и элементы
• 3. Свойства flex-элементов
• 4. Управление пропорциями
• 5. Управление порядками блоков

Освоите

• Дизайн-макет
• Контейнеры
• Flexbox верстка
• Порядок блоков

На практике

• Верстка макета на Flexbox.

Преподаватель оценит результат выполнения задания и подробно разберет его с вами.

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

Изучите

• 1. Применение инструментов разработчика для адаптивной верстки
• 2. Подходы к разработке
• 3. Изменение стилей элемента в определенных условиях
• 4. Условия @media
• 5. Применение @media для различных типов и размеров экранов
• 6. Адаптивные шаблоны

Освоите

• Адаптивность
• Desktop First
• Условия @media
• Мобильная верстка

На практике

• Адаптация макета под мобильные устройства.

Преподаватель оценит результат выполнения задания и подробно разберет его с вами.

Анимация на странице

Изучите

• 1. Взаимодействие пользователя с элементами на странице
• 2. Выбор элементов для анимации
• 3. Правила пользовательского дизайна
• 4. Наложение эффектов на кнопки
• 5. Этапы работы над анимацией: движение и вращение
• 6. Разработка сложной анимации

Освоите

• Анимация
• Эффекты
• Пользовательский дизайн
• Вращение элемента

На практике

• Наложение эффектов на кнопки страницы.

• Создание блока с анимацией.

Преподаватель оценит результат выполнения задания и подробно разберет его с вами.

Формат обучения: ОЧНО или ОНЛАЙН

Международная школа профессий (бывшее название СПБШТ) - это международная сеть образовательных центров, работающая в 5 странах и более 50-ти городах.

С 2010 года в наших учебных центрах обучилось более 70 000 учеников. В наших школах вы можете пройти обучение по 54 специальностям в области маркетинга, бизнеса, дизайна, медиа, программирования и бьюти-индустрии. Каждый курс - это выжимка прикладных знаний от более чем 600 экспертов-практиков, трудившихся над созданием наших программ. Обучение проходит в двух форматах: онлайн, в виде живых трансляций с обратной связью и домашними заданиями, и традиционном - непосредственно в вашем городе.

ДЕКЛАРАЦИЯ ПРИНЦИПОВ

Политика доступных цен

В эпоху глобализации не должно существовать барьеров для знаний. Больше 10 лет мы держим комфортные цены, протестуя против скрытой платы за “брендовый капитал”, “громкие имена” и ненужные знания.

Высокое качество обучения

Мы ищем экспертизу по всему миру: слушаем европейских и американских лекторов, смотрим обучающие курсы конкурентов, ищем практикующих экспертов в отрасли и собираем из этого лучшие методические пособия. Преподавателей мы выбираем строго из практикующих на рынке специалистов.

Живое обучение

Мы верим, что обучение - это всегда диалог между преподавателем и учеником. Будь-то онлайн и офлайн курсы, ученик должен иметь возможность задать вопрос, переспросить и даже посмеяться с преподавателем. Домашнее задание и проверка его педагогом - это обязательный элемент работы.