Веб-дизайн для детей-ноябрь

Home / Курсы / Курсы веб дизайна / Веб-дизайн для детей-ноябрь

Популярный курс для школьников. В течение четырех месяцев дети учатся создавать сайты сначала в конструкторе сайтов, затем с использованием языка разметки html и таблицы стилей css, для этой цели также готовят своими руками макет сайта с использованием известного графического редактора Adobe Photoshop.

Тема: Создание сайта в конструкторе Wix

Занятие 1. Знакомство с конструктором Wix
Регистрация на сайте, создание собственного аккаунта для работы с конструктором Wix, обзор интерфейса и возможностей конструктора.
Занятие 2. Выбор шаблона сайта
Выбор шаблона сайта из галереи шаблонов, изменение стилей кнопок, галереи, меню. Подбор шрифтов для сайта.
Занятие 3. Наполнение сайта контентом
Добавление меню, выпадающего меню, кнопок, слайд-шоу и галереи на сайт.
Занятие 4. Наполнение сайта контентом
Добавление текстовой информации на сайт и настройка SEO.
Занятие 5. Работа с изображениями и видео на сайте
Добавление видео и изображений на сайт и их настройка. Работа со стилями галереи, фото, кнопок, меню.
Занятие 6. Разработка внутренней навигации сайта
Организация страниц на сайте.
Занятие 7. Настройка виджетов сайта
Добавление кнопки и панели социальных сетей и комментариев из них. Добавление контактной формы.
Занятие 8. Настройка мобильной версии сайта
Настройка мобильной версии сайта.

Тема: работа с Adobe Photoshop

Занятие 1. Особенности растровой графики, работа с интерфейсом.
Растровая графика. Понятие пиксель. Разрешение изображения. Интерфейс Adobe Photoshop.
Создание, сохранение, открытие документов. Палитра History (Отмена действий). Инструменты рисования (Кисть, Карандаш). Практическое задание. Палитра Swatches, Color. Настройка этих палитр. Палитра Navigator (Навигация по документу). Режимы работы с документами. Применение навыком работы при работе с графическим планшетом.
Занятие 2. Работа с выделением
Выделение области документа. Прямоугольное, овальное выделение. Выделение области произвольной формы (Lasso Tool, Polygonal Lasso Tool, Magnetic Lasso Tool). Инструмент Magic Wand (Волшебная палочка). Трансформация контура выделения. Логические операции с выделенными областями. Практическое задание. Инструмент Fill и Stroke (Заливка и обрисовка выделенной области). Модификация контура выделения (Modify). Инструмент резинка (Eraser Tool, Background Eraser Tool, Magic Eraser Tool). Инструмент обрезки документа (Crop Tool). Изменение размера холста (Canvas Size). Изменение размера изображения (Image Size).
Занятие 3. Инструменты рисования и ретуши.
Привязка. Режимы отображения полей программы Adobe Photoshop. Инструменты ретуши:
Размытие (Blur), Резкость (Sharpen), Размазывание (Smudge), Инструмент штамп (Stamp). Инструменты Healing Brush (Восстанавливающая кисть), Patch Tool (Заплатка). Инструменты Sponge, Dodge, Burn. Градиенты, общее знакомства. Работа с градиентами. Типы градиентов. Настройка. Ретушь фото с применением графических планшетов.
Занятие 4. Работа со слоями.
Палитра слоев (Layers). Операции со слоями. Понятие прозрачности слоев (Opacity). Трансформация слоев (Free Transform). Наборы слоев (Set). Практическое задание. Группы-контейнеры слоёв. Стиль слоя. Настройка стилей, создание своих стилей. Операции со стилями. Практическое задание.
Занятие 5. Быстрая маска. Работа со слой — маской.
Быстрая маска. Альфа-каналы: сохранение, обработка, загрузка выделений. Логические операции с альфа-каналами. Маска слоя. Слой-маска (Layer Mask). Логические операции со слоем-маской. Удаление, связывание слоя-маски. Использование градиента с масками. Связывание слоя-маски с быстрой маской.
Занятие 6. Векторные инструменты в Photoshop.
Векторные слои (Shape Layers). Логические операции с векторными слоями. Трансформации векторных слоев. Создание собственных форм. Инструмент Перо (Pen Tool). Палитра Пути (Paths). Создание, сохранение, трансформация пути. Линия Безье. Преобразование пути в выделение и обратно. Заливка и обводка пути (Fill, Stroke). Обтравочный контур (Clipping Path).
Занятие 7. Текст. Работа с текстом.
Текстовые слои. Текстовые слои-маски. Деформация текста (Warp text).
Занятие 8. Цветокоррекция. Основы тоновой и цветовой коррекции.
Теория цвета. Цветовые модели. Типы растровых изображений, перевод из одного типа в другой. Параметры графических форматов. Графические форматы файлов и область их применения. Команды сохранения документов. Модуль Save for Web. Индексированные цвета (Indexed Color). Дуплексные цвета (Duotone). Тоновая коррекция изображения (Levels, Curves). Яркость, контраст. Понятие чёрной и белой точки. Автоматическая корректировка изображения (Auto Levels, Auto Contrast). Цветовая коррекция (Auto Color, Hue/Saturation и т.д.). Другие методы корректировки. Замена цвета (Replace Color). Корректирующие слои (Adjustments Layers). Связывание слоев. Совмещение корректирующих слоев и масок.
Профессиональные способы корректировки.
Занятие 9. Фильтры, их категории.
Основные сведения о фильтрах. Обзор галереи фильтров. Фильтр Пластика (Liquify ). Применение фильтров для ретуширования. Создание различных эффектов на основе фильтров.
Занятие 10. Автоматизация и пакетная обработка
Палитра Actions. Создание, исправление, сохранение макросов. Примеры макросов. Пакетная обработка файлов. Изображения для WEB. Файлы JPEG, GIF и PNG. Оптимизация размера файла. Настройка параметров оптимизации
Занятие 11. 3D инструменты
Обзор 3D. Понятие материала и источников света. Создание заготовок 3D объектов. Загружаем и редактируем готовую модель. 3D текст. Трансформация 3D объектов.
Занятие 12. Технике matte painting
Создание фантастических реальных картинок (иллюстраций) в технике matte painting. создание сцены, фантастической природы или города и дорисовка при помощи планшета. Создание художественных стилизаций, т.е создание имитации под любую художественную технику (акварель, масло, пастель). Не с помощью только фильтров программы, а с помощью использования слоев масок и планшета.

