Главная » 2016»Октябрь»21 » Компьютерные курсы web-дизайна, комплексное обучение фотошопу и созданию сайтов в Москве
17:35
Компьютерные курсы web-дизайна, комплексное обучение фотошопу и созданию сайтов в Москве
Компьютерные курсы web-дизайна, комплексное обучение фотошопу и созданию сайтов в Москве
Основная задача предлагаемого комплексного курса обучение профессиональных web-дизайнеров, способных самостоятельно разрабатывать дизайн для web-сайтов, создавать макеты веб-страниц, компьютерную графику и элементы оформления в графической программе Photoshop.
Чему вы научитесь на курсе Web-дизайн + Adobe Photoshop?
В рамках учебной программы данного комплексного курса помимо получения навыков создания веб-сайтов и макетов веб-страниц вы сможете научиться осуществлять резку макета в фотошопе и выполнять его последующую html-верстку.
Обучение поможет вам освоить теорию и практику разработки медийных баннеров и подготовки графики для создания flash-анимации в Adobe Flash.
Освоение фотошопа это получение нового инструмента для веб-дизайнеров, позволяющего не только автоматизировать работу, но и значительно расширить возможности для творческой деятельности. Данный курс профессионального обучения web-дизайнеров созданию компьютерной графики в Adobe Photoshop (фотошоп) поможет вам не только создавать дизайн для web-сайтов, но и осуществлять редизайн, то есть модернизацию web-дизайна и оформления сайтов.
Учебная программа курса
Часть I. Обучение Adobe Photoshop CS5/CS6
Тема 1: Назначение редактора растровых изображений Adobe Photoshop.
Тема 2: Навигация в Фотошопе: Наезд и откат камеры, перемещение листа за экраном.
Тема 4: Открытие, изменение размеров и сохранение файлов в Фотошопе. История действий. Отмена и возврат действий.
Тема 5: Операции со слоями: создание пустого слоя, дублирование слоев, копирование слоев, копирование части слоя, перемещение изображения со слоя на слой, то же самое для части изображения, удаление слоев, удаление части изображения со слоя, создание и удаление групп слоев, закрепление и освобождение слоев и изменение вертикального порядка слоев.
Тема 1: Параметры кисточки.
Тема 2: Создание собственной кисточки.
Тема 3: Работа в фотошопе с графическим планшетом.
Тема 4: Элементы HTML-верстки: создание и размещение (верстка) gif-анимации и карты меню.
Тема 1: Выбор части изображения, горизонтальное перемещение выбранной части изображения и её дублирование, перемещение выбранной части изображения между слоями и использование инструмента свободной трансформации.
Тема 1: Работа со штампом и восстанавливающей кисточкой. Реставрация старых и поврежденных фотографий. Раскрашивание черно-белых фотографий см. в теме 4 шестого занятия.
Тема 3: Использование фильтра «Цветовой контраст», режима наложения слоя «Overlay», инструмента «Hue, saturation, brightness» и режима наложения слоя «Multiply». Косметический салон в Фотошопе.
Тема 4: Фильтр «Пластика».
Тема 1: Использование инструмента Crop для создания рамок.
Тема 2: Эффекты слоев.
Тема 3: Создание, сохранение и загрузка стилей слоёв.
Тема 1: Цветовой круг и цветовые модели в компьютерной графике и в полиграфическом производстве. Типографские краски и пантоны. Цветовые каналы.
Тема 2: Редактирование изображения по каналам.
Тема 3: Кривая тоновой коррекции.
Тема 4: Раскрашивание черно-белых фотографий.
Тема 1: 4 вида растровых масок в Фотошопе: Быстрая маска. Альфа-канал. Маска слоя. Маска прозрачности.
Тема 2: Применение альфа-каналов для выбора и перемещения на другой слой (в другой файл) шерсти, меха, дыма и огня.
Тема 1: Создание, редактирование и уничтожение кривых Безье в Фотошопе. Использование КБ: Обводка и заливка КБ. Создание выбраненой области из КБ. Создание КБ из выбранной области.
Тема 2: Векторная маска.
Тема 3: Трассировка растрового изображения трассировщиком Corel Draw.
Тема 4: Растеризация векторных объектов из Adobe Illustrator.
Часть II. Web-дизайн
Общее понятие www (World Wide Web) – распределённая система, предоставляющая доступ к связанным между собой документам или как работает интернет.
Что такое сервер. Виды серверов. Взаимодействие компьютера пользователя с сервером.
Что такое сайт – как он устроен и работает. Виды сайтов по назначению и функциональности.
Как создается сайт – от задумки до размещения на хостинге.
Программное обеспечение, необходимое для создания сайта.
Введение в язык разметки HTML. Теговая структура языка. Основные теги для формирования базовой структуры web-страницы. Основы синтаксиса языка, правила написания и технические приемы.
Теги для вывода текстовой информации на странице: заголовки, абзацы, списки.
Практика работы в программе Adobe Photoshop по оптимизации изображений для web-страницы и создании графических элементов сайта.
Правила размещения на странице, обтекание текстом, отступы.
Понятие ссылки. Основное назначение ссылки. Понятие абсолютной и относительной ссылок. Теги для вставки ссылок на web-страницу.
Использование изображения в качестве ссылки. Регионы (область(ти) изображения являющиеся ссылками). Организация ссылок как меню навигации по страницам сайта.
Таблица. Табличные данные. Виды таблиц. Теги для вставки таблиц на web-страницу. Таблица как элемент вывода данных и как элемент верстки страницы. Плюсы и минусы табличной верстки.
Формы. Для чего нужны формы. Примеры использования форм на реальных сайтах. Теги для вставки формы и полей формы на страницу. Как работает форма, ее внутренний механизм.
Практика создания формы обратной связи с посетителем сайта. Создание php-обработчика формы. Взаимодействие с локальным сервером Denwer.
Знакомство с программой Adobe Dreamweaver для создания web-страниц. Рабочая среда программы, основные навыки в работе с программой.
Введение в CSS. CSS – как основное средство стилизации и разметки страницы.
Понятие селекторов их свойств и значений. Создание таблицы стилей CSS и ее «привязка» к html-документу.
Синтаксис языка CSS, основные правила и технические приемы.
Использование CSS для стилизации содержимого web-страниц. Создание горизонтальных и вертикальных CSS-меню навигации.
Табличная верстка web-страниц. Практика создания web-страниц на основании таблиц с использованием HTML и CSS.
Создание первого многостраничного сайта табличной верстки с горизонтальным и вертикальным меню и формой обратной связи. Использование изображений и графических элементов созданных в программе Adobe Photoshop.
Верстка в две и три колонки. Плюсы и минусы табличной верстки.
Блочная верстка страниц с использованием тега div и CSS.
Практика создания web-страниц блочной верстки в две и три колонки.
Понятие страницы фиксированного размера и «резиновая» страница.
Создание первого многостраничного сайта блочной верстки с горизонтальным и вертикальным меню и формой обратной связи. Использование изображений и графических элементов созданных в программе Adobe Photoshop.
Верстка в две и три колонки. Технические тонкости и приемы создания web-страниц блочной верстки.
Введение в SEO. Основные принципы оптимизации сайта в сети интернет.
Внутренняя и внешняя оптимизация.
Как правильно создавать web-страницы для их успешного продвижения.
Поисковые системы, их назначение и роль в продвижении сайта. Правила создания контента для успешного индексирования и продвижения сайта.
Роль и значение различных тегов в продвижении сайта.
Понятие Юзабилити (юзабельность – удобство сайта с точки зрения посетителя). Взаимосвязь Юзабилити и SEO.
Примеры юзабельных сайтов.
Размещение на сайте дополнительных элементов и объектов – видео, аудио, фотогалерей.
Взаимодействие с реальным сервером.
Выбор и покупка хостинга. Взаимодействие с хостером.
Выбор и покупка доменного имени. Обзор возможностей по работе с сервером через интерфейс сайта хостера (личный кабинет).
«Привязка» доменного имени к хостингу. Доступ к файлам сайта по http и ftp протоколам. «Выгрузка» файлов сайта на сервер хостера. Программы для взаимодействия с реальным сервером по ftp.
Регистрация сайта в поисковых системах, установка счетчиков посещений. Регистрация сайта в иных катологах. Значение регистрации сайта на других ресурсах.
Люстра. Фестиваль иллюстрации и графического дизайна в Москве.