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

  • Количество академических часов: 64, занятий: 16
  • Очное обучение. Базовая цена: 28500 руб.
  • Очное обучение. Цена со скидкой: 24200 руб.
  • Онлайн обучение. Стоимость: 25700 руб.
  • Этот курс прошли уже 6431 человек
  • assignment_lateЛицензия на образовательную деятельность

    Лицензия № 037133 от 16.02.2016 г. на право оказывать образовательные услуги по реализации образовательных программ по видам образования, по уровням образования, по профессиям, специальностям, направлениям подготовки (для профессионального образования) по подвидам дополнительного образования, указанным в приложении настоящей лицензии.

  • assignment_turned_inУчитываем требования профстандартов

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

  • schoolДокументы по окончании обучения

    Лицам, успешно освоившим дополнительную профессиональную программу и прошедшим итоговую аттестацию, учебный центр ГЦДПО выдает удостоверение о повышении квалификации.

    Федеральный закон от 29.12.2012 N 273-ФЗ (ред. от 07.03.2018) "Об образовании в Российской Федерации". Статья 76. Дополнительное профессиональное образование.

    По окончании обучения этого курса повышения квалификации вы получите Удостоверение учебного центра ГЦДПО, с регистрацией его в Федеральном реестре сведений документов об образовании и (или) о квалификации, документах об обучении (ФИС ФРДО).

По курсу доступны следующие формы обучения:

Расписание и цены

Adobe Photoshop

Ближайшая группа
Время занятий
Цена
Скидка
Дни занятий
Место / ФИО преподавателя
03.06.2021
09:30 - 12:30
Записаться
25700
Оплатить
10%*
Интенсив
м. Белорусская - Кузьмина И.С.
03.06.2021
Утренняя
09:30 - 12:30
Записаться
24200
Оплатить
15%*
Интенсив
м. Белорусская - Кузьмина И.С.
05.06.2021
13:00 - 16:00
Записаться
25700
Оплатить
10%*
СБ, ВС
м. Белорусская - Семенов А.Б.
05.06.2021
Выходного дня
13:00 - 16:00
Записаться
24200
Оплатить
15%*
СБ, ВС
м. Белорусская - Семенов А.Б.
23.06.2021
18:30 - 21:30
Записаться
25700
Оплатить
10%*
ПН, СР, ПТ
Кузьмина И.С.
23.06.2021
Вечерняя
18:30 - 21:30
Записаться
24200
Оплатить
15%*
ПН, СР, ПТ
м .Белорусская - Кузьмина И.С.
01.07.2021
12:30 - 15:30
Записаться
25700
Оплатить
10%*
Интенсив
м.Белорусская - Кузьмина И.С.
01.07.2021
Дневная
12:30 - 15:30
Записаться
24200
Оплатить
15%*
Интенсив
м.Белорусская - Кузьмина И.С.

Web-дизайн

Ближайшая группа
Время занятий
Цена
Скидка
Дни занятий
Место / ФИО преподавателя
05.06.2021
13:00 - 16:00
Записаться
25700
Оплатить
10%*
СБ, ВС
Семенов А.Б.
05.06.2021
Выходного дня
13:00 - 16:00
Записаться
24200
Оплатить
15%*
СБ, ВС
м. Белорусская - Семенов А.Б.
17.06.2021
12:30 - 15:30
Записаться
25700
Оплатить
10%*
Интенсив
м. Белорусская - Семенов А.Б.
17.06.2021
Дневная
12:30 - 15:30
Записаться
24200
Оплатить
15%*
Интенсив
м. Белорусская - Семенов А.Б.
* - скидка действует ограниченное время. Успейте записаться на курс заранее!

Описание курса

Комплексный курс 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-дизайнер, специалист по компьютерной графике.


Записывайтесь на Web - дизайнер: Adobe Photoshop и Web - дизайн в Москве прямо сейчас! 

Учебная программа курса

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

Модуль 1.

Перечень основных вопросов, подлежащих изучению:

1. Основные принципы и понятия используемы в графическом дизайне и программе Adobe Photoshop. Типы графики и применение в различных технологических процессах. Глубина цвета. Цветовые пространства.

