application/msword 88 Kb

Якунин Александр Васильевич,
кандидат филологических наук, старший преподаватель
Кафедра Медиадизайна и информационных технологий
Магистратура, 1 курс
2 семестр
2011- 2012 уч.г.
ВЕБ-ДИЗАЙН И ОФОРМЛЕНИЕ ЭЛЕКТРОННЫХ СМИ
План лекционных занятий
14 февраля. Основные Интернет-технологии и инструментальные средства
WEB-дизайна. Дизайн в Интернет: задачи, подходы, решения. Классификация
элек-тронных СМИ, специфика данного направления с точки зрения медиасферы
в целом. Отличие от СМИ традиционных. Перцептивные, семантические и
функциональные особенности электронных СМИ. Обзор наиболее показательных
тематических ресурсов.
21 февраля. Разработка информационной архитектуры Интернет-ресурса.
Элементы информационной архитектуры. Распределение информации по
разделам сайта с учетом информационной, логической и визуальной взаимосвязи
между разделами. Основные компоненты WEB-страницы и способы их
визуального представления на страницах сайта. Разработка простого макета
страницы и линейной системы навигации.
28 февраля. Эргономика WEB-ресурса. Эргономика сайта (web-usability).
Факторы, которые затрудняют и факторы, которые облегчают вос-приятие
пользователем информации на сайте. Макетирование в Web. Приемы
макетирования. Создание фиксированных и адаптируемых страниц. Размещение
информации на странице с учетом решаемых за-дач. Примеры удачных и
неудачных решений.
Принципы
классификации
WEB-контента.
Текст
как
основа
информационной архитектуры Интернет. Требования к текстовой информации,
представляемой для публикации в сети Интернет. Технологии обработки и
представления текстовой информации на Интернет-ресурсах: оптимизация,
семантическая релевантность и копирайтинг. Рейтинги цитирования в сети
Интернет. Форматирование текста с использованием программы Dreamweaver.
Логическое и физическое форматирование текста. Понятие о семантической
архитектуре Интернет-публикации.
6 марта. WEB-графика: оптимизация,
элементы интерфейса, GIFанимация. Методы подготовки графических изображений для Web-страниц.
Оптимизация графики создание GIF-анимации средствами Adobe ImageReady CS.
Разработка макета страницы в графических редакторах Adobe Photoshop, Adobe
Image Ready и Macromedia Fireworks.
Применение таблиц и шаблонов в WEB-дизайне. Таблица как основа
размещения элементов на странице. Структура таблицы на языке HTML и приемы
форматирования таблицы в программе Dreamweaver. Практическое применение:
разработка табличной структуры страницы и сборка нарезанного в Photoshop
макета страницы.
13 марта. Современные методы оформления Интернет-публикаций.
Каскадные таблицы стилей (CSS) как основное средство оформления Web1
страниц. Применение стилей для оформления различных элементов на странице.
Верстка Интернет-публикации на основе данной технологии.
Технологии публикации и поддержки Интернет-ресурса. Способы
размещения Интернет-публикации на тематических ресурсах. Обзор основных
регистрационных каталогов и тематических порталов. Правила регистрации.
Факторы популярности публикуемого ресурса в сети Интернет и способы ее
повышения.
Интерактивность как ключевой элемент современного WEB-интерфейса.
Понятие о интерактивности, теоретические модели, подходы и классификации
данного явления. Способы создания интерактивности в WEB-дизайне.
Практическое задание: создание фотогалереи, изменение текста в строке
состояния браузера и использование на страницах Java-апплетов. Язык Javascript
как один из инструментов создания интерактивности.
20 марта. Серверные технологии в Интернет-журналистике. Использование
серверных сценариев на Web-страницах для обеспечения обратной связи с
посетителями (HTML-формы), проведения опросов посетителей сайта, создания
ленты новостей и других целей.
Технология Flash: анимирование в информационной архитектуре сайта.
Технология Flash как средство создания анимации на WEB-странице:
анимирование навигационных панелей, баннеров, кнопок. Особенности создания
Flash-роликов.
Оценка и тестирование Интернет-публикации. Этапы стандартного
тестирования публикации в Интернет-СМИ. Методика тестирования сайта на
аудитории. Выработка предложений по редизайну и обоснование необходимости
редизайна. Обзор ресурсов, связанных с вопросами Web-дизайна и Web-usability.
План практических занятий
Занятие 1. Дизайн в Интернете: задачи, подходы, решения. Основные
понятия и терминология. Формирование представления о web -дизайне и его роли
для индустрии электронных СМИ. Разработка информационной архитектуры
новостного портала.
Занятие 2. Эргономика WEB-ресурса. Понятие «web-usability». Эргономика
сайта. Макетирование, навигация и визуальное проектирование новостного
портала.
Занятие 3. Методы обработки WEB-графики. Работа с изображениями.
Методы подготовки графических изображений для web -страниц. Оптимизация
графики.
Занятие 4. Создание gif-анимации средствами Adobe ImageReady CS.
Занятие 5. Применение шаблонов в WEB-дизайне: готовые шаблоны
WordPress, способы использования и настройки.
Занятие 6. Технологии публикации и настройки Интернет-ресурса.
Настройка
шаблонов
популярных
сервисов:
blogger.com,
tumblr.com,
livejournal.com.
Практические занятия ведет: Осадчая Екатерина Владимировна, старший
преподаватель
Контрольная работа
2
1.
2.
3.
4.
Создание gif-анимации на заданную тему.
Настройка шаблонов сервиса: blogger.com
Настройка шаблонов сервиса: tumblr.com
Настройка шаблонов сервиса: livejournal.com
Вопросы к экзамену
1. Специфика электронных СМИ, отличие данного направления медиа-сферы
от СМИ традиционных.
2. Основные технологические средства WEB-дизайна, сферы их приме-нения.
3. Основные этапы проектирования и разработки Web-сайта.
4. Методы компьютерной обработки текстовой информации.
5. Основные инструменты мультимедиа-технологий, применяющихся в WEBдизайне, принципы работы с ними.
6. Функциональная и семантическая структура WEB-документа. Назначение и
структура языка HTML.
7. Возможности компьютерных технологий в сфере обработки изображений.
Основные программные пакеты для работы с графикой.
8. Технологии компьютерной анимации, ее элементах и принципах.
9. Современные способы создания интерактивности в Интернет-продукции,
преимущества каждого из них.
10. Графический редактор Adobe Photoshop как инструмент создания графики
для WEB.
11. Технологии продвижения WEB-проектов в глобальной информаци-онной
сети: методы продвижения,
планирования и проведения рекламных
кампаний в Интернет.
12. Элементы информационной архитектуры ресурса Интернет: способы
организации управления и навигации в структуре WEB-проекта.
13. Содержание понятия «эргономика WEB-ресурса». Web-usability и его
основные принципы.
14. Методы макетирования в Web-разработке.
15. Методы создания анимации в структуре Интернет-ресурса.
16. Базовые подходы к верстке WEB-проекта: CSS и табличный дизайн.
Сравнительная характеристика.
17. Интерактивность как ключевой элемент современного WEB-интерфейса:
способы применения интерактивных технологий в структуре ресурса.
18. Основные алгоритмы, элементы и сценарии языка Javascript, сферы их
применения.
19. Специальные методы продвижения WEB-ресурса: Интернет-реклама и
комьюнити.
20. Продвижение Интернет-проекта в глобальной информационной сети.
Основные возможности сети Интернет для продвижения WEB-ресурса.
21. Интернет-ресурсы:
специализированные
ленты
новостей,
сайты
телеканалов, радиостанций, газет и журналов. Сравнительный анализ.
22. Информационная структура новостного портала. Анализ эффективности на
конкретном примере.
23. Эргономика новостного ресурса. Формирование основных принципов
эргономики прототипа.
24. Блоги и социальные сети. Анализ популярных ресурсов, примеры
эффективной работы в blogger.com, tumblr.com и livejournal.com.
3
Основная литература
1. Алексеева М. Б., Балан С. Н. Технология использования систем
мультимедиа: Учебное пособие. СПб., 2002.
2. Агапова И.П. Самоучитель InDesign SC4. СПб., 2009.
3. Беловский Г.Г., Зеленкевич В.М. Мультимедийные технологии: учеб.
пособие. / Г.Г. Беловский, В.М. Зеленкевич. Мн., 2009.
4. Грачев А.. Создаем свой сайт на WordPress. Быстро, легко и бесплатно.
СПб., 2011.
5. Dreamweaver 8 с нуля! Книга + видеокурс / под ред. Панфилова. М.,
2007.
6. Левин А. Ш. Самоучитель Adobe Photoshop. СПб., 2005.
7. Макарова, Т.В. Основы информационных технологий в дизайне. Омск, 2009.
8. Макгилливрей К., Хед Э. - Использование 3D-технологий при создании
WEB-сайтов. М, 2006.
9. Попов А. Блоги. Новая сфера влияния. Мск., 2008.
Дополнительная литература
1. Гало К. iПрезентация. Уроки убеждения от лидера Apple Стива Джобса. М.,
2010.
2. Джордан Даниель Adobe Photoshop CS. Магия в цвете. М., 2005.
3. Мержевич В. Приемы верстки Web-страниц. СПб., 2009.
4. Кастро Э. - HTML и CSS для создания web-страниц - / Элизабет Кастро: Пер
с англ. И.В.Диева. М., 2006.
5. Дубаков М. Создание веб страниц. Искусство верстки. / Дубаков М. М., 2009.
6. Калиновский А.И Юзабилити - как сделать сайт удобным / Калиновский А.И.
М., 2005.
7. Никсон Р. Создаем динамические веб-сайты с помощью PHP, MySQL и
JavaScript. / Никсон Р. СПб., 2011.
8. Круг С. - Веб-Дизайн / Круг С. СПб., 2008.
9. Бердышев С.Н. - Искусство оформления сайта. Практическое пособие / Бердышев С.Н. М., 2010.
10. Дунаев В. Сценарии для Web-сайта: PHP и Java Script. / 2-е изд. СПб., 2008.
11. Кавасаки Г. Стартап. 11 мастер-классов от экс-евангелиста Apple и самого
дерзкого венчурного капиталиста Кремниевой долины. М., 2011.
12. Кинкоф Ш. В. Наглядный самоучитель HTML. М., 2008.
13. Комолова Н. В. HTML: Самоучитель. СПб., 2008.
14. Тихонов А. И. Динамический HTML. /2-е изд. М., 2008.
15. Томас Д., Хэнсон Д. Х. Гибкая разработка веб-приложений в среде Rails.
СПб., 2008.
16. Чебыкин Р. Самоучитель HTML и CSS. СПб., 2008.
Интернет-ресурсы
1. Отчет компании Яндекс о состоянии русскоязычной
http://clubs.ya.ru/company/replies.xml?item_no=14434
2. Официальный сайт WordPress http://wordpress.org/
блогосферы
4
3. Официальный сайт WordPress Россия http://ru.wordpress.org/
4. Видео руководство по созданию блога на базе платформы Blogger
http://www.youtube.com/watch?v=rA4s3wN_vK8
5. Официальная страница платформы Тumblr https://www.tumblr.com/
6. Официальная
страница
русскоязычной
платформы
Livejournal
http://www.livejournal.com/
5