Тема: Создание сайтов с использованием html и css

Занятие 1. Введение в Web-дизайн
Основные понятия Web-дизайна. Примеры профессиональных дизайнов для сайта. Виды Web-ресурсов. Этапы создания web-ресурса. DNS и IP. Синтаксис URI/URL.
Занятие 2. Основы HTML
Язык гипертекстовой разметки страниц HTML. Понятие и структура тега. Структура HTML документов. Обзор основных тегов HTML4 и HTML5. Семантические теги. Формы в языке HTML.
Занятие 3. Практическое занятие
Разработка HTML кода одностраничного сайта (блочный способ).
Занятие 4. Основы CSS. Стиль описания БЭМ
Каскадные таблицы стилей CSS, способы их подключения. Синтаксис и селекторы CSS. Новые селекторы CSS3. Псевдоклассы. Именование классов в соответствии со стилем описания БЭМ.
Занятие 5. Основы CSS (продолжение)
Обзор основных атрибутов CSS. Новые атрибуты CSS3: подключение пользовательского шрифта, анимации, градиенты, текстовые эффекты, новые атрибуты управления фоновыми изображениями. Двухмерные и трехмерные преобразования.
Занятие 6. Практическое занятие
Разработка стилей одностраничного сайта (блочный способ).
Занятие 7. Размещение сайта в Интернете
Разбор основных понятий: хостинг, домен, паркованный домен, поддомен, регистратор, Name-сервер, ресселлер, FTP-доступ. Работа с панелями управления сайтом: Beget, DirectAdmin. Настройка FTP и размещение сайта в Интернет с использованием Total Commander, FileZilla.
Занятие 8. Адаптация сайтов под мобильные устройства
Медиа-запросы и их использование для адаптации под разные разрешения мобильных устройств.
Занятие 9. Практическое занятие
Адаптация разработанного блочным способом сайта под мобильные устройства.
Занятие 10. FlexBox верстка сайтов
Основные понятия FlexBox верстки: контейнер, главная и поперечная ось. Новые атрибуты CSS3 для FlexBox верстки сайтов. Примеры использования.
Занятие 11. Верстка сайтов Grid способом
Новые атрибуты CSS3 для верстки сайтов Grid способом и их поддержка современными браузерами. Примеры использования. Вложенные Grid элементы.
Занятие 12. Практическое занятие
Разработка одностраничного сайта при помощи FlexBox или Grid способа (по выбору).

Контактный телефон: 071-314-85-55 Сергей Владимирович

Ваш преподаватель

Кирилл Сергеевич

ДонНТУ, выпускник кафедры автоматизированных систем управления. Опыт работы преподавателем - с 2016г. Резюме

1200 руб/мес

Записаться

Остались вопросы?

Имя

Телефон или Email

Ваше сообщение

Яндекс.Метрика