Релиз выпущен: 2010
Производитель: Специалист
Продолжительность: 27:39:40
Язык: Русский
Описание:
Вы хотите стать настоящим профессионалом веб-дизайна? На наших курсах Вы им станете! Веб-дизайнер – специалист, отвечающий за структуру и «лицо» сайта. В его обязанности входят создание макета сайта, разработка навигации, создание и оптимизация всех графических элементов – от простых кнопок до интерактивных flash-баннеров. Вы научитесь создавать оригинальные и стильные макеты сайтов и правильно верстать их. Вы легко сможете добавить в Ваши сайты иллюстрации, анимационные элементы и баннеры. Вы сможете разрабатывать удобную навигацию и грамотно акцентировать внимание на нужной информации. Вы сможете оценивать и тестировать сайт перед сдачей заказчику. По окончании курсов Вы сможете работать как в крупной компании, так и открыть своё дело, свою студию веб-дизайна.
Цель курса:
Научиться решать практические задачи разработки дизайна веб-страниц с использованием классических и современных подходов к дизайну веб-сайтов и приложений.
Курс предназначен для веб-дизайнеров, разработчиков веб-приложений, работников рекламных агентств. Данный курс – основной в треке подготовки профессиональных веб-дизайнеров.
По окончании курса Вы будете уметь:
- самостоятельно создавать веб-страницы, используя различные программы;
- грамотно размещать информацию на сайте;
- разрабатывать навигацию, использовать шаблоны;
- подбирать изображения нужного формата и размера;
- использовать gif-анимацию;
- работать с баннерами;
- оценивать и тестировать сайт;
- вести проекты в области веб-дизайна;
Содержание курса:
Модуль 1. Что нужно знать веб-дизайнеру
- Обзор программ, используемых при создании веб-сайта. Обзор ресурсов, полезных для веб-дизайнера.
- Этапы разработки веб-сайта.
- Написание технического задания на разработку сайта.
- Создание прототипов сайта.
- Принципы построения системы навигации на сайте.
- Знакомство с DreamWeaver. Настройка программы, общие принципы работы. Работа с текстовым наполнением.
- Практическая работа:
- Перенос текста в программу DreamWeaver и его логическое форматирование
Модуль 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.
- Применение свободного позиционирования на странице.
- Способы создания резиновой «шапки» страницы
- Способы оформления меню, левой и правой колонок.
Модуль 7. Gif-анимация и баннеры. Создание динамических элементов в DreamWeaver
- Что такое GIF-анимация
- Создание анимированных баннеров, аватаров и смайликов
- Способы подключения роликов FLASH на страницу
- Вставка видео на страницу
- Использование динамических элементов на web-странице (на примере выпадающих меню и пр.), приёмы работы с элементами SPRY в Dreamweaver
- Практическая работа:
- Создание баннера и установка на страницу сайта.
- Установка FLASH на страницу сайта.
- Добавление динамических элементов
Модуль 8. Тестирование сайта. Использование системы управления сайтом
- Тестирование сайта. Система управления сайтом.
- Этапы стандартного тестирования сайта.
- Добавление системы поиска на сайте.
- Вставка географической информации (схема проезда и пр.) Использование системы управления сайтом (CMS). Виды CMS и решаемые ими задачи.
- Демонстрация системы, наполнение системы информацией.
- Демонстрация подключения дизайна к системе.
Файл:
Видеокодек: G2M3
Битрейт видео: ~316 Кбит/сек
Размер кадра: 1024х768
Аудиокодек: WMA
Битрейт аудио: ~48,0 Кбит/сек
Размер: 1,93 Гб
Скачать Специалист - Веб - дизайн. Создание корпоративных и информационных сайтов (2010)
Скачать с Letitbit.net
Скачать с Vip-file.com
Скачать с Sms4file.com
Скачать с Shareflare.net
|
