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

Комплексный курс Adobe Photoshop и web-дизайн рассчитан на слушателей, чьи профессиональные интересы касаются области разработки и создания web-дизайна для сайтов, интернет-рекламы, компьютерной графики для интернет-проектов. Знание программы Photoshop и web-дизайна поможет Вам самостоятельно проводить весь цикл работ по графическому оформлению и редактированию web-страниц и web-сайтов.

Учебный курс web-дизайнеров, являясь модульной программой, разделен на два этапа обучения.

Первый этап обучение Photoshop (фотошопу). На данном этапе учебного курса web-дизайнеров слушатели будут изучать и осваивать программу по созданию растровой графики Adobe Photoshop.

Обучение фотошопу для слушателей начнется со знакомства с типами графики, основными понятиями, цветовыми моделями. Непосредственное изучение редактора растровой графики Adobe Photoshop начнется со знакомства с назначением программы, ее интерфейсом, и настройками. Обучение фотошопу будет нацелено на изучение и освоение инструментов, необходимых для создания графики для web-сайтов и создания web-дизайна (макетов web-страниц). Учебный курс web-дизайнеров позволит слушателям досконально изучить и научиться использовать такие инструменты рисования как карандаш, кисть, штамп, а также работать с цветом, осуществлять цветовую коррекцию изображений, работать со слоями, текстом, применять фильтры, сложные технические приемы работы с каналами. Обучение фотошопу поможет слушателям уверено работать в данной программе, создавать и редактировать изображения для web-сайтов, макеты web-страниц.

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

Вторым этапом учебного курса является обучение web-дизайну. Слушатели познакомятся с классификацией web-сайтов, типами гипертекстовых документов, проведут обзор браузеров для просмотра веб-сайтов и программного обеспечения необходимого для работы.

Далее будут изучены способы создания web-сайтов, этапы разработки структуры и построения веб-сайтов. Непосредственное обучение web-дизайну начнется со знакомства с языком HTML. его основами, версиями, стандартами, синтаксисом. Слушатели поэтапно рассмотрят основные тэги языка HTML необходимые для создания веб-сайта. Особое внимание на обучении web-дизайну будет уделено работе с графическими объектами, их размещением на веб-сайтах, созданию интерактивных элементов, а также знакомству и освоению технологии CSS. Завершающий этап обучения web-дизайну посвящен размещению созданного веб-сайта на сервере.

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

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

Выпускникам учебный центр ГЦДПО оказывает помощь в трудоустройстве по следующим специальностям: Web-дизайнер, специалист по компьютерной графике.

Записаться на курс по телефону (495) 150-31-41 - до 21:00

Часть I. Обучение Adobe Photoshop CS5/CS6

Занятие 1

Тема 1: Назначение редактора растровых изображений Adobe Photoshop.

Тема 2: Навигация в Фотошопе: Наезд и откат камеры, перемещение листа за экраном.

Тема 3: Настройка интерфейса Фотошопа. Установка, закрепление, сворачивание и удаление палитр (докеров).

Тема 4: Открытие, изменение размеров и сохранение файлов в Фотошопе. История действий. Отмена и возврат действий.

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

Занятие 2

Тема 1: Параметры кисточки.

Тема 2: Создание собственной кисточки.

Тема 3: Работа в фотошопе с графическим планшетом.

Тема 4: Элементы HTML-верстки: создание и размещение (верстка) gif-анимации и карты меню.

Занятие 3

Тема 1: Выбор части изображения, горизонтальное перемещение выбранной части изображения и её дублирование, перемещение выбранной части изображения между слоями и использование инструмента свободной трансформации.

Занятие 4

Тема 1: Работа со штампом и восстанавливающей кисточкой. Реставрация старых и поврежденных фотографий. Раскрашивание черно-белых фотографий см. в теме 4 шестого занятия.

Тема 3: Использование фильтра Цветовой контраст, режима наложения слоя Overlay, инструмента Hue, saturation, brightness и режима наложения слоя Multiply. Косметический салон в Фотошопе.

Тема 4: Фильтр Пластика.

Занятие 5

Тема 1: Использование инструмента Crop для создания рамок.

Тема 2: Эффекты слоев.

Тема 3: Создание, сохранение и загрузка стилей слоёв.

Занятие 6

Тема 1: Цветовой круг и цветовые модели в компьютерной графике и в полиграфическом производстве. Типографские краски и пантоны. Цветовые каналы.

Тема 2: Редактирование изображения по каналам.

Тема 3: Кривая тоновой коррекции.

Тема 4: Раскрашивание черно-белых фотографий.

Занятие 7

Тема 1: 4 вида растровых масок в Фотошопе: Быстрая маска. Альфа-канал. Маска слоя. Маска прозрачности.

Тема 2: Применение альфа-каналов для выбора и перемещения на другой слой (в другой файл) шерсти, меха, дыма и огня.

Занятие 8

Тема 1: Создание, редактирование и уничтожение кривых Безье в Фотошопе. Использование КБ: Обводка и заливка КБ. Создание выбраненой области из КБ. Создание КБ из выбранной области.

