[Центр Мастеров] Веб-дизайн. Создание дизайн-макета...

[Slivrobot]

[Центр Мастеров] Веб-дизайн. Создание дизайн-макета...

Скрытый текст. Доступен только зарегистрированным пользователям.Нажмите, чтобы раскрыть...

руб.12700.00Для частных лиц: ЦЕНА: ПРОГРАММА КУРСАМОДУЛЬ 1. ЧТО НУЖНО ЗНАТЬ ВЕБ-ДИЗАЙНЕРУ

• СТАДИИ РАЗРАБОТКИ ВЕБ-САЙТА. ПРИМЕР ТЕХНИЧЕСКОГО ЗАДАНИЯ.

• СИСТЕМА НАВИГАЦИИ НА САЙТЕ. ГЛУБИНА ВЛОЖЕННОСТИ И ПОЗИЦИЯ МЕНЮ.
• ADOBE DREAMWEAVER CS5. НАСТРОЙКА ПРОГРАММЫ, ОБЩИЕ ПРИНЦИПЫ РАБОТЫ.

• ПЕРЕНОС ТЕКСТА В ПРОГРАММУ, ВЕРСТКА ТЕКСТА.

• ПРАКТИЧЕСКАЯ РАБОТА: ЛОГИЧЕСКОЕ ФОРМАТИРОВАНИЕ ТЕКСТА В ADOBE DREAMWEAVER

МОДУЛЬ 2. ИНФОРМАЦИОННАЯ АРХИТЕКТУРА САЙТА. ЦВЕТОВЫЕ СХЕМЫ.

• ЦВЕТОВЫЕ СХЕМЫ, ПРИМЕНЯЕМЫЕ НА САЙТЕ. ИСПОЛЬЗОВАНИЕ "БЕЗОПАСНЫХ" ЦВЕТОВ

• СОВРЕМЕННЫЕ СТИЛИ ДИЗАЙНА. ШРИФТЫ: СТАНДАРТНЫЕ РАЗМЕРЫ И ГАРНИТУРЫ.

• ПРИЛОЖЕНИЯ ДЛЯ ПОДБОРА ЦВЕТОВ.

• ПРАКТИЧЕСКАЯ РАБОТА: ОСВОЕНИЕ ИСПОЛЬЗОВАНИЯ CSS В ADOBE DREAMWEAVER ДЛЯ ОФОРМЛЕНИЯ СТРАНИЦЫ.

МОДУЛЬ 3. ЮЗАБИЛИТИ. ЭРГОНОМИКА ВЕБ-СТРАНИЦ

• ЮЗАБИЛИТИ САЙТА. ОСНОВНЫЕ ЭЛЕМЕНТЫ ЮЗАБИЛИТИ ГЛАВНЫХ СТРАНИЦ И ВНУТРЕННИХ.
• ПРИНЦИПЫ ОРИЕНТИРОВАНИЯ ПОЛЬЗОВАТЕЛЯ ВНУТРИ САЙТА.

• ПРАКТИЧЕСКАЯ РАБОТА: ОЦЕНКА ЭФФЕКТИВНОСТИ И ПРОЕКТИРОВАНИЕ ПОЛЬЗОВАТЕЛЬСКОГО ВЗАИМОДЕЙСТВИЯ

МОДУЛЬ 4. ПОДГОТОВКА ИЛЛЮСТРАЦИЙ И ГРАФИЧЕСКИХ ЭЛЕМЕНТОВ

• ОСНОВНЫЕ ФОРМАТЫ ГРАФИКИ JPEG, GIF, PNG8, PNG24. ОСНОВНЫЕ РАЗЛИЧИЯ И ОБЛАСТИ ПРИМЕНЕНИЯ.
• ПОДГОТОВКА ГРАФИКИ В ПРОГРАММЕ ADOBE PHOTOSHOP. СПОСОБЫ УМЕНЬШЕНИЯ ВЕСА ИЗОБРАЖЕНИЯ.

• СОЗДАНИЕ СТАНДАРТНЫХ ГРАФИЧЕСКИХ ЭЛЕМЕНТОВ - ИКОНОК, ПИКТОГРАММ, FAVICON И ПР.

• ПОДГОТОВКИ ИЗОБРАЖЕНИЙ НА ПРОЗРАЧНОМ ФОНЕ
• ПРИМЕНЕНИЕ КАРТ ИЗОБРАЖЕНИЙ IMAGEMAP.

• ПРАКТИЧЕСКАЯ РАБОТА:
  • Сжатие и обрезка фотографий для вставки на страницы сайта. Создание обтекания и отступов через CSS.
  • ПРИМЕНЕНИЕ CSS ДЛЯ СОЗДАНИЯ ЭФФЕКТА «ПРИ НАВЕДЕНИИ» В МЕНЮ САЙТА.

