курс

WEB-дизайн. Комплексный интенсив

Мы проводим очные и дистанционные группы!


64 академчаса, 16 занятий
до 5 человек в группе
820 BYN
Дата начала ближайшей группы - 21 октября

Ближайшие группы

check-orange
21 октября
обучение очное
понедельник, среда
c 19:00 до 22:00

Записаться в группу

Нужен индивидуальный график?

check-orange
начинаем хоть сейчас
любые дни недели
любое время дня
в классе: 2 880 BYN
64 академических часа
16 занятий
онлайн: 2 880 BYN
64 академических часа
16 занятий

Учиться индивидуально

Комплексный курс “WEB-дизайн” позволит вам получить базовые теоретические знания и практические навыки создания веб-сайтов. Курс рассчитан на тех, кто хочет в дальнейшем самостоятельно заниматься Web-дизайном и разработкой сайтов.

Предложенный курс web-дизайна состоит из 2-х разделов. Вы освоите язык гипертекстовой разметки HTML, познакомитесь с версткой с помощью CSS. Научитесь обрабатывать растровые изображения в Adobe Photoshop, подготавливать графику для размещения в сети Интернет, узнаете принципы разработки макета сайта.

Для изучения курса по web-дизайну достаточно начальных навыков работы с компьютером.

Для кого подходит этот курс?

  • Тем, кто хочет научиться создавать сайты
  • Тем, кто планирует заниматься WEB-разработкой (PHP, Javascript)
  • Тем, кто считает чистое программирование слишком сложным

Ваша будущая зарплата

Junior Web-designer
$400
Middle Web-designer
$1000
Senior Web-designer
от $1800

Почему нужно проходить курс в нашем Учебном Центре?

30% теории
70% практики
Актуальные
программы курсов
Трудоустройство
в ведущие IT-компании
Малые группы
Учебные пособия
в подарок
Комфортные
аудитории
с чаем и кофе
Находимся в центре,
рядом - метро
Бесплатные
консультации

Программа курса “Web-дизайн. Комплексный интенсив”

БЛОК 1. Основы Photoshop в курсе «WEB-дизайн. Комплексный интенсив»

Занятие 1

    • Интерфейс программы
    • Инструменты выделения
    • Инструменты заливка, градиентная заливка
    • Трансформирование объектов
    • Работа со слоями
    • Копирование

Занятие 2

    • Инструмент кисть, карандаш, ластик
    • Инструмент перо, фигура
    • Работа с контурами
    • Инструмент текст

Занятие 3

    • Стили слоя
    • Режимы наложения
    • Корректирующие слои
    • Инструменты ретуши
    • Фильтры

Занятие 4

    • Дополнительные инструменты: направляющие, линейки, комментарии
    • Создание макета сайта
    • Подготовка макета к вёрстке

БЛОК 2. Верстка сайта. HTML и CSS

Занятие 1

    • Введение в HTML
    • Общие сведения о языке HTML
    • Различия версий языка HTML
    • Основные элементы языка HTML
    • Структура документа HTML
    • Основные структурные элементы документа
    • Понятие тэга, элемента, атрибута
    • Основные теги для работы с текстом, списками, заголовками.
    • Практическое задание

Занятие 2

    • Таблицы в HTML
    • Вставка изображений
    • Ссылки
    • Формы
    • Спецсимволы HTML
    • Комментарии

Занятие 3

    • Каскадные таблицы стилей CSS
    • Понятие таблиц стилей CSS
    • Виды стилей
    • Способы подключения стилей к HTML документу
    • Основные стили для работы с текстом, заголовками, изображениями
    • Практическое задание

Занятие 4

    • Понятие CSS селекторов
    • Классы и идентификаторы
    • Псевдоклассы и псеводэлементы
    • Основные стили для работы с таблицами, списками
    • Практическое задание

Занятие 5 + Занятие 6

    • Блочная модель сайта
    • Понятие о блоках
    • Создание и форматирование блоков
    • Свойство display
    • Использование инспектора кода в браузере
    • Использование медиазапросов для создания адаптивной страницы
    • Практическое занятие
    • Верстка макета сайта #1

Занятие 7

    • Плавающие элементы и свойство float
    • Основные стили для работы с блоками
    • Разбор простого трёхколоночного макета
    • Понятие адаптивности
    • Принцип “Mobile first”
    • Верстка макета сайта #2

Занятие 8 + Занятие 9

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

Занятие 10

    • Понятие Flex-вёрстки
    • Разбор и применение на практике различных методов позиционирования строчных и блочных элементов
    • Анимация
    • Подключение шрифтов и иконок
    • CSS спрайты

Занятие 11 + Занятие 12

    • CSS reset, Css normalize
    • Возможности CSS3: тени, скос, вращение, масштабирование, прозрачность, градиентный фон, закругление элементов, calc, единицы измерения
    • Практическое задание
    • Верстка макета сайта #4

Преподаватели курса "WEB-дизайн. Комплексный интенсив"

Стаховец Гордей
JS- и .NET разработчик, компания iTechArt

Опыт работы: более 4 лет
Опыт преподавания: более 1 года
Гнедько Светлана

Дизайнер (Adobe Photoshop, Corel DRAW, 3D Studio Max)
Опыт работы: более 14 лет
Опыт преподавания: более 12 лет

Оставьте заявку прямо сейчас!

Оставьте заявку и при оплате сегодня Вы получите скидку 7%

Приведите с собой друга -
при оплате каждый из Вас получит скидку 10%

Пора заняться английским!

Сегодня большинство IT-компаний не будут всерьез рассматривать кандидата даже на Junior-позицию без знаний английского языка на уровне B1 (Intermediate).

Мы разработали специальный курс по Английскому для IT-специалистов, чтобы улучшить Ваши разговорные навыки и познакомить Вас с IT-лексикой. Он станет отличным дополнением к данному курсу!