Адрес:
г. Воронеж, ул. Арсенальная 4 а
Контактные телефоны:
Заявка на обучение
Внимание!

Подробную информацию об условиях обучения и поступления вы можете получить по телефонам учебной части Института ФиЗ:

8 (473) 229-28-07, 229-79-33 (с 9-00 до 21-00)

Заявка является предварительной формой записи и не сохраняет за Вами место в учебной группе. Для поступления Вам необходимо заключить Договор об оказании образовательных услуг.
Заявка принята!
Ваша заявка принята. Мы свяжемся с вами в самое ближайшее время.
Программа обучения
ОБРАЗОВАТЕЛЬНЫЕ ПРОГРАММЫ ОТДЕЛЕНИЯ
Об отделении

WEB-дизайн. Создание сайта с нуля.

Курс WEB-дизайна направлен на освоение навыкам создания сайтов в сети Интернет
Период обучения:
72 часа
Форма обучения:
Очная
Категория слушателей:
Без ограничений
Выпускные документы:
Удостоверение Института установленного образца о повышении квалификации
Занятия проходят 3-4 раза в неделю в дневное или вечернее время, что позволяет пройти обучение без отрыва от работы.
15 000 руб./курс
Записаться
В ходе обучения, под контролем опытных преподавателей, вы создадите полнофункциональный web-сайт с возможностью его дальнейшей коммерциализации!
Удостоверение-о-повышении

Программа повышения квалификации: 
«WEB-ДИЗАЙН». 72 часа.

Уровень программы: базовый, не требует первоначальных знаний.

Цель и задачи курса: приобретение теоретических знаний по необходимых web-дизайнеру в профессиональной деятельности. Отработка на практике создания сайта с нуля: разработка технического задания, отрисовка макета дизайна и его нарезка в Adobe Photoshop, верстка макета сайта, создание на его основе web-страницы с использование полученных знаний в HTML и CSS. Знакомство с системами управления сайтами (CMS) и разработка в одной из них полнофункционального сайта с загрузкой его на хостинг и оптимизацией.

Категория слушателей: лица с любым образованием.

Профессия web-дизайнер является востребованной в наше время и соответственно высокооплачиваемой. Приобретенные знания и навыки на курсе web-дизайна в Институте "ФИЗ" поможет Вам начать карьеру в области web-разработки.

Курс обучения по web-дизайну в Институте "ФИЗ"  позволит получить знания в HTML,CSS, ПО Adobe Photoshop и DreamWeaver. Овладеть практическими навыками работы с языком гипертекстовой разметки и каскадными таблицами стилей. Вы научитесь создавать web-страницы и полнофункциональные сайты.

Освоить данный курс в Институте "ФиЗ" Вам помогут профессиональные преподаватели-практики.  

По окончании курса Вы будете уметь:
- Создавать web-страницы с текстовым, графическим и мультимедийным содержимым; 
- Отрисовывать собственные дизайн-макеты сайта;
- Собственными силами создавать полнофункциональный web-сайт в одной из самых популярных системе управления сайтом (CMS).

Обучение проходит в современных специализированных аудиториях оснащенных новой техникой и оборудованием!

При успешном завершении обучения и сдачи итогового экзамена выдаётся удостоверение Института установленного образца о повышении квалификации.


Документы об образовании, выдаваемые выпускникам Института, оформлены в соответствии с законодательством и требованиями новых профстандартов РФ.

Выдаваемые Документы

  • Образец удостоверения о повышении квалификации

Учебный план

Тема 1. Что нужно знать веб-дизайнеру
• Обзор программ, используемых при создании веб-сайта. Обзор ресурсов, полезных для веб-дизайнера. 
• Этапы разработки веб-сайта. 
• Написание технического задания на разработку сайта. 
• Создание прототипов сайта. 
• Принципы построения системы навигации на сайте. 
• Знакомство с DreamWeaver. Настройка программы, общие принципы работы. Работа с текстовым наполнением. 
• Практическая работа: 
• Перенос текста в программу DreamWeaver и его логическое форматирование

