Web-дизайн. Создание корпоративных и информационных сайтов (семинар)
Консультації:
Про компанію
Знижки та акції
Відгуки
Онлайн консультації
Статті
Контакти
Зателефонуйте мені
Помилка доступу до сервера.
Спробуйте пізніше.
Невірно введені дані.
Виправте і спробуйте ще раз
Ваш запит успішно відправлений.
Введіть Ваше ім'я
Введіть курс навчання
Введіть номер телефону
Введіть число
з картинки*:
Введіть число
* обов'язкові для заповнення поля
Онлайн консультації по Skype
Головна /   WEB /   Web-дизайн. Создание корпоративных и информационных сайтов (семинар)

Семинар

Web-дизайн. Создание корпоративных и информационных сайтов

 

О семинаре:

Информация о семинаре:

Количество ак. часов: 16

Время обучения в группе (на выбор):

  • утренние группы с 9-00 до 12-00
  • дневные группы с 12-00 до 15-00, с 15-00 до 18-00;
  • вечерние группы с 18-00 до 21-00;
  • группы выходного дня: суббота и воскресенье.

Срок обучения:

  • Семинар «Web-дизайн. Создание корпоративных и информационных сайтов» - 16 ак часа ( 1 занятие - 4 ак часа)

 

Стоимость обучения и варианты оплаты: 

Общая стоимость обучения: 0 грн.

  • оплата за весь курс сразу (предоплата)

Для владельцев дисконтных карточек:

Владельцы дисконтных карточек получают скидки.

Начало семинара:



Ближайшие даты начала занятий



Программа семинара:

 

Web-дизайн. Создание корпоративных и информационных сайтов: 

Что нужно знать веб-дизайнеру

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

Информационная архитектура сайта. Цветовые схемы.

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

Макетирование веб-страницы. Эргономика веб-сайта

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

Подготовка иллюстраций и графических элементов на курсах веб дизайна

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

Макетирование веб-страниц с помощью таблиц

  • Нарезка и сохранение типового макета в программе Adbe PhtShp.
  • Сборка макета в программе DreamWeaver
  • «Резиновый» и фиксированный дизайн: анализ и критерии выбора
  • Практические советы и рекомендации
  • Практическая работа:
  • Разметка области для нарезки макета.
  • Создание таблицы и сборка макета.
  • Способы создания резиновой «шапки» страницы
  • Способы оформления меню, левой и правой колонок. 

Макетирование веб-страниц с помощью блоков

  • Нарезка и сохранение типового макета в программе Adbe PhtShp.
  • Способы сборки макета с использованием свойств CSS flat и свободного позиционирования.
  • Приёмы блочной вёрстки web-страницы
  • Практическая работа:
  • Разметка области для нарезки макета.
  • Сборка макета с использованием flat.
  • Применение свободного позиционирования на странице.
  • Способы создания резиновой «шапки» страницы
  • Способы оформления меню, левой и правой колонок.
  • Gif-анимация и баннеры. Создание динамических элементов в DreamWeaver
  • Что такое GIF-анимация
  • Создание анимированных баннеров, аватаров и смайликов
  • Способы подключения роликов FLASH на страницу
  • Вставка видео на страницу
  • Использование динамических элементов на web-странице (на примере выпадающих меню и пр.), приёмы работы с элементами SPRY в Dreamweaver
  • Практическая работа:
  • Создание баннера и установка на страницу сайта.
  • Установка FLASH на страницу сайта.
  • Добавление динамических элементов 

Тестирование сайта. Использование системы управления сайтом

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

 

Нагору