2. Редактор растровой графики Adobe Photoshop. Назначение программы Photoshop.

3. Интерфейс программы. Настройка программы и интерфейса. Открытие изображения в программе и масштабирование, навигация. Линейки, сетки, направляющие и привязки.

4. Палитры. Назначение. Управление палитрами.

5. Работа с документом. Создание нового документа. Сохранение документа. Добавление в документ других изображений.

6. Инструменты выделения. Техника выделения областей изображения.

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

8. Работа с выделенной областью. Модификация выделения. Операции с выделенными областями

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

10. Кадрирование изображений. Рамка обрезки. Задание размеров кадра.

Практическое занятие.

 Модуль 2.

Перечень основных вопросов, подлежащих изучению:

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

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

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

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

5. Инструмент ластик

6. Корректирующие инструменты, основы цветокоррекции – проблемы и достижения

Практическое занятие.

 Модуль 3.

Перечень основных вопросов, подлежащих изучению:

1. Тоновая коррекция изображения. Диапазон яркостей, уровни яркости.

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

Тонирование изображений.

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

3. Баланс белого. Исправление баланса белого.

4. Спецэффекты.

Практическое занятие.

 Модуль 4. 

Перечень основных вопросов, подлежащих изучению:

1. Ретушь

2. Общие понятия о ретуши и области применения.

3. Этапы ретуширования.

4. Инструменты коррекции и цветного и черно-белого изображения.

5. Исправление резкости изображения.

6. Восстановление старой фотографии и корректировка отдельных фрагментов

7. Удаление шума и мелких дефектов. Удаление пыли и царапин.

8. Инструмент «Заплатка»

9. Инструменты «Точечная восстанавливающая кисть» и «Восстанавливающая кисть»

Практическое занятие.

 Модуль 5.

Перечень основных вопросов, подлежащих изучению:

1. Дополнительные инструменты выделения. Понятие Быстрой маски. Техника использования и методы применения.

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

Практическое занятие.

 Модуль 6.

Перечень основных вопросов, подлежащих изучению:

1. Сложные технические приемы работы с каналами для получения определенного творческого результата или при выполнении технического занятия.

2. Альфа – канал. Понятие альфа - канала. Создание и использование альфа - каналов.

3. Корректирующие слои и их практическое использование.

Практическое занятие.

 Модуль 7.

Перечень основных вопросов, подлежащих изучению:

1. Фильтры. Основные сведения о фильтрах, методах и областях применения.

2. Конструктивные, деструктивные, художественные фильтры.

3. Галерея фильтров.

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

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

Практическое занятие.

 Модуль 8.

Перечень основных вопросов, подлежащих изучению:

1. Текст. Понятие фигурного текста и работа с ним. Деформация текста.

2. Работа с простым текстом. Простой текст. Редактирование текста.

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

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

Практическое занятие.

Итоговая аттестация.

 

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

Занятие 1. Основы сайтостроения. Методы и технологии создания современных сайтов. Основы HTML. Этапы создания сайта целиком и стартовой (главной страницы). Использование программ Adobe Dreamweaver и Adobe Photoshop при создании сайта.

Перечень основных вопросов, подлежащих изучению:

-       общие сведения о технологии создания сайтов;

-       язык разметки HTML как основа создания любого сайта;

-       теговая модель языка HTML;

-       основные теги языка HTML;

-       базовые теги для создания пустой web-страницы;

-       определение будущего проекта web-сайта в программе Adobe Dreamweaver и знакомство с интерфейсом программы;

-       настройка программе Adobe Dreamweaver под текущий проект;

-       создание первой web-страницы в программе Adobe Dreamweaver и сохранение ее в проекте;

-       создание описательных meta-тегов страницы, описание и назначение данных тегов;

-       понятие DOCTYPE;

-       структура HTML – основные теги html, head, title, body, синтаксис языка;

-       основные теги для создания теста на web-странице h1-h1(теги заголовков);

-       р (абзац), создание страницы с текстовым содержанием.

 

Занятие 2. Основы поэтапного создания web-страницы. Правила форматирования текста с использованием текстовых тегов. Оформление текста с использованием атрибутов тегов. Введение в CSS (каскадные стилевые инструкции).