Тема 2: Векторная маска.

Тема 3: Трассировка растрового изображения трассировщиком Corel Draw.

Тема 4: Растеризация векторных объектов из Adobe Illustrator.

Часть II. Web-дизайн

Занятие 1

• Общее понятие www (World Wide Web) распределённая система, предоставляющая доступ к связанным между собой документам или как работает интернет.
• Что такое сервер. Виды серверов. Взаимодействие компьютера пользователя с сервером.
• Что такое сайт как он устроен и работает. Виды сайтов по назначению и функциональности.
• Как создается сайт от задумки до размещения на хостинге.
• Программное обеспечение, необходимое для создания сайта.
• Введение в язык разметки HTML. Теговая структура языка. Основные теги для формирования базовой структуры web-страницы. Основы синтаксиса языка, правила написания и технические приемы.
• Теги для вывода текстовой информации на странице: заголовки, абзацы, списки.

Занятие 2

• Теги для вставки изображений на web-страницу.
• Форматы изображений поддерживающихся web-стандартами.
• Практика работы в программе Adobe Photoshop по оптимизации изображений для web-страницы и создании графических элементов сайта.
• Правила размещения на странице, обтекание текстом, отступы.
• Понятие ссылки. Основное назначение ссылки. Понятие абсолютной и относительной ссылок. Теги для вставки ссылок на web-страницу.
• Использование изображения в качестве ссылки. Регионы (область(ти) изображения являющиеся ссылками). Организация ссылок как меню навигации по страницам сайта.
• Таблица. Табличные данные. Виды таблиц. Теги для вставки таблиц на web-страницу. Таблица как элемент вывода данных и как элемент верстки страницы. Плюсы и минусы табличной верстки.

Занятие 3

• Формы. Для чего нужны формы. Примеры использования форм на реальных сайтах. Теги для вставки формы и полей формы на страницу. Как работает форма, ее внутренний механизм.
• Практика создания формы обратной связи с посетителем сайта. Создание php-обработчика формы. Взаимодействие с локальным сервером Denwer.
• Знакомство с программой Adobe Dreamweaver для создания web-страниц. Рабочая среда программы, основные навыки в работе с программой.

Занятие 4

• Введение в CSS. CSS как основное средство стилизации и разметки страницы.
• Понятие селекторов их свойств и значений. Создание таблицы стилей CSS и ее привязка к html-документу.
• Синтаксис языка CSS, основные правила и технические приемы.
• Использование CSS для стилизации содержимого web-страниц. Создание горизонтальных и вертикальных CSS-меню навигации.

Занятие 5

• Табличная верстка web-страниц. Практика создания web-страниц на основании таблиц с использованием HTML и CSS.
• Создание первого многостраничного сайта табличной верстки с горизонтальным и вертикальным меню и формой обратной связи. Использование изображений и графических элементов созданных в программе Adobe Photoshop.
• Верстка в две и три колонки. Плюсы и минусы табличной верстки.

Занятие 6

• Блочная верстка страниц с использованием тега div и CSS.
• Практика создания web-страниц блочной верстки в две и три колонки.
• Понятие страницы фиксированного размера и резиновая страница.
• Создание первого многостраничного сайта блочной верстки с горизонтальным и вертикальным меню и формой обратной связи. Использование изображений и графических элементов созданных в программе Adobe Photoshop.
• Верстка в две и три колонки. Технические тонкости и приемы создания web-страниц блочной верстки.

Занятие 7

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

Занятие 8

• Взаимодействие с реальным сервером.
• Выбор и покупка хостинга. Взаимодействие с хостером.
• Выбор и покупка доменного имени. Обзор возможностей по работе с сервером через интерфейс сайта хостера (личный кабинет).
• Привязка доменного имени к хостингу. Доступ к файлам сайта по http и ftp протоколам. Выгрузка файлов сайта на сервер хостера. Программы для взаимодействия с реальным сервером по ftp.
• Регистрация сайта в поисковых системах, установка счетчиков посещений. Регистрация сайта в иных катологах. Значение регистрации сайта на других ресурсах.

14 причин учиться в "ГЦДПО":

• • 8 лет успешной работы.
• • Более 25 000 выданных дипломов.
• • Свыше 180 курсов, семинаров и тренингов.
• • Авторские методики преподавания.
• • Авторизованные курсы Corel и Autodesk.
• • Международные сертификаты Autodesk.
• • Современное оборудование.
• • Стабильное обновление учебных программ.
• • Узкоспециализированные и модульные курсы.
• • Преподаватели действующие практики.
• • Консультационная поддержка выпускников.
• • Удобное расположение (центр Москвы).
• • Расписание, с учетом возможностей слушателей.
• • Постоянно действующие скидочные акции.

Подробнее о центре

Новости учебного центра

Интересные записи

• Как выполнить совмещение изображений в Фотошопе
• Курсы «Photoshop», «Профи-старт», «Студийная съемка» от фотостудии Art Set
• Как сделать дизайн сайта с нуля в Photoshop
• Рисование онлайн
• Гороскоп и тест онлайн
• Профессиональная ретушь фотографий в Photoshop