Web-дизайн со знанием программы Photoshop: Курсы

Пользователь ПК

1. Компьютер, части компьютера и их коммуникации.

2. Операционная система Windows.

• Основные принципы работы;
• Рабочее окно;
• Панель управления;
• Работа с ярлыками и папками;
• Настройки Windows.

3. Текстовый редактор Microsoft Word.

• Вид окна текстового редактора, обзор меню, панель инструментов;
• Границы текста, ввод и редактирование текста;
• Сохранение документа;
• Вставка таблиц в документ и работа с ними;
• Создание списков в документах;
• Вставка графических объектов в текст, вставка символов;
• Вставка номеров страниц;
• Работа с колонками;
• Проверка орфографии и грамматики.

4. Электронные таблицы Microsoft Excel.

• Вид окна Microsoft Excel;
• Ввод данных и работа с ними;
• Вид данных: текстовые, числовые, формулы;
• Создание диаграммы, её параметры и настройки;
• Сортировка данных в таблице;
• Фильтрация данных, копирование и вставка данных;
• Автоформат таблиц.

5. Internet. Электронная почта.

Web-дизайн

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

• Понятия: Тег, элемент, атрибут;
• Правила создания HTML-документов: Структура документа, тэги тела документа, стили текста

2. Создание разметки страницы сайта

• Пример заполнения таблицы;
• Создание каркаса Web-страницы при помощи таблицы;
• Размеры таблицы.

3. Управление форматированием - изменение внешнего  вида текста

• Создание разметки главной страницы сайта;
• Рисунок  для заголовка сайта;
• Управление форматированием текста - создание абзацев;
• Управление форматированием - изменение внешнего  вида текста;
• Создание гипертекста (ссылок) 

4. Создание заголовков и маркированных списков

• Оформление заголовков;
• Оформление маркированных списков;
• Отображение горизонтальных линий .

5. Нумерованные списки. Создание Бегущей строки

• Оформление нумерованных  списков;
• Создание бегущей строки;
• Создание всплывающих подсказок

Создание сайта средствами редактора Dreamweaver

1. Начало работы с редактором Dreamweaver

• Настройка программы для создания сайта;
• Создание Web-страницы сайта.

2. Создание сайта из шаблонов редактора Dreamweaver

3. Создание и использование стилей CSS

4. Контейнерный дизайн. Использование блочных контейнеров

• Создание Стилей CSS,  для управления контейнерами главной страницы;
• Создание разметки страницы сайта с помощью контейнеров и стилей CSS.

5. Использование и создание свободно позиционируемых контейнеров

• Создание анимации слоёв;
• Показ и скрытие свободно позиционируемых элементов (Show-Hide Layers).

6. Способы создание навигационного меню. Использование Web-сценариев

• Создание меню с использованием CSS  и  контейнеров(div).

7. Создание эффекта смены картинки с использованием Behaviors

• Создание ссылки на  картинку с Behaviors;
• Способы задания цели гиперссылок.

8. Работа с формами

• Создание формы для опроса посетителей сайта;
• Использование таблиц   для улучшения вида форм.

9. Создание  меню гиперссылок (Show Pop-Up Menu)

• Создание  вложенного меню гиперссылок (Show Pop-Up Menu).

10. Проектирование,  верстка и публикация сайта

• Проектирование структуры и регистрация  нового сайта;
• Создание макета  главной страницы сайта  в Adobe Photoshop;
• Добавление текста и рисунка на  страницу  в Adobe Photoshop;
• Разделение  макета на фрагменты;
• Создание базовой кнопки;
• Создание меню.

Компьютерная программа  "Adobe Photoshop"

1. Знакомство с программой

• Назначение и состав программы Adobe PhotoShop.
• Понятие «растровое изображение». Общие принципы работы с программой.
• Настройка интерфейса программы. Элементы окна.
• Палитры программы.

2. Основы работы в программе.

3. Выделение фрагментов и работа со слоями. Создание многослойного изображения

• Загрузка изображений.
• Изменение основных параметров изображений
• Способы отмены выполненных действий.  Палитра История.
• Способы выделения областей изображения. Инструменты выделения: назначение инструментов, настройка параметров.
• Создание выделений фрагментов сложной формы.
• Действия с выделенным фрагментом: перемещение, копирование, вырезание  выделенных областей.
• Понятие слоя. Способы создания слоя. Работа со слоями. Параметры слоя
• Управление слоями с помощью палитры «Layers» (Слои)
• Особенности работы с многослойным изображением
• Сохранение многослойного файла

4. Фотокоррекция изображений

• Цветокоррекция  изображений. Изменение яркости, оттенка и контрастности.
• Изменения цветовых оттенков.
• Автоматическая коррекция.

5. Ретуширование изображений

• Использование инструментов коррекции изображения. Инструменты «Штамп», «Заплатка», «красный глаз» и др.

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

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

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

• Группировка слоев
• Текстовые слои.
• Создание маски.
• Создание монтажа на основе нескольких изображений.

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

• Инструменты рисования: кисть, карандаш, ластик.
• Настройка кисти. Выбор формы кисти.
• Подключение библиотек кистей. Создание новой кисти.
• Создание градиентных переходов и узоров (pattern).

Консультации и отработка пройденного материала

Продолжительность курса:

• 72 ак/ч - группа