[Дизайн] Веб - дизайн. Создание корпоративных и информационных сайтов (Специалист)

Тема в разделе "Литература", создана пользователем Kub, 25 янв 2011.

Модераторы: Hilo
  1. Kub

    Kub

    Регистр.:
    5 июн 2009
    Сообщения:
    623
    Симпатии:
    483
    [​IMG]

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

    Производитель: Специалист
    Год выпуска: 2010
    Автор: Павлов Юрий Евгеньевич, Успенский Кирилл Владими
    Продолжительность: 32 ак. ч.
    Тип материала: Видеоурок
    Формат: FLV
    Размер: 2936 Mb
    Подробнее Перейти по ссылке


    Вы хотите стать настоящим профессионалом Web-дизайна? На наших курсах Вы им станете! Web-дизайнер – специалист, отвечающий за структуру и «лицо» сайта. В его обязанности входят создание макета сайта, разработка навигации, создание и оптимизация всех графических элементов – от простых кнопок до интерактивных flash-баннеров. Вы научитесь создавать оригинальные и стильные макеты сайтов и правильно верстать их. Вы легко сможете добавить в Ваши сайты иллюстрации, анимационные элементы и баннеры. Вы сможете разрабатывать удобную навигацию и грамотно акцентировать внимание на нужной информации. Вы сможете оценивать и тестировать сайт перед сдачей заказчику. По окончании курсов Вы сможете работать как в крупной компании, так и открыть своё дело, свою студию web-дизайна.

    Цель курса:
    научиться решать практические задачи разработки дизайна Web-страниц с использованием классических и современных подходов к дизайну веб-сайтов и приложений.
    Курс предназначен для веб-дизайнеров, разработчиков веб-приложений, работников рекламных агентств. Данный курс – основной в треке подготовки профессиональных Web-дизайнеров.

    По окончании курса Вы будете уметь:
    • самостоятельно создавать веб-страницы, используя различные программы;
    • грамотно размещать информацию на сайте;
    • разрабатывать навигацию, использовать шаблоны;
    • подбирать изображения нужного формата и размера;
    • использовать gif-анимацию;
    • работать с баннерами;
    • оценивать и тестировать сайт;
    • вести проекты в области веб-дизайна;

    Программа курса

    Модуль 1. Что нужно знать web-дизайнеру
    • Обзор программ, используемых при создании WEB-сайта. Обзор ресурсов, полезных для web-дизайнера.
    • Этапы разработки WEB-сайта.
    • Написание технического задания на разработку сайта.
    • Создание прототипов сайта.
    • Принципы построения системы навигации на сайте.
    • Знакомство с DreamWeaver. Настройка программы, общие принципы работы. Работа с текстовым наполнением.
    • Практическая работа:
    • Перенос текста в программу DreamWeaver и его логическое форматирование
    Модуль 2. Информационная архитектура сайта. Цветовые схемы.
    • Элементы информационной архитектуры.
    • Распределение информации по разделам сайта с учетом информационной, логической и визуальной взаимосвязи между разделами.
    • Основные компоненты WEB-страницы и способы их визуального представления на страницах сайта.
    • Цвет. Цветовые схемы, применяемые на сайте. Использование "безопасных" цветов
    • Современные стили дизайна
    • Практическая работа:
    • Структурирование информации и разработка системы навигации на конкретном примере
    Модуль 3. Макетирование web-страницы. Эргономика WEB-сайта
    • Принципы построения макета. Роль размеров в дизайне
    • Оформление web-страницы с использование CSS. Работа с CSS в DreamWeaver
    • Эргономика сайта (web-usability). Факторы, которые затрудняют и факторы, которые облегчают восприятие пользователем информации на сайте.
    • Версии сайта, адаптированные для печати и для мобильных устройств
    • Оформление текстового материала. Выбор шрифтов и размеров. Практические советы и рекомендации
    • Практическая работа:
    • Анализ эргономики сайтов на примерах.
    • Оформление макета страницы с использование CSS.
    Модуль 4. Подготовка иллюстраций и графических элементов
    • Требования к иллюстрациям в Internet. Обзор форматов иллюстраций JPEG, GIF, PNG, SWF, SVG.
    • Подготовка графики в программе Adobe PhotoShop. Способы уменьшения объема файла
    • Особенности использования векторных программ
    • Создание стандартных графических элементов - иконок, пиктограмм, favicon и пр.
    • Подготовка изображений с учётом стиля дизайна.
    • Особенности подготовки изображений на прозрачном фоне
    • Применение карт изображений ImageMap в WEB-дизайне
    • Использование CSS для создания эффектного дизайна
    • Практическая работа:
    • Создание различных элементов дизайна
    Модуль 5. Макетирование web-страниц с помощью таблиц
    • Нарезка и сохранение типового макета в программе Adobe PhotoShop.
    • Сборка макета в программе DreamWeaver
    • "Резиновый" и фиксированный дизайн: анализ и критерии выбора
    • Практические советы и рекомендации
    • Практическая работа:
    • Разметка области для нарезки макета.
    • Создание таблицы и сборка макета.
    • Способы создания резиновой «шапки» страницы
    • Способы оформления меню, левой и правой колонок.
    Модуль 6. Макетирование web-страниц с помощью блоков
    • Нарезка и сохранение типового макета в программе Adobe PhotoShop.
    • Способы сборки макета с использованием свойств CSS float и свободного позиционирования.
    • Приёмы блочной вёрстки web-страницы
    • Практическая работа:
    • Разметка области для нарезки макета.
    • Сборка макета с использованием float.
    • Применение свободного позиционирования на странице.
    • Способы создания резиновой «шапки» страницы
    • Способы оформления меню, левой и правой колонок.
    Модуль 7. Gif-анимация и баннеры. Создание динамических элементов в DreamWeaver
    • Что такое GIF-анимация
    • Создание анимированных баннеров, аватаров и смайликов
    • Способы подключения роликов FLASH на страницу
    • Вставка видео на страницу
    • Использование динамических элементов на web-странице (на примере выпадающих меню и пр.), приёмы работы с элементами SPRY в Dreamweaver
    • Практическая работа:
    • Создание баннера и установка на страницу сайта.
    • Установка FLASH на страницу сайта.
    • Добавление динамических элементов
    Модуль 8. Тестирование сайта. Использование системы управления сайтом
    • Тестирование сайта. Система управления сайтом.
    • Этапы стандартного тестирования сайта.
    • Добавление системы поиска на сайте.
    • Вставка географической информации (схема проезда и пр.) Использование системы управления сайтом (CMS). Виды CMS и решаемые ими задачи.
    • Демонстрация системы, наполнение системы информацией.
    • Демонстрация подключения дизайна к системе.

    Дополнительная информация:
    Видео с двух разных вебинаров, один из них вел Перейти по ссылке.

    1 часть
    Перейти по ссылке
    Перейти по ссылке

    2 часть
    Перейти по ссылке
    Перейти по ссылке

    Можно так же скачать здесь Перейти по ссылке
     
    Suxel нравится это.
  2. Lorrtes

    Lorrtes Создатель

    Регистр.:
    28 авг 2009
    Сообщения:
    14
    Симпатии:
    8
    На торренте, hide1:
    http://rutracker.org/forum/viewtopic.php?t=3380415
     
    Iohanaan нравится это.
  3. Kub

    Kub

    Регистр.:
    5 июн 2009
    Сообщения:
    623
    Симпатии:
    483
    Дополнительные материалы от курса Веб - дизайн. Создание корпоративных и информационных сайтов

    Перейти по ссылке
     
  4. seth

    seth Постоялец

    Регистр.:
    17 авг 2006
    Сообщения:
    84
    Симпатии:
    9
    может кто ссылки обновит, плз? все приведенные уже устарели
     
  5. Kub

    Kub

    Регистр.:
    5 июн 2009
    Сообщения:
    623
    Симпатии:
    483