Веб-дизайн и оформление электронных сми






Скачать 71.86 Kb.
НазваниеВеб-дизайн и оформление электронных сми
Дата публикации31.08.2016
Размер71.86 Kb.
ТипДокументы
l.120-bal.ru > Информатика > Документы
Якунин Александр Васильевич,

кандидат филологических наук, старший преподаватель

Кафедра Медиадизайна и информационных технологий

Магистратура, 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) как основное средство оформления Web-страниц. Применение стилей для оформления различных элементов на странице. Верстка Интернет-публикации на основе данной технологии.

Технологии публикации и поддержки Интернет-ресурса. Способы размещения Интернет-публикации на тематических ресурсах. Обзор основных регистрационных каталогов и тематических порталов. Правила регистрации. Факторы популярности публикуемого ресурса в сети Интернет и способы ее повышения.

Интерактивность как ключевой элемент современного 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.

Практические занятия ведет: Осадчая Екатерина Владимировна, старший преподаватель

Контрольная работа

  1. Создание gif-анимации на заданную тему.

  2. Настройка шаблонов сервиса: blogger.com

  3. Настройка шаблонов сервиса: tumblr.com

  4. Настройка шаблонов сервиса: 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.


Основная литература


  1. Алексеева М. Б., Балан С. Н. Технология использования систем мультимедиа: Учебное пособие. СПб., 2002.

  2. Агапова И.П. Самоучитель InDesign SC4. СПб., 2009.

  3. Беловский Г.Г., Зеленкевич В.М. Мультимедийные технологии: учеб.

пособие. / Г.Г. Беловский, В.М. Зеленкевич. Мн., 2009.

  1. Грачев А.. Создаем свой сайт на WordPress. Быстро, легко и бесплатно. СПб., 2011.

  2. Dreamweaver 8 с нуля! Книга + видеокурс / под ред. Панфилова. М., 2007.

  3. Левин А. Ш. Самоучитель Adobe Photoshop. СПб., 2005.

  4. Макарова, Т.В. Основы информационных технологий в дизайне. Омск, 2009.

  5. Макгилливрей К., Хед Э. - Использование 3D-технологий при создании WEB-сайтов. М, 2006.

  6. Попов А. Блоги. Новая сфера влияния. Мск., 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/

  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/



Добавить документ в свой блог или на сайт

Похожие:

Веб-дизайн и оформление электронных сми iconАннотация рабочей программы дисциплины «Веб-дизайн»
Целью освоения дисциплины «Веб-дизайн» является формирование у обучающихся знаний, умений и навыков технологий веб-дизайна, т е разработки,...

Веб-дизайн и оформление электронных сми iconПрограмма дисциплины «веб-технологии. Уровень 1 (Начальный)» для направления 072500. 62 «Дизайн»
Программа предназначена для преподавателей, ведущих данную дисциплину, учебных ассистентов и студентов направления подготовки 072500....

Веб-дизайн и оформление электронных сми iconПрограмма дисциплины «веб-технологии. Уровень 2 (Средний)» для направления 072500. 62 «Дизайн»
Программа предназначена для преподавателей, ведущих данную дисциплину, учебных ассистентов и студентов направления подготовки 072500....

Веб-дизайн и оформление электронных сми iconСми: информирование и предвыборная агитация : список литературы
Бархатный сезон на берегу информационного океана : о работе электронных сми во время предвыборных кампаний // Журналист. – 2000....

Веб-дизайн и оформление электронных сми iconПрограмма дисциплины «Литература» для направления 072500. 62 «Дизайн»
Программа предназначена для преподавателей, ведущих данную дисциплину, учебных ассистентов и студентов направления подготовки 072500....

Веб-дизайн и оформление электронных сми iconПрограмма дисциплины «Анимация. Уровень 1 (Начальный)» для направления 072500. 62 «Дизайн»
Программа предназначена для преподавателей, ведущих данную дисциплину, учебных ассистентов и студентов направления подготовки 072500....

Веб-дизайн и оформление электронных сми iconПрограмма дисциплины «История костюма» для направления 072500. 62 «Дизайн»
Программа предназначена для преподавателей, ведущих данную дисциплину, учебных ассистентов и студентов направления подготовки 072500....

Веб-дизайн и оформление электронных сми iconПрограмма дисциплины «История искусства и дизайна» для направления 072500. 62 «Дизайн»
Программа предназначена для преподавателей, ведущих данную дисциплину, учебных ассистентов и студентов направления подготовки 072500....

Веб-дизайн и оформление электронных сми iconПрограмма дисциплины «История кино и анимации» для направления 072500. 62 «Дизайн»
Программа предназначена для преподавателей, ведущих данную дисциплину, учебных ассистентов и студентов направления подготовки 072500....

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

Вы можете разместить ссылку на наш сайт:


Литература


При копировании материала укажите ссылку ©ucheba 2000-2015
контакты
l.120-bal.ru
..На главную