МОДУЛЬ 5. МАКЕТИРОВАНИЕ ВЕБ-СТРАНИЦ С ПОМОЩЬЮ ТАБЛИЦ

• НАРЕЗКА И СОХРАНЕНИЕ ТИПОВОГО МАКЕТА В ПРОГРАММЕ ADOBE PHOTOSHOP ДЛЯ ТАБЛИЧНОЙ ВЕРСТКИ.

• СБОРКА МАКЕТА В ПРОГРАММЕ ADOBE DREAMWEAVER C ИСПОЛЬЗОВАНИЕМ ТАБЛИЦЫ
• "РЕЗИНОВЫЙ" ИЛИ ЖЕСТКИЙ ДИЗАЙН, ПОЛУРЕЗИНОВЫЕ МАКЕТЫ ДИЗАЙНА.

• ПРАКТИЧЕСКАЯ РАБОТА:
  • Разметка области для нарезки макета.
  • Создание таблицы и сборка макета.
  • Способы создания резиновой «шапки» страницы
  • СПОСОБЫ ОФОРМЛЕНИЯ МЕНЮ, ЛЕВОЙ И ПРАВОЙ КОЛОНОК.

МОДУЛЬ 6. МАКЕТИРОВАНИЕ ВЕБ-СТРАНИЦ С ПОМОЩЬЮ БЛОКОВ

• НАРЕЗКА И СОХРАНЕНИЕ ТИПОВОГО МАКЕТА В ПРОГРАММЕ ADOBE PHOTOSHOP ДЛЯ БЛОЧНОЙ ВЕРСТКИ.
• СПОСОБЫ СБОРКИ МАКЕТА С ИСПОЛЬЗОВАНИЕМ СВОЙСТВ CSS FLOAT И СВОБОДНОГО ПОЗИЦИОНИРОВАНИЯ.
• ПРИЁМЫ БЛОЧНОЙ ВЁРСТКИ WEB-СТРАНИЦЫ
• ПРАКТИЧЕСКАЯ РАБОТА:
  • Разметка области для нарезки макета.
  • Сборка макета с использованием float.
  • Применение свободного позиционирования на странице.
  • СПОСОБЫ ОФОРМЛЕНИЯ МЕНЮ, ЛЕВОЙ И ПРАВОЙ КОЛОНОК.

МОДУЛЬ 7. GIF-АНИМАЦИЯ И БАННЕРЫ. СОЗДАНИЕ ДИНАМИЧЕСКИХ ЭЛЕМЕНТОВ В DREAMWEAVER

• ЧТО ТАКОЕ GIF-АНИМАЦИЯ
• СОЗДАНИЕ АНИМИРОВАННЫХ БАННЕРОВ, АВАТАРОВ И СМАЙЛИКОВ

• СПОСОБЫ ПОДКЛЮЧЕНИЯ РОЛИКОВ FLASH НА СТРАНИЦУ

• ВСТАВКА ВИДЕО НА СТРАНИЦУ
• ИСПОЛЬЗОВАНИЕ ДИНАМИЧЕСКИХ ЭЛЕМЕНТОВ НА WEB-СТРАНИЦЕ (НА ПРИМЕРЕ ВЫПАДАЮЩИХ МЕНЮ И ПР.), ПРИЁМЫ РАБОТЫ С ЭЛЕМЕНТАМИ SPRY В DREAMWEAVER
• ВСТАВКА «СЛАЙДЕРОВ» НА СТРАНИЦУ

• ПРАКТИЧЕСКАЯ РАБОТА:
  • Создание баннера и установка на страницу сайта.
  • Установка FLASH на страницу сайта.
  • ДОБАВЛЕНИЕ ДИНАМИЧЕСКИХ ЭЛЕМЕНТОВ

МОДУЛЬ 8. ТЕСТИРОВАНИЕ САЙТА. ИСПОЛЬЗОВАНИЕ СИСТЕМЫ УПРАВЛЕНИЯ САЙТОМ

• ОПТИМИЗАЦИЯ САЙТА. СПОСОБЫ УМЕНЬШЕНИЯ ВРЕМЕНИ ЗАГРУЗКИ СТРАНИЦЫ.

• ТЕСТИРОВАНИЕ САЙТА. СИСТЕМА УПРАВЛЕНИЯ САЙТОМ.

• ЭТАПЫ СТАНДАРТНОГО ТЕСТИРОВАНИЯ САЙТА.

• ДОБАВЛЕНИЕ СИСТЕМЫ ПОИСКА НА САЙТЕ.

• ВСТАВКА СХЕМЫ ПРОЕЗДА НА САЙТ.

• ВЕБ 2.0 И СИСТЕМЫ УПРАВЛЕНИЯ КОНТЕНТОМ (CMS)

ВЕБ-ДИЗАЙН. СОЗДАНИЕ ДИЗАЙН-МАКЕТА САЙТА