Web-дизайн (углубленный курс)

Програма курсу:

Adobe Photoshop

Вступ

Види та формати зображень. Особливості растрових зображень. Інтерфейс програми. Робочі області програми. Відкриття та закриття вікон. Зміна розмірів та роздільної здатності зображення. Способи скасування дій. Збереження файлу.

Техніка малювання

Інструменти малювання. Вибір кольору. Налаштування інструмента пензля. Створення нового пензля. Робота з олівцем, гумкою. Використання заливки та градієнтних переходів.

Виділення областей зображення

Інструмент виділення. Керування параметрами інструментів. Доповнення, віднімання та перетин областей виділення. Події із виділеною областю: масштабування, поворот, спотворення, деформації.

Робота з багатошаровим зображенням

Навіщо потрібні шари? Способи створення, переміщення та видалення шарів. Керування шарами за допомогою панелі Шари. Зв'язування та об'єднання шарів.

Створення колажів

Основні етапи створення комбінованого зображення.

Текстові шари

Робота з текстом інструмент. Застосування ефектів до текстових шарів: створення тіні, імітація обсягів, обведення контуру, деформація.

Використання масок

Швидка маска як один із способів виділення. Настройки швидкої маски. Маска шару. Коригування зображення за допомогою маски шару.

Фільтри

Види фільтрів. Налаштування параметрів фільтрів.

Векторні інструменти

Малювання векторних інструментів. Робота із примітивами. Інструмент малювання – перо. Робота з вузлами та напрямними.

Техніка ретушування

Застосування клонуючих інструментів для чищення та відновлення зображення. Корекція області: зміни яскравості та контрастності. Налаштування чорної та білої точки зображення.

Корекція зображення

Робота з колірним балансом та тоновими характеристиками зображення. Застосування коригувальних шарів панелі Шари.

Теорія кольору

Колірні режими. Підготовка зображення до друку. Формати зображення.

Corel Draw

Вступ

Види та формати зображень. Особливості векторні зображення. Інтерфейс програми. Робочі області програми. Створення нового документа. Параметри сторінки. Зміна розмірів та роздільної здатності зображення. Способи скасування дій. Збереження файлу.

Робота з об'єктами

Зміна кольору заливки. Налаштування контуру об'єкта. Методи малювання примітивів. Види примітивів. Трансформування об'єктів. Копіювання об'єктів.

Формування об'єктів

Угруповання, об'єднання та поділ об'єктів. Типи перетворень. Порядок розташування на сторінці.

Створення та редагування контурів

Інструменти: вільне перо, перо, без. Додаткові інструменти для малювання. Робота з вузлами та напрямними.

Робота із заливками

Способи фарбування об'єктів. Інструмент заливки та інтерактивне заливання. Застосовує інструмент заливки сітки. Прозорість.

Засоби підвищеної точності

Лінійки. Сітки. Напрямні.

Розробка фірмового стилю

Створення логотипу. Правила оформлення візиток. Розробка фірмових бланків.

Створення колірних переходів

Інструмент інтерактивне перетікання. Інструмент контуру.

Текст

Налаштування параметрів тексту. Текст на шляху. Текст, вписаний об'єкт. Текстові поля.

Використання спецефектів

Додавання перспективи. Створення тіні. Деформація форми об'єкта. Застосування об'єкта – лінзи. Надання об'єму об'єктам.

Робота з растровими зображеннями

Імпортує растрових зображень. Редагування. Трасування растрових зображень. Ручне трасування.

Теорія кольору

Колірні режими. Підготовка зображення до друку. Формати зображення.

Adobe Illustrator

Вступ

Робота з об'єктами

Зміна кольору заливки. Налаштування обведення об'єкта. Методи малювання примітивів. Види примітивів. Трансформування об'єктів.

Інструмент перо

Додаткові інструменти для малювання. Робота з вузлами та напрямними.

Текст

Налаштування параметрів тексту. Текст на шляху. Текст, вписаний об'єкт. Установки текстового поля.

Робота з палітрою Обробка контурів

Види взаємодії об'єктів. Інструменти деформації. Налаштування параметрів деформації.

Способи заливання об'єктів

