Общая информация
АИШ 10 лет О программе Схема обучения Программа обучения Стоимость обучения Преподаватели Новости и успехи Дни открытых дверей Работы слушателей О филиале АИШ Летняя школа
Обучающимся
Расписание занятий Списки групп и оценки Поиск школьника
Внеучебная жизнь
Олимпиады Политех-квест КРОСС И3 Курс для родителей Small Basic - клуб Битва роботов
Обратная связь
Форум Как нас найти Контакты

Дни открытых дверей Академии информатики для школьников — 23 августа (Среда) в 1900 Аудитория №148
30 августа, 6 сентября, 13 сентября,

Печать

Семестр 3 (Веб-дизайн). Веб-графика

( Веб-графика )

Продолжительность обучения: 19 ак.ч. лекции очно + 29 ак.ч. практики очно + 24 ак.ч. самостоятельно
График обучения: 72 академических часа

Преподаватели

Аннотация

Веб-дизайнер – это и веб-разработчик - верстальщик, специалист по информационной архитектуре, программист, администратор и художник в одном лице. Веб-дизайнер, при создании сайта, должен думать о красоте сайта, об удобстве работы с сайтом для пользователей (usability), о легкости кода и еще об очень многих вещах.

В курсе изложены основы создания веб-графики, в том числе анимации и нарезки макета для последующей верстки, обработки и оптимизации графики для веб.

Освоив материалы курса, выпускник сможет работать над всеми этапами создания графического интерфейса веб-сайта: от выбора общей концепции расположения элементов до подготовки файлов веб-графики.

Знания и умения, полученные в результате обучения

В результате обучения учащиеся получат знания и навыки в следующих областях:

  • Классификация сайтов
  • Выявление явных и скрытых ошибок при разработке сайта
  • Основы юзабилити: простота и удобство работы с сайтом
  • Разработка логической структуры сайта и системы навигации
  • Создание графического макета сайта
  • Работа с графикой: создание, нарезка макета для верстки, оптимизация графики, создание анимированных gif-баннеров

Требования к начальному уровню знаний

  • Вступительное тестирование (Вступительный тест №ВПТ-552.1)
  • Возрастное ограничение: с сер. 8 - 9 класса школы

Для успешной сдачи теста №ВПТ-552.1 необходимо обладать следующими знаниями:

  1. Знание следующих элементов HTML:
    • теги логической рамзетки страницы: header, nav, main, footer, aside, section, article, figure, figcaption;
    • гиперссылка;
    • параграф, заголовки, цитата, длинная цитата, предформатированный текст, код, теги логической разметки текста: span, strong, em, b, i, верхний и нижний индексы, аббревиатура;
    • изображение;
    • форма и ее элементы.
  2. Назначение гиперссылок тексту и картинке.
  3. Знание каскадных таблиц стилей.
  4. Зание блочной верстки страниц: позиционирования и обтекания.

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

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

Занятие 1

Веб-интерфейсы

  • Информационный дизайн
  • Этапы разработки графического макета типовых страниц веб-проекта

Практическая работа № 1

Занятие 2

Особенности и назначение веб-графики

  • Подготовка графики для внедрения в веб-проекты

Обзор интерфейса программы Adobe Photoshop CS6

  • Инструменты выделения, работа с выделенной областью
  • Инструменты рисования, пиксельная графика
  • Векторные объекты, создание сложных форм

Практическая работа № 2

Занятие 3

Структурирование элементов страницы

  • Модульная сетка, основные принципы построения

Практическая работа № 3

Занятие 4

Выбор цветовой палитры веб-проекта

  • Работа с цветом в Adobe Photoshop CS6

Текстуры и градиенты

  • Алгоритм и принцип создания текстур, применения
  • Использование градиентов, настройки, особенности применения в веб-проектах

Практическая работа № 4

Занятие 5

Текст

  • Подготовка текстовой информации для веб-проектов
  • Основы юзабилити

Типы шрифтов

  • Инструменты для работы с тестовыми блоками, параметры
  • Палитры Character и Paragraph

Фотографии

  • Создание миниатюр для фотогалереи, масштабирование, колоризация, маскирование

Практическая работа № 5

Занятие 6

Визуализация информации - инфографика

Практическая работа № 6

Занятие 7

Разработка системы навигации

  • Глобальная и локальная навигация проекта
  • Требования к системе навигации
  • Способы реализации
  • Проектирование навигационной панели

Практическая работа № 7

Занятие 8

Коллажи

Анимированные баннеры

Практическая работа № 8

Занятие 9

Стили и направления в веб-дизайне

  • Основы композиции
  • Форма, цвет и пространство в веб-дизайне

Практическая работа № 9

Занятие 10

«Нарезка» графического макета

  • Гид по стилю проекта

Практическая работа № 10

Занятие 11-12

Работа над курсовым проектом