ст.м. "Фрунзенская"
9:00 - 18:00 по будням
WEB-дизайн. Комплексный интенсив
Мы проводим очные и дистанционные группы!
Ближайшие группы
Нужен индивидуальный график?
Комплексный курс “WEB-дизайн” позволит вам получить базовые теоретические знания и практические навыки создания веб-сайтов. Курс рассчитан на тех, кто хочет в дальнейшем самостоятельно заниматься Web-дизайном и разработкой сайтов.
Предложенный курс web-дизайна состоит из 2-х разделов. Вы освоите язык гипертекстовой разметки HTML, познакомитесь с версткой с помощью CSS. Научитесь обрабатывать растровые изображения в Adobe Photoshop, подготавливать графику для размещения в сети Интернет, узнаете принципы разработки макета сайта.
Для изучения курса по web-дизайну достаточно начальных навыков работы с компьютером.
Для кого подходит этот курс?
- Тем, кто хочет научиться создавать сайты
- Тем, кто планирует заниматься WEB-разработкой (PHP, Javascript)
- Тем, кто считает чистое программирование слишком сложным
Ваша будущая зарплата
Почему нужно проходить курс в нашем Учебном Центре?
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-дизайн. Комплексный интенсив"
Опыт работы: более 4 лет
Опыт преподавания: более 1 года
Дизайнер (Adobe Photoshop, Corel DRAW, 3D Studio Max)
Опыт работы: более 14 лет
Опыт преподавания: более 12 лет
Пора заняться английским!
Сегодня большинство IT-компаний не будут всерьез рассматривать кандидата даже на Junior-позицию без знаний английского языка на уровне B1 (Intermediate).
Мы разработали специальный курс по Английскому для IT-специалистов, чтобы улучшить Ваши разговорные навыки и познакомить Вас с IT-лексикой. Он станет отличным дополнением к данному курсу!