M-MEDIA.SU

Веб – дизайн. Создание корпоративных и информационных сайтов
Жанр: Обучающее видео
Производитель: Специалист
Автор: Павлов Юрий Евгеньевич, Успенский Кирилл Владимирович
Язык: Русский
Продолжительность: 32 часа
Формат: FLV
Размер архива: 2.78 Гб

Описание:
Какие знания необходимы для создания сайта? Во первых, хороший разработчик должен знать языки веб-программирования, уметь работать с Системами Управления Контентом, одним словом владеть всем, что составляет «техническую начинку» сайта. Во вторых, мастер должен обладать знаниями в области веб-дизайна, уметь работать с графикой, флеш-элементами, грамотно структурировать навигацию, делая таким образом сайт удобным и простым для использования, а также придавать внешнему виду сайта привлекательность и неповторимость. Вот как раз этой стороне разработки веб-ресурсов посвящен данный видеокурс.

Вы научитесь создавать оригинальные и стильные шаблоны сайтов и правильно верстать их. Вы легко сможете добавить в Ваши сайты иллюстрации, анимационные элементы и баннеры. Вы сможете разрабатывать удобную навигацию и грамотно акцентировать внимание на нужной информации. Вы сможете оценивать и тестировать сайт перед сдачей заказчику. А при желании, по окончании изучения этих материалов Вы сможете попробывать свои силы в профессиональной сфере, устроившись как в крупную компанию, так и создав свою собственную студию веб-дизайна.
Содержание видеокурса
Модуль 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 и решаемые ими задачи.
• Демонстрация системы, наполнение системы информацией.
• Демонстрация подключения дизайна к системе.
Закрыть
Видео: 1024×768 4:3 5fps ~173kbps
Аудио: mp3 44.1 KHz 96kbps 1ch

Скачать с LetItBit.net
Часть 1
Часть 2

Скачать с Vip-File.com
Часть 1
Часть 2

Огромное спасибо за то, что вновь посетили наш блог!

Метки: Adobe Photoshop, Dreamweaver, photoshop, Видео-урок, видеокурс, видеоуроки, обучающее видео