Компьютерные курсы со скидкой 10% на утренние и дневные группы

• Где проходят занятия
• Режимы обучения
• Время проведения занятий

Комплексный курс web-дизайна + Adobe Photoshop в центре компьютерного обучения

Учебная программа курса web-дизайн + Adobe Photoshop

ПЕРВАЯ ЧАСТЬ ОБУЧЕНИЯ - ИЗУЧЕНИЕ ADOBE PHOTOSHOP

1. Основные понятия

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

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

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

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

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

4. Палитры

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

1. Инструменты рисования (карандаш, кисть, узорный штамп)

2. Цветовые палитры

3. Работа с цветом

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

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

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

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

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

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

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

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

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

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

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

1. Ретушь

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

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

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

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

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

2. Текст

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

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

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

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

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

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

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

2. Корректирующие слои

3. Маска слоя

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

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

1. Фильтры

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

2. Изменение размеров изображения

3. Изменение размеров холста

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

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

1. Работа с простым текстом

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

2. Контуры

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

3. Печать

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

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

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

1. Подведение итогов

2. Итоговая работа

3. Монтаж или коллаж на одну из предложенных тем

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

ВТОРАЯ ЧАСТЬ ОБУЧЕНИЯ - ОСНОВЫ WEB-ДИЗАЙНА

Занятие 10. Введение в Web (Веб)

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

Занятие 11. Обзор тэгов HTML для работы с текстом

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

Занятие 12. Понятие карты сайта

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

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

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

Занятие 14. Работа с графикой и ее размещение на web-сайтах

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

Занятие 15. Технология CSS

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

Занятие 16. Создание web-сайтов по шаблону

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

Занятие 17. Размещение web-сайтов на сервере

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

Зачет (творческая работа)