Тема 2. Введение и основные понятия HTML
• Как это работает? Что такое web-сервер, web-сайт, web-страница
• Цели и задачи языка HTML
• HTML-разметка. Элементы
• Структура HTML-документа:
• Использование комментариев
• Базовые элементы разметки:
• Атрибуты элементов
• Специальные символы
• Лабораторная работа по теме

Тема 2. Информационная архитектура сайта. Цветовые схемы.
• Элементы информационной архитектуры. 
• Распределение информации по разделам сайта с учетом информационной, логической и визуальной взаимосвязи между разделами. 
• Основные компоненты WEB-страницы и способы их визуального представления на страницах сайта. 
• Цвет. Цветовые схемы, применяемые на сайте. Использование "безопасных" цветов 
• Современные стили дизайна 
• Практическая работа: 
- Структурирование информации и разработка системы навигации на конкретном примере

Тема 3. Макетирование веб-страницы. Эргономика веб-сайта
• Принципы построения макета. Роль размеров в дизайне 
• Оформление веб-страницы с использованием CSS. Работа с CSS в DreamWeaver 
• Эргономика сайта (web-usability). Факторы, которые затрудняют и факторы, которые облегчают восприятие пользователем информации на сайте. 
• Версии сайта, адаптированные для печати и для мобильных устройств 
• Оформление текстового материала. Выбор шрифтов и размеров. Практические советы и рекомендации 
• Практическая работа:
- Анализ эргономики сайтов на примерах
- Оформление макета страницы с использованием CSS.

Тема 4. Подготовка иллюстраций и графических элементов
• Требования к иллюстрациям в Internet. Обзор форматов иллюстраций JPEG, GIF, PNG, SWF, SVG. 
• Подготовка графики в программе Adobe PhotoShop. Способы уменьшения объема файла 
• Особенности использования векторных программ 
• Создание стандартных графических элементов - иконок, пиктограмм, favicon и пр. 
• Подготовка изображений с учётом стиля дизайна. 
• Особенности подготовки изображений на прозрачном фоне 
• Применение карт изображений ImageMap в WEB-дизайне 
• Использование CSS для создания эффектного дизайна 
• Практическая работа:
- Создание различных элементов дизайна

Тема 5. Макетирование веб-страниц с помощью таблиц
• Нарезка и сохранение типового макета в программе Adobe PhotoShop. 
• Сборка макета в программе DreamWeaver 
• "Резиновый" и фиксированный дизайн: анализ и критерии выбора 
• Практические советы и рекомендации 
• Практическая работа: 
- разметка области для нарезки макета
- Создание таблицы и сборка макета
- Способы создания резиновой «шапки» страницы
- Способы оформления меню, левой и правой колонок.

Тема 6. Макетирование веб-страниц с помощью блоков
• Нарезка и сохранение типового макета в программе Adobe PhotoShop. 
• Способы сборки макета с использованием свойств CSS float и свободного позиционирования. 
• Приёмы блочной вёрстки web-страницы 
• Практическая работа: 
- Разметка области для нарезки макета. 
- Сборка макета с использованием float. 
- Применение свободного позиционирования на странице. 
- Способы создания резиновой «шапки» страницы 
- Способы оформления меню, левой и правой колонок.

Тема 8. Тестирование сайта. Использование системы управления сайтом
• Тестирование сайта. Система управления сайтом. 
• Этапы стандартного тестирования сайта. 
• Добавление системы поиска на сайте. 
• Вставка географической информации (схема проезда и пр.) Использование системы управления сайтом (CMS). Виды CMS и решаемые ими задачи. 
• Демонстрация системы управления сайтом.

Аудиторная нагрузка в классе с преподавателем 50 ак.ч.

Общая учебная нагрузка, включая консультации и самостоятельные занятия 72 ак.ч.