Подробную информацию об условиях обучения и поступления вы можете получить по телефонам учебной части Института ФиЗ:
8 (473) 229-28-07, 229-79-33 (с 9-00 до 21-00)
Программа повышения квалификации:
«WEB-ДИЗАЙН». 144 часа.
Уровень программы: базовый, не требует первоначальных знаний.
Цель и задачи курса: приобретение теоретических знаний по необходимых 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-документа:
• Использование комментариев
• Базовые элементы разметки:
• Атрибуты элементов
• Специальные символы
• Лабораторная работа по теме
Тема 3. Информационная архитектура сайта. Цветовые схемы.
• Элементы информационной архитектуры.
• Распределение информации по разделам сайта с учетом информационной, логической и визуальной взаимосвязи между разделами.
• Основные компоненты WEB-страницы и способы их визуального представления на страницах сайта.
• Цвет. Цветовые схемы, применяемые на сайте. Использование "безопасных" цветов
• Современные стили дизайна
• Практическая работа:
- Структурирование информации и разработка системы навигации на конкретном примере
Тема 4. Макетирование веб-страницы. Эргономика веб-сайта
• Принципы построения макета. Роль размеров в дизайне
• Оформление веб-страницы с использованием CSS. Работа с CSS в DreamWeaver
• Эргономика сайта (web-usability). Факторы, которые затрудняют и факторы, которые облегчают восприятие пользователем информации на сайте.
• Версии сайта, адаптированные для печати и для мобильных устройств
• Оформление текстового материала. Выбор шрифтов и размеров. Практические советы и рекомендации
• Практическая работа:
- Анализ эргономики сайтов на примерах
- Оформление макета страницы с использованием CSS.
Тема 5. Подготовка иллюстраций и графических элементов
• Требования к иллюстрациям в Internet. Обзор форматов иллюстраций JPEG, GIF, PNG, SWF, SVG.
• Подготовка графики в программе Adobe PhotoShop. Способы уменьшения объема файла
• Особенности использования векторных программ
• Создание стандартных графических элементов - иконок, пиктограмм, favicon и пр.
• Подготовка изображений с учётом стиля дизайна.
• Особенности подготовки изображений на прозрачном фоне
• Применение карт изображений ImageMap в WEB-дизайне
• Использование CSS для создания эффектного дизайна
• Практическая работа:
- Создание различных элементов дизайна
Тема 6. Макетирование веб-страниц с помощью таблиц
• Нарезка и сохранение типового макета в программе Adobe PhotoShop.
• Сборка макета в программе DreamWeaver
• "Резиновый" и фиксированный дизайн: анализ и критерии выбора
• Практические советы и рекомендации
• Практическая работа:
- разметка области для нарезки макета
- Создание таблицы и сборка макета
- Способы создания резиновой «шапки» страницы
- Способы оформления меню, левой и правой колонок.
Тема 7. Макетирование веб-страниц с помощью блоков
• Нарезка и сохранение типового макета в программе Adobe PhotoShop.
• Способы сборки макета с использованием свойств CSS float и свободного позиционирования.
• Приёмы блочной вёрстки web-страницы
• Практическая работа:
- Разметка области для нарезки макета.
- Сборка макета с использованием float.
- Применение свободного позиционирования на странице.
- Способы создания резиновой «шапки» страницы
- Способы оформления меню, левой и правой колонок.
Тема 8. Тестирование сайта. Использование системы управления сайтом
• Тестирование сайта. Система управления сайтом.
• Этапы стандартного тестирования сайта.
• Добавление системы поиска на сайте.
• Вставка географической информации (схема проезда и пр.) Использование системы управления сайтом (CMS). Виды CMS и решаемые ими задачи.
• Демонстрация системы управления сайтом.
Аудиторная нагрузка в классе с преподавателем 50 ак.ч.
Общая учебная нагрузка, включая консультации и самостоятельные занятия 144 ак.ч.