Перечень основных вопросов, подлежащих изучению:

-       использование тегов h1-h6 для создания заголовков текстового содержания;

-       использование тегов p для создания абзацев текста;

-       основные принципы создания текстового содержимого с учетом требований поисковых систем и удобства для посетителей сайта, понятие необходимого количества текста;

-       оформление текста с помощью атрибутов тегов и тега font, понятие выравнивания текста, цвета текста и гарнитуры шрифтов;

-       определение технологии CSS как основного инструмента при стилизации и разметки страницы, принцип работы и взаимодействия CSS и HTML документов;

-       создание первого CSS документа и соединение его c HTML страницей, понятие селектора тега, создание селекторов тегов для стилевого оформления текстового содержимого web-страницы;

-       основные стили, свойственные текстовому содержимому (выравнивание-text-align, цвет-color, гарнитура шрифта-font-family, внешние и внутренние отступы-margin и padding, границы текстовой области-border и фон-background);

-       принципы создания web-страницы с текстовым содержанием;

-       теги ul, ol, li – для оформления маркированного и нумерованного списка

-       теги специальных возможностей br, pre, strong, em, hr;

-       тег span, его назначение и возможности в стилевом оформлении текста.

 

Занятие 3. Вставка изображений в web-страницу. Типы графических файлов подлежащих вставке в web-страницу. Оптимизация изображений для web-страницы с использованием программы Adobe Photoshop.

Перечень основных вопросов, подлежащих изучению:

-       типы графических файлов подлежащих вставке на web-страницу (jpg, png, gif) понятие размера и разрешения фотографии;

-       основные принципы оптимизации изображения для web в программе Adobe Photoshop, обрезка изображения, установка необходимого разрешения и установка размера в зависимости от ширины web-страницы;

-       сохранение изображения с использованием специальной функции программы Adobe Photoshop – сохранить для web и устройств непосредственно в папке проекта;

-       вставка изображения на страницу с использованием тега вставки изображений img, атрибуты специальных возможностей данного тега: ширина(width), высота(height), альтернативный текст(alt), описание изображения(title);

-       стили CSS для корректного отображения и позиционирования изображения на web-странице: обтекание(float), отступы(margin), границы(border), округления (border-radius);

-       использование изображения в качестве фона web-страницы;

-       создание страницы с текстовым содержанием и вставкой изображений с обтеканием текста справа и слева.

 

Занятие 4.  Верстка страницы. Создание каркаса страницы с использованием тега DIV 

Перечень основных вопросов, подлежащих изучению:

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

-       создание каркаса страницы с использованием тега div;

-       тег div как контейнер для удобного и эффективного позиционирования с присвоением имени каждому контейнеру div через идентификатор id;

-       техника применения селектора идентификатора для тега div для удобного и адаптивного позиционирования элементов web-страницы;

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

-       ширина (width), высота (height), выравнивание (margin), фон (background), границы (border), обтекания (float), абсолютное (absolut) и относительное (relativ) позиционирование (position), понятие слойности (z-index);

-       понятие очистки обтекания(clear) при блочной верстке.

 

Занятие 5. Практическое занятие № 1.

Содержание  занятия:

-       создание схемы (эскиза) каркаса web-страницы;

-       реализация данного эскиза в web-страницу.

1) Создание HTML страницы, CSS документ и соединение его с HTML документом, с использованием технологичных возможностей программы Adobe Dreamweaver.

2) Определение основных контейнеров DIV для элементов web-страницы:

шапки сайта, навигационного меню, левой колонки сайта, контентной части сайта и подвала (футера) сайта.

3) Определение в стилевом документе основных позиционных и стилевых свойств web-страницы (ширина (width), высота (height), выравнивание (margin), фон (background), границы (border), обтекание (float), абсолютное (absolut) и относительное (relativ) позиционирование (position), понятие слойности (z-index), понятие очистки обтекания (clear) при блочной верстке).

4) Проверка свойств и качества готового каркаса web-страницы по адаптивным характеристикам к электронным устройствам и мониторам.

5) Создание графического элемента – шапки сайта, с использованием программы Adobe Photoshop. Вставка шапки сайта в каркас подготовленной web-страницы.

 

