Веб-дизайн для детей (13-15 лет) — сентябрь

Компьютерная школа начинает свою работу для детей. Курс веб-дизайна включает три части: создание сайта с помощью конструктора сайтов WIX, рисование макета сайта с помощью графического редактора и реализация этого сайта с помощью языка гипертекстовой разметки html и таблиц стилей css.
Курс для детей от 13 лет

Программа курса:

№ занятия Тема
Вводное занятие
Занятие 0 Основные понятия Web-дизайна. Примеры профессиональных дизайнов для сайта. Виды Web-ресурсов. Этапы создания web-ресурса. DNS и IP. Синтаксис URI/URL.
Создание сайта с помощью конструктора Wix
Занятие 1 Знакомство с конструктором Wix. Регистрация на сайте, создание собственного аккаунта для работы с конструктором Wix, обзор интерфейса и возможностей конструктора.
Занятие 2 Выбор шаблона сайта. Выбор шаблона сайта из галереи шаблонов, изменение стилей кнопок, галереи, меню. Подбор шрифтов для сайта.
Занятие 3 Наполнение сайта контентом. Добавление меню, выпадающего меню, кнопок, слайд-шоу и галереи на сайт.
Занятие 4 Наполнение сайта контентом. Добавление текстовой информации на сайт и настройка SEO.
Занятие 5 Работа с изображениями и видео на сайте. Добавление видео и изображений на сайт и их настройка. Работа со стилями галереи, фото, кнопок, меню.
Занятие 6 Разработка внутренней навигации сайта. Организация страниц на сайте.
Занятие 7 Настройка виджетов сайта. Добавление кнопки и панели социальных сетей и комментариев из них. Добавление контактной формы.
Занятие 8 Настройка мобильной версии сайта.
Веб-программирование: html+css
Занятие 1 Язык гипертекстовой разметки страниц HTML. Понятие и структура тега. Структура HTML документов. Обзор основных тегов HTML4 и HTML5. Семантические теги. Формы в языке HTML.
Занятие 2 Знакомство с основным понятием html, а именно с понятием «тег».
Занятие 3 Как в html создаются параграфы и заголовки, и какие теги для этого используются.
Занятие 4 Как с помощью html создаются списки, и какие теги для этого используются.
Занятие 5 Знакомство с некоторыми атрибутами, используемыми в тегах для чего эти атрибуты нужны.
Занятие 6 Способы вставки изображений в html-страницу.
Занятие 7 Знакомство со способами создания ссылок в html.
Занятие 8 Как создаются таблицы с помощью html-тегов, создание текстовых полей.
Занятие 9 Жирный и курсивный текст. Типы выделения текста, устаревшие и современные теги, используемые для этого.
Занятие 10 Введение в формы. Обработчик. Локальный сервер
Создание форм с помощью html-тегов.
Функции обработчика при создании формы.
Занятие 11 Создание кнопок в формах и какие функции они выполняют.
Занятие 12 Валидация документа. Как проверить документ на его веб-стандарты. Что такое валидация html-документов, и для чего она нужна. Запуск полупрофессионального сайта-одностраничника на хостинг.
Редактор растровой графики Adobe Photoshop CS6
Занятие 1 Интерфейс Adobe Photoshop.Создание, сохранение, открытие документов. Палитра History (Отмена действий). Инструменты рисования (Кисть, Карандаш). Практическое задание. Палитра Swatches, Color. Настройка этих палитр. Палитра Navigator (Навигация по документу). Режимы работы с документами.
Занятие 2 Привязка. Режимы отображения полей программы Adobe Photoshop. Инструменты ретуши:
Размытие (Blur), Резкость (Sharpen), Размазывание (Smudge), Инструмент штамп (Stamp). Инструменты Healing Brush (Восстанавливающая кисть), Patch Tool (Заплатка). Инструменты Sponge, Dodge, Burn.
Занятие 3 Градиенты, общее знакомства. Работа с градиентами. Типы градиентов. Настройка.
Занятие 4 Палитра слоев (Layers). Операции со слоями. Понятие прозрачности слоев (Opacity). Трансформация слоев (Free Transform). Наборы слоев (Set). Практическое задание. Группы-контейнеры слоёв. Стиль слоя. Настройка стилей, создание своих стилей. Операции со стилями. Практическое задание.
Занятие 5 Цветокоррекция. Основы тоновой и цветовой коррекции.
Теория цвета. Цветовые модели. Типы растровых изображений, перевод из одного типа в другой. Параметры графических форматов. Графические форматы файлов и область их применения. Команды сохранения документов. Модуль Save for Web. Индексированные цвета (Indexed Color). Дуплексные цвета (Duotone). Тоновая коррекция изображения (Levels, Curves).
Занятие 6 Яркость, контраст. Понятие чёрной и белой точки. Автоматическая корректировка изображения (Auto Levels, Auto Contrast). Цветовая коррекция (Auto Color, Hue/Saturation и т.д.). Другие методы корректировки. Замена цвета (Replace Color). Корректирующие слои (Adjustments Layers). Связывание слоев. Совмещение корректирующих слоев и масок.
Занятие 7 Основные сведения о фильтрах. Обзор галереи фильтров. Фильтр Пластика (Liquify ). Применение фильтров для ретуширования. Создание различных эффектов на основе фильтров.
Занятие 8 Текст. Работа с текстом.
Текстовые слои. Текстовые слои-маски. Деформация текста (Warp text).
Занятие 9 Работа со слоями и масками. Основные шорткаты, выделение, перемещение, трансформация и режимы наложения.
Занятие 10 Эффекты, для чего они нужны и как их применять. Поиск референсов, добавление объекта на фон, стили, 3D-слои и художественные эффекты.
Занятие 11 Принципы построения растровых изображений
Цветовые режимы и модели. Как пользоваться каналами и сохранять выделения.
Занятие 12 Нарисовать полупрофессиональный макет сайта-одностраничника.

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

1400 руб/мес

Записаться

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

Имя

Телефон или Email

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

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