Палітри: колір, зразки. Створення та застосування градієнтної заливки. Робота із прозорістю. Палітра Оформлення. Створення візерунків. Масштабування готових візерунків. Застосування інструмента для переходу.

Робота з сітчастим градієнтом

Особливості інструменту сітчастий градієнт. Налаштування параметрів. Робота з вузлами та напрямними. Заливка кольором.

Щітки та символи

Застосування та налаштування готових пензлів та символів. Створення нових пензлів та символів. Види пензлів.

Шари

Робота із шарами. Створення шарів та підшарів. Переміщення, виділення та видалення шарів та підшарів.

Робота з растровими зображеннями

Способи поміщення растрового зображення у програму. Редагування розмірів. Переклад растрового зображення на вектор. Види трасування. Ручної векторизації зображення.

Створення об'ємних зображень

Методи створення об'ємного об'єкта: витягування та скіс, обертання, поворот. Робота із параметрами об'ємного об'єкта.

Підготовка зображення до друку

HTML

Створення HTML-документу. Структура HTML-документу. Безпечні кольори. Форматування тексту. Оформлення тексту та фону всієї сторінки. Стилі форматування кольорів. Текстові блоки

Практика: створення простої текстової HTML-сторінки.

Створення нумерованих та ненумерованих списків. Списки визначень. Розміщення на сторінці зображень. Взаєморозташування графічних елементів та тексту.

Практика: створення списків та вставка зображень у HTML-сторінку.

Концепція посилання. Обов'язковий формат посилань у документі. Види посилань. Посилання на об'єкти сторінок. Посилання зображень.

Практика: створення посилань на HTML-сторінці на інший HTML-документ.

Таблиця як один із основних способів завдання макету сторінки. Формат таблиці. Завдання розмірів таблиці. Робота з осередками. Створення таблиці із заголовком.

Практика: Створення порожній таблиці. Зміна тексту фону в таблиці. Створення першої сторінки сайту за допомогою таблиці.

Що таке форми. Основні типи елементів форм. Поля введення. Текстові поля. Поля передачі файлів. Кнопки. Перемикачі та прапорці. Списоки, що розкриваються.

Практика: Створення анкети.

CSS

Знайомство із CSS. Способи завдання стилів. Типи селекторів. Одиниці виміру для CSS. Зміна властивостей шрифту.

Практика: створення зовнішнього CSS файлу. Прив'язка його до HTML - документу. Форматування тексту.

Зміна кольору елементів сторінки. Встановлення властивостей тексту.

Практика: Розміщення зображень та додаткове форматування сторінок.

Розміри, відступи та межі елементів. Відступи від меж блоку до вмісту елемента. Створення та властивості рамки елемента. Жорстка верстка сайту. Відображення елементів. Видимість елемента. Перенесення рядків. Перегляд курсору. Маркери списку.

Практика: Створення першої сторінки сайту методом жорсткої верстки.

Службова інформація про сайт. Основні елементи розмітки. Уявлення. Інформація про вміст сторінки. Символьні елементи. Деякі додаткові теги форматування тексту.

Практика: Доповнення основної структури HTML документа службовою інформацією.

Використання мультимедіа на сторінках сайту. Основні формати аудіо та відео файлів. Метки вбудовування мультимедіа.

Практика: Розміщення на сторінці сайту медіа-плеєр.

Подання сайту. Основні види веб-сайтів. Структура веб-сайту. Основні принципи та структура World Wild Web. Концепція хостинг та домен. Розміщення сайту в Інтернеті.

Підсумкове завдання: створення сайту-візитки, розробка його структури та навігації

Java Script

Введення у Java Script. Розміщення Java Script – сценарії в HTML-документі. Типи даних. Види діалогових вікон. Операції над даними. Умовні оператори. Оператори циклу. Практичні завдання.

Об'єктна модель документа. Ієрархія об'єктів вікна браузера. Поняття: об'єкт, властивості, метод. Практичні завдання.

Типи об'єктів Java Script. Створення функцій. Встановлення функцій як об'єкта. Оператор перебору властивостей об'єктів for ... in. Практичні завдання.

Вбудовані об'єкти. Класи вбудованих об'єктів: Array, Date. Практичні завдання.