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

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


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


v   

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


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


Ак.ч. Базовая цена Скидка Конечная стоимость Оплатить
74 ак.час.
64 ак. час. - аудиторные занятия
10 ак. час. - самостоятельные занятия
20730 руб. 14520 руб.


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

Расписание занятий Место обучения


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



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. Сохранение файла. Форматы графических файлов.


Ак.ч. Базовая цена Скидка Конечная стоимость Оплатить
74 ак.час.
64 ак. час. - аудиторные занятия
10 ак. час. - самостоятельные занятия
20730 руб. 14520 руб.

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

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