Учебный курс ″Web-дизайнер: Adobe Photoshop + web-дизайн″

Kомментарии к Учебный курс ″Web-дизайнер: Adobe Photoshop + web-дизайн″ - Очная - Москва - Московская область

• Описание программы
  Обучение Photoshop (фотошопу)
  
  Занятие 1
  
  1. Основные понятия
  
  

  • Типы графики.
  • Глубина цвета.
  • Цветовые модели.

  
  
  2. Редактор растровой графики Adobe Photoshop
  
  

  • Назначение программы Photoshop.

  
  
  3. Интерфейс программы
  
  

  • Настройка интерфейса.
  • Масштабирование и навигация.
  • Линейки, сетки, направляющие и привязки.

  
  
  4. Палитры
  
  

  • Назначение.
  • Управление палитрами.

  
  
  5. Работа с документом
  
  

  • Создание нового документа.
  • Открытие готового изображения.
  • Сохранение документа.
  • Добавление в документ других изображений.

  
  
  6. Палитра История
  
  

  • Работа с палитрой.
  • Инструмент History Brush.

  
  
  7. Инструменты выделения пикселов (часть I)
  
  

  • Техника выделения областей изображения.
  • Настройка инструментов.
  • Инструменты выделения прямоугольной и эллиптической области.
  • Группа лассо.
  • Волшебная палочка.
  • Приемы выделения областей сложной формы.

  
  
  8. Работа с выделенной областью
  
  

  • Модификация выделения.
  • Логические операции над областями выделения.

  
  
  9. Понятие слоя
  
  

  • Палитра слоев.
  • Работа со слоями.

  
  
  10. Кадрирование изображений
  
  

  • Рамка обрезки.
  • Задание размеров кадра.

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

  • Составление простого монтажа по предложенному образцу.

  
  
  Д/З
  
  

  • Создание коллажа с использованием инструментов выделения и слоев.

  
  
  
  Занятие 2
  
  1. Инструменты рисования (карандаш, кисть, узорный штамп)
  
  2. Цветовые палитры
  
  3. Работа с цветом
  
  

  • Понятие цветовых каналов.
  • Инструменты работы с цветом и их настройка (однотонная и градиентная заливки).
  • Цветовой круг, взаимодействие цветов, дополнительные цвета.
  • Создание и сохранение цветов.
  • Создание и сохранение пользовательской кисти.
  • Создание и сохранение пользовательского узора.

  
  
  4. Стили слоев
  
  

  • Использование готовых стилей.
  • Создание пользовательского стиля.

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

  • Рисование в программе с использованием слоев.

  
  
  Д/З
  
  

  • Рисование пейзажа, натюрморта, портрета или открытки.

  
  
  
  Занятие 3
  
  1. Тоновая коррекция изображения
  
  

  • Диапазон яркостей, уровни яркости.
  • Тоновые кривые, коррекция полутоновых и цветных изображений.
  • Тонирование изображений, дуплексы.

  
  
  2. Цветовая коррекция изображения
  
  

  • Инструменты и команды работы с цветовой составляющей изображения.
  • Цветовые каналы.

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

  • Тоновая и цветовая коррекция предложенных изображений.

  
  
  Д/З
  
  

  • Редактирование тоновых и цветовых составляющих изображений. Раскрашивание не цветного фото.

  
  
  
  Занятие 4
  
  1. Ретушь
  
  

  • Общие понятия о ретуши.
  • Инструменты коррекции.
  • Изменение резкости изображения.
  • Восстановление и корректировка фрагментов.
  • Удаление шума и мелких дефектов.

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

  • Ретушь предложенных изображений.

  
  
  Д/З
  
  

  • Ретушь домашних фотографий с показом результатов "До" и "После".

  
  
  
  Занятие 5
  
  1. Дополнительные инструменты выделения пикселов (часть II)
  
  

  • Группа ластиков.
  • Понятие Быстрой маски.

  
  
  2. Текст
  
  

  • Понятие фигурного текста и работа с ним.

  
  
  3. Основы монтажа. Сложные технические приемы работы со слоями
  
  

  • Слой-маска.
  • Макетная группа.

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

  • Составление коллажа по предложенному образцу.

  
  
  Д/З
  
  

  • Создание коллажа на свободную тему.

  
  
  
  Занятие 6
  
  1. Сложные технические приемы работы с каналами
  
  

  • Понятие ?-канала.
  • Создание и использование ?-каналов.

  
  
  2. Корректирующие слои
  
  3. Маска слоя
  
  Практическая работа
  
  

  • Составление коллажа по предложенному образцу.

  
  
  Д/З
  
  

  • Создание коллажа на тему "Времена года" и/или "Обложка календаря".

  
  
  
  Занятие 7
  
  1. Фильтры
  
  

  • Основные сведения о фильтрах.
  • Конструктивные фильтры.
  • Деструктивные фильтры.
  • Художественные фильтры.
  • Фильтры визуализации.
  • Другие фильтры.

  
  
  2. Изменение размеров изображения
  
  3. Изменение размеров холста
  
  Практическая работа
  
  

  • Создание эффектного монтажа.

  
  
  Д/З
  
  

  • Создание монтажа на темы: "Картина в раме" и ""Выход" из картины".

  
  
  
  Занятие 8
  
  1. Работа с простым текстом
  
  

  • Простой текст.
  • Редактирование текста.
  • Растеризация текста.
  • Превращение текста в кривую и работа с ним.

  
  
  2. Контуры
  
  

  • Виды контуров.
  • Работа с контурами.
  • Палитра Paths.
  • Контур и выделение.

  
  
  3. Печать
  
  

  • Задание макета страницы.
  • Диалоговое окно Print With Preview.

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

  • Создание визитки.

  
  
  Д/З
  
  

  • Верстка рекламного буклета.

  
  
  
  Занятие 9
  
  1. Подведение итогов
  
  2. Итоговая работа
  
  3. Монтаж или коллаж на одну из предложенных тем
  
  

  • Обложка журнала.
  • Поздравительная открытка.
  • Обложка компакт диска.
  • Рекламная листовка.
  • Web-страница.
  • Свободная тема.

  
  
  Обучение web-дизайну
  
  1. Введение
  
  

  • Понятие WWW (Web). Понятие гипертекстовых документов и вебсайтов.
  • Классификации вебсайтов. Различные типы вебсайтов, их назначение и использование.
  • Типы гипертекстовых документов (вебстраниц), их различия и сходства. Где могут размещаться и храниться вебстраницы и сайты. Понятие вебсервера и принципы его взаимодействия с пользователем.
  • Распределение обязанностей специалистов, работающих в области WWW (Web).
  • Обзор программ (браузеров) для просмотра вебсайтов.
  • Подбор аппаратного и программного обеспечения для работы над вебсайтом. Необходимый минимум для начала работы. Обзор программного обеспечения.
  • Способы создания вебсайтов: визуальный, работа с кодом, комбинированный.
  • Разработка структуры и этапы построения вебсайта. Информационное наполнение и взаимосвязи основных разделов и подразделов, а также дополнительных страниц вебсайта.
  • Организации, разрабатывающие стандарты гипертекстовой разметки, и их официальные сайты. Обзор технологий гипертекстовой разметки (HTML, XML, VML и т.п.), их сходства и различия.
  • Язык HTML. Основы, версии и стандарты языка HTML. Структура документа HTML. Основные разделы кода вебстраницы. Понятие тэгов HTML, их типы и оформление.
  • Объявление типа документа. Варианты и стандарты.
  • Открытие блока HTML и начало блока заголовков.
  • Обзор заголовков гипертекстовых документов, их синтаксис и назначение.
  • Обзор других тэгов, входящих в блок заголовков.
  • Закрытие блока заголовков и открытие основного блока (тэг BODY). Обзор основных параметров тэга BODY и их использование (установка фонового цвета и изображения вебстраницы, задание цветов текста и ссылок и т.д.).
  • Закрывающие тэги блоков HTML.
  • Создание шаблонного кода вебстраницы в простом текстовом редакторе и проверка его работы в браузере. Способы редактирования кода вебстраниц.

  
  
  2. Обзор тэгов HTML для работы с текстом. Создание текстовых заголовков различных уровней и их позиционирование на вебстранице
  
  

  • Обзор тэгов оформления и выделения текста, а также изменения его размеров и цвета.
  • Обзор тэгов разрыва строк и выделения блоков, их области применения.
  • Обзор тэгов создания списков различных типов.
  • Принципы вставки спецсимволов и тэги псевдографики. Понятие Unicode, его создание и применение.
  • Тэги вставки изображений на вебстраницы и их параметры. Обзор поддерживаемых графических форматов, их различия, ограничения и использование.
  • Понятие, использование и принципы построения таблиц. Обзор тэгов создания таблиц и их параметры.
  • Понятие гиперссылки. Типы и области применения гиперссылок. Тэги создания гиперссылок и их параметры.
  • Создание кода и разработка шаблона новостной ленты сайта.

  
  
  3. Понятие карты сайта, её назначение и использование
  
  

  • Обзор тэгов создания карты сайта и их параметров. Пример создания карты сайта.
  • Понятие, типы и использование фреймов. Тэги создания фреймов и их параметры. Пример создания фреймовой структуры сайта. Установка плавающих фреймов на вебстраницу и их использование.
  • Использование мультимедия на вебсайте. Обзор тэгов для размещения аудио- и видеофайлов, а также Flash-анимации на вебстраницах и их параметры. Ограничения использования мультимедия.
  • Понятие и применение комментариев HTML. Обзор тэгов для вставки комментариев и ограничения их использования.

  
  
  4. Создание интерактивных элементов
  
  

  • Понятие, типы и назначение скриптов.
  • Понятие и использование форм на вебстраницах.
  • Принципы взаимодействия формы со скриптами.
  • Обзор тэгов для создания элементов формы (текстовых полей, выпадающих списков и т.д.).
  • Введение в JavaScript, его назначение и области применения.
  • Объектная модель вебстраницы и браузера. Примеры объектов.
  • Понятие, типы и использование событий на вебстраницах. Примеры использования некоторых событий.
  • Создание интерактивных объектов на вебстранице.
  • Создание всплывающих окон и их использование.

  
  
  5. Работа с графическими объектами и их размещение на вебсайтах
  
  

  • Требования и условия размещения графических объектов на вебстраницах. Обзор поддерживаемых форматов, их различия и использование.
  • Принципы адаптации графики. Адаптация графических изображений для размещения на вебстраницах. Обзор программного обеспечения для адаптации графики, его различия и возможности. Примеры адаптации изображений в различных форматах с помощью программы Adobe Photoshop и подобных графических редакторов.
  • Понятие и использование нарезки изображений. Примеры нарезки изображений в программе Adobe Photoshop или подобных графических редакторах. Сборка нарезанных изображений в браузере с помощью таблиц.
  • Понятие, области применения и принципы создания анимации.
  • Обзор программного обеспечения для создания анимации.
  • Пример создания и редактирования анимированных изображений в программе Adobe ImageReady или подобных редакторах.
  • Понятие, типы, назначение и использование баннеров. Требования к параметрам баннеров и условия их размещения на сайте. Примеры создания баннеров.Установка баннеров и анимированных изображений на вебстраницы.

  
  
  6. Технология CSS, её версии и поддержка браузерами
  
  

  • Понятие, область применения и принципы построения каскадных таблиц стилей (CSS).Использование CSS на вебстраницах, способы задания стилей и оформления отдельных элементов.
  • Обзор инструкций CSS для оформления, изменения размеров и цвета текста.Обзор инструкций CSS для установки фоновых изображений и их параметры.
  • Понятие и использование обрамления. Обзор инструкций CSS для создания обрамлений и их параметры (установка формы, цвета, ширины и позиционирования бордюров, а также отступов от них и т.д.).
  • Понятие, инструкции и использование трёхмерного позиционирования объектов вебстраницы с помощью CSS. Примеры позиционирования отдельных элементов вебстраницы.
  • Управление отображением элементов страницы с помощью CSS. Обзор инструкций управления отображением и их взаимодействие со скриптами. Примеры управления отображение объектов (создание исчезающих и меняющихся объектов).
  • Понятие и использование фильтров CSS. Инструкции и примеры создания фильтров.

  
  
  7. Создание вебсайта по шаблону
  
  

  • Типы шаблонов и способы работы с ними. Разработка и изготовление собственных шаблонов вебстраниц и целых сайтов.
  • Автоматизация создания и редактирования вебсайтов. Работа с визуальными редакторами типа WYSIWYG. Обзор популярных визуальных вебредакторов: Microsoft FrontPage, Macromedia Dreamweaver и Macromedia HomeSite, их преимущества и недостатки.
  • Создание вебстраницы с помощью шаблонов в визуальных редакторах.Редактирование выбранного шаблона вебстраницы и его адаптация под свои нужды в среде визуальных редакторов. Создание или изменение текстового наполнения шаблона, дополнения и уточнения. Инструменты для оформления текста. Изменение гарнитуры, размера и цвета текста. Выравнивание текста внутри блока.
  • Создание и редактирование гиперссылок в среде визуального редактора. Создание и редактирование гипертекстовых меню в шаблоне вебстраницы.Позиционирование и удаление отдельных элементов шаблона вебстраницы в среде визуального редактора. Создание собственных элементов и вставка их в шаблон. Разработка остальных страниц вебсайта на базе данного шаблона.
  • Создание сложных эффектов (меняющихся изображений и выпадающих меню) в среде визуального редактора.
  • Унификация общего визуального оформления сайта. Проверка работы гиперссылок и логических связей между страницами сайта.

  
  
  8. Размещение вебсайта на сервере
  
  

  • Способы доступа к сайту (по имени или IP-адресу).
  • Понятие, принципы построения и работа DNS (BIND).
  • Организация InterNIC и её представительства.
  • Выбор и регистрация доменного имени сайта.
  • Понятие и типы хостинга. Выбор хостинга для размещения своего сайта.
  • Требования и ограничения серверов для размещения вебресурсов.
  • Способы закачки сайта на сервер по протоколам HTTP и FTP. Обзор программного обеспечения для закачки файлов сайта на сервер и работа с ним. Размещение сайта на сервере.
  • Понятие, назначение и использование систем управления контентом (CMS).
  • Тестирование работы вебсайта на сервере. Возможные ошибки и недочёты.

Другие программы - веб-дизайн