Главная / Кафедра компьютерного обучения / Дизайнер web сайтов (web-дизайн, Adobe Photoshop)

Дизайнер web сайтов (web-дизайн, Adobe Photoshop)


Дизайнер web-сайтов (web-дизайн, Adobe Photoshop) Курсы обучения web-дизайнеров состоят из 2-х частей и включают в себя: 1) обучение web-дизайну,  2) курс обучения PhotoShop (фотошоп), в котором слушатели научатся готовить графику и изображения для web-сайтов.


v   

По окончании курса выдается:
свидетельство с присвоением квалификации Дизайнер Web-сайтов


Стоимость курсов дизайнеров сайтов:


Ак.ч. Базовая цена Скидка Конечная стоимость Оплатить
66 ак.час.
56 ак. час. - аудиторные занятия
10 ак. час. - самостоятельные занятия
23400 руб. 16400 руб.


Задать вопрос менеджеру
Наши телефоны:
8 (495) 212-14-47

График обучения Место обучения

Даты начала занятий

Дата Время обучения
16 декабря 2019 Утро
14 января 2020 День
16 декабря 2019 Вечер
21 декабря 2019 Выходные


Программа курсов веб дизайнеров со знанием фотошопа



WEB- дизайн

1. Введение в web-дизайн. Основные понятия.
1.1 Понятие «Сайт». Виды сайтов: простые, креативные, сайты-портфолио, интернет-магазины, промо сайты.
1.2 Разработка концепции сайта, исходя из поставленных задач, целевой аудитории, фирменного стиля компании.
1.3 Способы определения набора страниц и навигации между ними.
1.4 Разработка информационной архитектуры сайта. Распределение информации по разделам сайта с учетом информационной, логической и визуальной связи между разделами.

2. Основы веб-дизайна. Создание макета сайта. Юзабилити.
2.1 Цвет в web-дизайне. Использование различных цветовых схем, исходя из позиционирования сайта.
2.2 Стили дизайна сайта.
2.3 Основные компоненты web-страницы и способы их визуального представления.
2.4 Юзабилити сайта. Определения. Факторы, затрудняющие и помогающие правильному восприятию информации на сайте.
2.5 Создание макета сайта. Ритм. Правила расположения, форма основных навигационных, информационных и графических блоков на странице.

3. Язык разметки HTML. Использование NotePad++.
3.1 Структура HTML-документа.
3.2 Понятие «ТЕГ». Типы тегов. Атрибуты тегов. Оформление HTML-документа.
3.3 Теги разметки текста: < b >, < i >, < p >, < ul >, < ol >. Атрибуты тегов.
3.4 Создание гиперссылок: тег < a >, атрибуты тега < a >.
3.5 Размещение картинок на странице (GIF, PNG, JPG, JPEG – форматы). Тег < img >, Атрибуты тега.
3.6 Таблицы. Создание, определение размеров таблицы и ячеек. Определение ячеек и строк таблицы. Вложенные таблицы.
3.7 Создание макета страницы с использованием таблиц: Табличная верстка. Правила верстки, типичное ошибки, советы и трюки.
3.8 Создание форм на сайте. Основные элементы веб-форм.
3.9 Отправка информации из формы.
3.10 Практика: Создание статичной формы, используя табличную верстку.
3.11 Размещение медиа-файлов на сайте. (видео и аудио файлы).

4. CSS: Каскадные таблицы стилей. 4.1 Что такое CSS? Методы подключения стилей (подключение внешних файлов CSS к странице)
4.2 Основные понятия CSS. Синтаксис CSS.
4.3 Создание стилей для элементов страницы. Классы и идентификаторы (их различия).
4.4 Оформление и декорирование страницы, используя CSS.
4.5 Позиционирование элементов страницы с помощью CSS.

5. JavaScript и jQuery: Применение готовых библиотек для сайта.
5.1 Что такое jQuery?
5.2 Подключение внешних библиотек к сайту.
5.3 Галерея изображений
5.4 Использование jQuery UI: DatePicker, Tabs, Accordion.

6. Основы работы в графических программах и создания графики для web-сайтов.
6.1 Adobe Photoshop – основы создания документа и модификации изображения (поворот, изменение размеров, сохранение файла для web).
6.2 Dreamweawer – основы использования программы для создания web-страниц.

7. Тестирование сайта и размещение на хостинге.
7.1 Понятия домен и хостинг. Виды, регистрация.
7.2 Размещение сайта на бесплатных хостингах.
7.3 FTP-протокол.
7.4 Окончательное тестирование готового сайта.