Занятие 6. Гиперссылки. Создание навигационного меню.

Перечень основных вопросов, подлежащих изучению:

-       понятие гиперссылки, абсолютная и относительная гиперссылка;

-       тег ссылки a, атрибуты ссылки: href, title, target;

-       создание ссылки на web-странице, создание ссылки навигационного меню, создание всех ссылок навигационного меню с использованием технологичных возможностей программы Adobe Dreamweaver;

-       оформление ссылок горизонтального навигационного меню с помощью каскадных стилевых инструкций CSS;

-       оформление ссылок вертикального навигационного меню с помощью каскадных стилевых инструкций CSS;

-       создание дублирующего меню для подвала (футера) сайта;

-       изображение как ссылка, создание интерактивных графических элементов (кнопок) на web-станице;

-       карты-изображения позволяющие привязывать ссылки к разным областям одного изображения;

-       ссылка на адрес электронной почты;

-       ссылка на якорь;

-       создание страниц сайта, согласно подготовленному навигационному меню.

 

Занятие 7. Виды контента страниц сайта (статический сайт, в виде вывода табличных данных, интерактивные формы).

Перечень основных вопросов, подлежащих изучению:

-       создание контента для статичных (основных страниц), создание текста с встроенными изображениями для соответствующих страниц сайта;

-       теги для создания таблиц table, tr, td;

-       создание таблицы для вывода табличных данных на web-странице;

-       оформление таблицы с помощью соответствующих атрибутов тегов и с помощью каскадных стилевых инструкций CSS;

-       атрибуты colspan и rowspan для объединения строк и рядов таблицы;

-       варианты стилевого оформления страниц;

-       использование таблиц для создания каркаса web-страницы (табличная верстка);

-       оформление страницы «Контакты» с использованием форм и полей для создания формы обратной связи, теги form, input, textarea, select и атрибуты action, method, name, type;

-       принцип работы формы обратной связи и полей;

-       создание простой и защищенной формы обратной связи с использованием технологии spry средствами программы Adobe Dreamweaver.

 

Занятие 8. Практическое занятие № 2.

Содержание занятия:

-       окончательное оформление многостраничного сайта и подготовка его к публикации в сети интернет;

-       публикация сайта в сети интернет.

1) визуальный и синтаксический анализ сайта, проверка всех страниц и функционирования навигационных меню сайта, соответствие каждой из страниц сайта наименованию пункта меню и тематике содержания;

2) выбор хостинга (свободное доменное имя, регистрация на хостинге, выбор тарифного плана);

3) настройка хостинга – проверка серверных служб, создание связки домен-каталог сайта;

4) просмотр протоколов связи с сервером–http (HyperText Transfer Protocol-«протокол передачи гипертекста») и ftp(File Transfer Protocol-протокол передачи файлов);

5) создание соединения по ftp протоколу с сервером;

6) копирование файлов сайта на сервер;

7) проверка работоспособности сайта в режиме реального размещения на сервере;

8) регистрация сайта в поисковой системе Яндекс, первичные настройки индексирования;

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

 

Преподаватели курса

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

Остались вопросы по обучению? Звоните! Наши менеджеры с радостью проконсультируют вас и расскажут о наших скидках и спецпредложениях.

Поделитесь с друзьями и коллегами в социальных сетях!
Учитесь вместе!

Отзывы

Оплата обучения

Свяжитесь с нами по телефону 8(495)150-3141 сразу после оплаты

Форма обучения*

Цена: рублей














Если при нажатии на кнопку "Оплатить курс" не происходит перенаправление на сайт платёжной системы, возможно Вам необходимо отключить блокировщик рекламы или заполнить форму используя другой браузер. ИНСТРУКЦИЯ

Нажимая кнопку «Оплатить курс», вы соглашаетесь на обработку персональных данных в соответствии с законом №152-ФЗ «О персональных данных» от 27.07.2006 и офертой.

__
Предварительная запись на курс














Нажимая на кнопку "Записаться на курс" вы соглашаетесь на обработку персональных данных в соответствии с законом №152-ФЗ «О персональных данных» от 27.07.2006.

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

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