Веб-дизайн. Создание дизайн-макета сайта

Веб-дизайн. Создание дизайн-макета сайта​

Спойлер: Программа курса

Модуль 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)

Спойлер: Преподаватель

Кирилл Владимирович Успенский - преподаватель с огромным опытом практической работы. Профессионально знает html & css, веб-дизайн, владеет работой с Flash, растровой и векторной графикой, PHP и серверами. Богатый опыт практической работы и глубокие знания позволяют Кириллу Владимировичу излагать учебный материал доступно и понятно, живо и интересно. Именно эти особенности Кирилла Успенского отмечают слушатели в своих многочисленных благодарных отзывах.
Закончил МГУ им. Ломоносова. Веб-разработками занимается с 2001 года. Принимал участие в разработке и реализовал более 50 проектов в области веб-дизайна.

 

"Применение карт изображений ImageMap" насколько помню, карты изображений считаются дурным тоном, поправьте если это не так. в целом интересно

 

но знать про них не помешает

 

один в один курс специалиста : Веб - дизайн. Создание корпоративных и информационных сайтов, и цена тютелька в тутельку , наверное эту контору их выпускники организовали

 

да, там ещё Никит преподаёт

 

Точно, как у меня вылетело, что Никитин туда из специалиста переметнулся

 

Я не понимаю, это цифровой товар или запись на некий курс?

 

в паблике есть курсы Никитина (которые он вёл в Специалисте): Ajax, XML, SEO
ой , это же Успенский, его курсы тоже есть (по Джумле и одноимённый курс - Специалистовские записи тоже)

 

Обратите внимание, какая потасканная особа является ген.директоршой центра

Явно захотела через богатого сожителя мужа порулить

 

Вот ещё курс этой конторы
Поисковая оптимизация: SEO. Продвинутый курс

 

Почему-то меня это не удивляет, в последнее время много таких потасканных особ встречал в роли гендиректора

 

Ребята, записывайтесь в эту складчину - [500 часов видео от Cartoonsmart.com], там включены уроки по Веб-дизайну. Прошу прощения за рекламку)

 

что за очередная контора, — конкурент СПЕЦИАЛИСТУ?

 

скорее всего, только начинает

 

Ну что же, посмотрим на что ребята способны. Уже доброволец, выдвинул кандидатуру свою?

 

2 препода (минимум) со Специалиста туда ушли это Никитин и Успенский

 

мне ничего эти фамилии не говорят. я имел ввиду доброволец пойти втихаря содрать экран и раздать — нашелся?

 

как видишь, ещё нет
Успенский этот же курс вёл в Специалисте
Никитин есть в паблике (СЕО, Ajax, XML)