8. Итоговое (зачетное) занятие.

 

Работа в программе « Adobe Photoshop»

1. Введение .

  • 1.1. Введение. Назначение и применение системы. Виды и форматы изображений. Особенности растровых изображений. Параметры растровых изображений.
  • 1.2. Отличия текущей версии Photo s hop от предыдущих версий.
  • 1.3. Настройки системы. Организация палитр.
  • 1.4. Открытие и закрытие изображения. Изменение размеров изображения. Способы интерполяции. Изменение размеров канвы.
  • 1.5. Обрезка изображения.
  • 1.6. Отмена действий.
  • 1.7. Обзор способов выделения областей изображения.

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

  • 2.1. Инструменты выделения. Управление параметрами инструментов.
  • 2.2. Дополнение, вычитание и пересечение областей выделения.
  • 2.3. Приемы выделения областей сложной формы.
  • 2.4. Модификация выделения командами Select-Transform selection; Select-Feather и Select-Modify.
  • 2.5. Действия с выделенной областью: масштабирование, поворот, искажение выделенной области.
  • 2.6. Коррекция области: изменение яркости и контраста.
  • 2.7. Использование линейки, сетки, направляющих при выделении.

3. Создание многослойного изображения.

  • 3.1. Зачем нужны слои.
  • 3.2. Способы создания слоя. Работа со слоями. Параметры слоя.
  • 3.3. Управление слоями с помощью палитры Layers.
  • 3.4. Особенности работы с многослойным изображением.
  • 3.5. Связывание слоев. Трансформация содержимого слоя.
  • 3.6. Создание коллажей.

4. Работа со слоями многослойного изображения.

  • 4.1. Объединение слоев в наборы Layer Set .
  • 4.2. Текстовые слои.
  • 4.3. Спецэффекты на слоях: создание тени, ореола, имитация рельефа, обводка контура изображения.
  • 4. 4. Слияние слоев.

5. Техника рисования.

  • 5.1. Инструменты свободного рисования. Использование кистей, аэрографа, карандаша, ластика.
  • 5.2. Выбор цвета кисти. Цветовые модели. Библиотеки Pantone.
  • 5.3. Выбор формы кисти. Подключение библиотек кистей. Создание новой кисти.
  • 5.4. Выбор параметров кисти. Непрозрачность, режимы наложения. Особенности работы с графическим планшетом.
  • 5.5. Закраска областей.
  • 5.6. Создание градиентных переходов.
  • 5.7. Применение фильтров для имитации различных техник рисования.

6. Техника ретуширования.

  • 6.1. Чистка и восстановление деталей изображения с помощью инструмента « штамп».
  • 6.2. Использование инструмента «history brush».
  • 6.3. Использование инструментов коррекции изображения.
  • 6.4. Применение фильтров для размытия, повышения резкости и имитации световых эффектов.

7. Выполнение сложного монтажа.

  • 7.1. Общие сведения о каналах. Виды каналов. Создание и сохранение альфа-каналов.
  • 7.2. Использование маски слоя для качественного монтажа .
  • 7.3. Создание контура обтравки с помощью инструмента Path (контур) и его использование в издательских системах.
  • 7.4. Основные операции коррекции изображения .
  • 7.5. Использование корректирующих слоев для неразрушающей коррекции.

8. Сканирование и коррекция изображения.

  • 8.1. Приемы сканирования. Выбор параметров. Понятие разрешающей способности и линеатуры растра.
  • 8.2. Особенности сканирования прозрачных и непрозрачных материалов. Причины появления муара. Борьба с муаром.
  • 8.3. Выбор параметров коррекции исходя из применения изображения. Особенности коррекции для полиграфии и Интернет. Настройка точки черного, точки белого и гаммы изображения.
  • 8.4. Использование фильтров для стилизации изображения.
  • 8.5. Преобразование цветовых моделей. Выполнение цветоделения.
  • 8.6. Сохранение файла. Форматы графических файлов.


Ак.ч. Базовая цена Скидка Конечная стоимость Оплатить
66 ак.час.
56 ак. час. - аудиторные занятия
10 ак. час. - самостоятельные занятия
23400 руб. 16400 руб.

Дизайнер web сайтов (web-дизайн, Adobe Photoshop) отзывы можно почитать здесь »






Поделитесь полезной ссылочкой со своими друзьями: