Самостоятельная работа студента – заочная форма обучения, срок обучения 5 лет
Неделя
|
Кол. час
|
Темы, разделы, вынесенные на самостоятельную подготовку, вопросы к практическим и лабораторным занятиям; тематика рефератной работы, контрольных работ, рекомендации по использованию литературы и ЭВМ и др.
|
Реализуемые компетенции
|
|
|
Самостоятельное изучение отдельных тем курса:
|
|
5-8
|
14
|
Самостоятельная работа в направлении визуальной структуры рекламных сообщений, по видам художественных шаблонов, а так же по способам управления поведением зрителя в информационной среде. Понятия фирменного стиля, таких как логотип, знак, девиз, цветодекоративные сочетания, виды шрифтов. Важным являются понятия равновесия композиции, сюжетно-композиционный центр, рекламная идея, рекламный носитель. Необходимо уяснить, чем отличаются художественно-образные и композиционные средства рекламы, а так же что такое художественное и технологическое конструирование.
|
ПК-18,
ПК-29
|
11-12
|
14
|
Обзор и работа с другими программными продуктами для создания web экспозиции
|
ПК-18,
ПК-29
|
13-14
|
16
|
Самостоятельная разработка различных веб-приложений и веб-сайтов с целью совершенствования навыков в среде веб-дизайн.
|
ПК-18,
ПК-29
| Темы заданий для практической самостоятельной работы |
1-18
|
52
|
Проект верстки и форматирования страниц корпоративного журнала.
Проект верстки и форматирования объявления.
Проект верстки и форматирования логотипа.
Проект рекламы для монитора.
Проект обложки тематического издания.
Проект комплекта корпоративной документации (визитка, бланк письма).
Проект тематического буклета.
Проект web-странички.
Проект знака-кода для визуальных коммуникаций.
Проект GIFанимации знака-кода.
Проект баннера.
Проект системных фирменных констант для себя лично.
Проект телевизионного рекламного ролика.
Проект слайд-фильма.
Редактирование оригинал-макета рекламы на ПК (тема заданий № 1-10) по предложению преподавателя.
Редактирование текста в тематической композиции.
Редактирование изображения в тематической композиции.
Реконструкция тематической композиции.
Редактирование анимации знака-кода.
Редактирование анимации баннера.
|
ПК-18,
ПК-29
|
1-18
|
18
|
Усвоение текущего учебного материала
|
ПК-18,
ПК-29
|
1-18
|
12
|
Темы и вопросы, определяемые преподавателем с учетом интересов студента
|
ПК-18,
ПК-29
|
Самостоятельная работа студента – заочная форма обучения, срок обучения 3 года 6 месяцев
Неделя
|
Кол. час
|
Темы, разделы, вынесенные на самостоятельную подготовку, вопросы к практическим и лабораторным занятиям; тематика рефератной работы, контрольных работ, рекомендации по использованию литературы и ЭВМ и др.
|
Реализуемые компетенции
|
|
|
Самостоятельное изучение отдельных тем курса:
|
|
5-8
|
14
|
Самостоятельная работа в направлении визуальной структуры рекламных сообщений, по видам художественных шаблонов, а так же по способам управления поведением зрителя в информационной среде. Понятия фирменного стиля, таких как логотип, знак, девиз, цветодекоративные сочетания, виды шрифтов. Важным являются понятия равновесия композиции, сюжетно-композиционный центр, рекламная идея, рекламный носитель. Необходимо уяснить, чем отличаются художественно-образные и композиционные средства рекламы, а так же что такое художественное и технологическое конструирование.
|
ПК-18,
ПК-29
|
11-12
|
14
|
Обзор и работа с другими программными продуктами для создания web экспозиции
|
ПК-18,
ПК-29
|
13-14
|
16
|
Самостоятельная разработка различных веб-приложений и веб-сайтов с целью совершенствования навыков в среде веб-дизайн.
|
ПК-18,
ПК-29
| Темы заданий для практической самостоятельной работы |
1-18
|
52
|
Проект верстки и форматирования страниц корпоративного журнала.
Проект верстки и форматирования объявления.
Проект верстки и форматирования логотипа.
Проект рекламы для монитора.
Проект обложки тематического издания.
Проект комплекта корпоративной документации (визитка, бланк письма).
Проект тематического буклета.
Проект web-странички.
Проект знака-кода для визуальных коммуникаций.
Проект GIFанимации знака-кода.
Проект баннера.
Проект системных фирменных констант для себя лично.
Проект телевизионного рекламного ролика.
Проект слайд-фильма.
Редактирование оригинал-макета рекламы на ПК (тема заданий № 1-10) по предложению преподавателя.
Редактирование текста в тематической композиции.
Редактирование изображения в тематической композиции.
Реконструкция тематической композиции.
Редактирование анимации знака-кода.
Редактирование анимации баннера.
|
ПК-18,
ПК-29
|
1-18
|
18
|
Усвоение текущего учебного материала
|
ПК-18,
ПК-29
|
1-18
|
12
|
Темы и вопросы, определяемые преподавателем с учетом интересов студента
|
ПК-18,
ПК-29
|
Самостоятельная работа студента – заочная форма обучения, срок обучения 2 года 6 месяцев
Неделя
|
Кол. час
|
Темы, разделы, вынесенные на самостоятельную подготовку, вопросы к практическим и лабораторным занятиям; тематика рефератной работы, контрольных работ, рекомендации по использованию литературы и ЭВМ и др.
|
Реализуемые компетенции
|
|
|
Самостоятельное изучение отдельных тем курса:
|
|
5-8
|
14
|
Самостоятельная работа в направлении визуальной структуры рекламных сообщений, по видам художественных шаблонов, а так же по способам управления поведением зрителя в информационной среде. Понятия фирменного стиля, таких как логотип, знак, девиз, цветодекоративные сочетания, виды шрифтов. Важным являются понятия равновесия композиции, сюжетно-композиционный центр, рекламная идея, рекламный носитель. Необходимо уяснить, чем отличаются художественно-образные и композиционные средства рекламы, а так же что такое художественное и технологическое конструирование.
|
ПК-18,
ПК-29
|
11-12
|
14
|
Обзор и работа с другими программными продуктами для создания web экспозиции
|
ПК-18,
ПК-29
|
13-14
|
16
|
Самостоятельная разработка различных веб-приложений и веб-сайтов с целью совершенствования навыков в среде веб-дизайн.
|
ПК-18,
ПК-29
| Темы заданий для практической самостоятельной работы |
1-18
|
52
|
Проект верстки и форматирования страниц корпоративного журнала.
Проект верстки и форматирования объявления.
Проект верстки и форматирования логотипа.
Проект рекламы для монитора.
Проект обложки тематического издания.
Проект комплекта корпоративной документации (визитка, бланк письма).
Проект тематического буклета.
Проект web-странички.
Проект знака-кода для визуальных коммуникаций.
Проект GIFанимации знака-кода.
Проект баннера.
Проект системных фирменных констант для себя лично.
Проект телевизионного рекламного ролика.
Проект слайд-фильма.
Редактирование оригинал-макета рекламы на ПК (тема заданий № 1-10) по предложению преподавателя.
Редактирование текста в тематической композиции.
Редактирование изображения в тематической композиции.
Реконструкция тематической композиции.
Редактирование анимации знака-кода.
Редактирование анимации баннера.
|
ПК-18,
ПК-29
|
1-18
|
18
|
Усвоение текущего учебного материала
|
ПК-18,
ПК-29
|
1-18
|
12
|
Темы и вопросы, определяемые преподавателем с учетом интересов студента
|
ПК-18,
ПК-29
|
Интерактивные технологии и инновационные методы, используемые в образовательном процессе
Основаны на использовании современных достижений науки и информационных технологий. Направлены на повышение качества подготовки путем развития у студентов творческих способностей и самостоятельности (методы проблемного обучения, исследовательские методы, тренинговые формы, рейтинговые системы обучения и контроля знаний и др.). Нацелены на активизацию творческого потенциала и самостоятельности студентов и могут реализовываться на базе инновационных структур (научных лабораторий, центов, предприятий и организаций и др.).
№
|
Наименование основных форм
|
Краткое описание и примеры, использования в модулях (темах), место проведения
|
Часы
|
|
Компьютерные симуляции
|
Все лабораторные работы выполняются в компьютерных классах университета
|
8
|
|
Деловые и ролевые игры
|
В процессе изучения дисциплины студенты выступаю в ролях экспертов по проектированию и сопровождению сайтов, web-разработчиков, верстальщиков, дизайнеров и др.
|
2
|
|
Разбор конкретных ситуаций
|
Проектирование различных сайтов на конкретном примере.
|
2
|
|
Психологические и иные тренинги
|
Необходимо преодолевать комплексы и страх отдельных групп студентов перед ложно сформированными представлениями о недоступности и элитарности знаний в области сетевых технологий
|
2
|
|
Проведение форумов и выполнение групповых семестровых заданий и курсовых работ в интернет-среде
|
Все конкурсные и лабораторные работы выполняются в сетевой среде
|
2
|
|
Электронное тестирование знаний, умений и навыков
|
Достижение результата в лабораторных работах отражает уровень знаний и умений каждого студента
|
2
|
|
Использование информационных ресурсов и баз данных
|
Тексты лабораторных работ, рабочая программа дисциплины, контрольные задания для заочников, экзаменационные вопросы размещены в локальной сети вуза.
Учебно-методические пособия, примеры, задания, исходные данные для выполнения лабораторных заданий размещены на файл-сервере университета по адресу \\University\Users\воробьева\ в соответствующих папках
|
|
|
Применение электронных мультимедийных учебников и учебных пособий
|
Учебные пособия по дисциплине размещены в Интернете по адресу it-faculty.rsue.ru и на файл-сервере университета по адресу \\University\Users\воробьева\Пособия\
|
|
|
Использование проектно-организованных технологий обучения работе в команде над комплексным решением практических задач
|
Бригады студентов участвуют в конкурсе на лучший сайт по заданной теме
|
|
Средства обучения
Информационно-методические
№
|
Перечень основной и дополнительной литературы, методических разработок; с указанием наличия в библиотеке
|
Основная литература:
|
1.
|
Adobe Dreamweaver CS4 [Текст]: официальный учебный курс. – М.: Эксмо, 2009. – 304 с.
|
1
|
2.
|
Алексеев, А.П. Введение в WEB-дизайн [Текст]: учеб. пособие для вузов / А.П. Алексеев. – М.: СОЛОН-ПРЕСС, 2008. – 184 с.
|
5
|
3.
|
Биндер, Кейт. Adobe Photoshop CS4 за 24 часа [Текст] / Кейт Биндер; Пер. с англ. – М.: ООО «И.Д. Вильямс», 2010. – 528 с.
|
5
|
4.
|
Буймистру, Т.А. Колористика: цвет – ключ к красоте и гармонии [Текст] / Т.А. Бурмистру. – М.: Изд-во «Ниола-Пресс», 2010. – 236 с.
|
5
|
5.
|
Глушаков, С.В. CorelDRAW X4 [Текст] / С.В. Глушаков, Е.В. Гончарова. – 3-е изд. доп. и перераб. – М.: АСТ, 2008. – 476,[4] с.
|
7
|
6.
|
Жадаев, Б.Г. Macromedia Flash 8 [Текст]: визуальный самоучитель / Б.Г. Жадаев. – М.: 100 книг: Триумф, 2007. – 368 с.
|
1
|
7.
|
Сырых, Ю.А. Современный веб-дизайн. Рисуем сайт, который продает [Текст] / Ю.А. Сырых. – М.: – ООО «И.Д. Вильямс», 2008. – 304 с.
|
30
|
8.
|
Устин, В.Б. Композиция в дизайне. Методические основы композиционно-художественного формообразования в дизайнерском творчестве [Текст]: учеб. пособие для вузов / В.Б. Устин. – 2-е изд., уточ. и доп. – М.: АСТ: Астрель, 2007. – 239 с.
|
5
|
9.
|
Основы WEB-технологий [Текст] : курс лекций для студентов вузов : спец. "Интернет-технологии" / С. А. Брик, А. М. Русак, А. И. Сурин, П. Б. Храмцов ; под ред. П. Б. Храмцова ;
Интернет-ун-т информ. технологий. - М. : Интернет-ун-т информ. технологий, 2003.-374 с.
|
83
|
Дополнительная литература:
|
1.
|
Борисенко, Алексей Александрович. Web-дизайн [Текст] / А. А. Борисенко. - М. : Эксмо, 2008.- 320 с.
|
10
|
2.
|
Гото, Келли. Веб-редизайн [Текст] : пер. с англ. / К. Гото, Э. Котлер. - 2-е изд. - СПб. : Символ-Плюс, 2007.-376 с.
|
1
|
3.
|
Аксак, В.А. Новейшая энциклопедия Интернет 2007 [Текст]: всеобъемлющее руководство по эффективному использованию Сети / В.А. Аксак; ред. В.В. Александров. – М.: ЭКСМО, 2007. – 912 с.
|
3
|
4.
|
Евсеев, Д.А. Web-дизайн в примерах и задачах [Текст]: учеб. пособие / Д.А. Евсеев, В.Р. Трофимов; Под. ред. В.В. Трофимова. – М.: КНОРУС, 2010. – 272 с.
|
3
|
5.
|
Попов, В.А. Учебные проекты на Macromedia Flash [Текст]: метод. указания / В.А. Попов, А.И. Сенокосов. – М.: Чистые пруды, 2006. – 31 с.
|
55
|
6.
|
Разработка и технология производства рекламного продукта [Текст]: учеб. для вузов / Л.М. Дмитриева [и др.]; ред. Л.А. Дмитриева. – М.: Экономистъ, 2006. – 639 с.
|
1
|
7.
|
Тимофеев, Г.С. Графический дизайн [Текст]: науч. издание / Г.С. Тимофеев, Е.В. Тимофеева. – 2-е изд., перераб. и доп. – Ростов н/Д: Феникс, 2007. – 173 с.
|
1
|
8.
|
WEB-дизайнер [Электронный ресурс] : [обучающая прогр.]. - Электрон. изд. - М. : Media 2000, 2008.-1 электрон. опт. диск (CD-ROM).
|
1
|
3.2. Материально-технические
№ ауд.
|
Основное оборудование, стенды, макеты, компьютерная техника, наглядные пособия и другие дидактические материалы, обеспечивающие проведение лабораторных и практических занятий, научно-исследовательской работы студентов с указанием наличия
|
Основное назначение (опытное, обучающее, контролирующее) и краткая характеристика использования при изучении явлений и процессов, выполнении расчетов.
|
Компьютерные классы
|
Компьютер, локальная сеть, интерактивное оборудование, фото и видеокамеры, планшеты, спектрофотометр, имеется доступ к сети Интернет
|
Назначение опытное, обучающее. Применяется для создания web-интерфейсов, сайтов, изучения сетевых технологий
|
Телевизионные аудитории
|
Компьютер, телевизионная или проекционная техника
|
Назначение обучающее. Применяется для демонстрации презентаций, обучающих видеороликов
|
Текущий, промежуточный контроль знаний студентов
№
|
Тесты, темы курсовых работ/проектов, вопросы для текущего контроля, для подготовки к зачету, экзамену
|
1.
|
Экзаменационные вопросы:
Структура Интернет.
Информационная сеть WWW.
Структура современного web-дизайна.
Виды web-сайтов.
Информационная архитектура web-сайта.
Классификация технологий для создания web-сайта.
Этапы создания web-сайта.
Художественное оформление web-сайта.
Юзабилити web-сайта.
SEO-оптимизация web-сайта.
Браузеры: основные функции, виды, отличительные особенности.
Основные художественные средства композиции.
Средства гармонизации художественной формы.
Основные понятия цветоведения: излучаемые и отражаемые цвета, цветовой круг, хроматические и ахроматические цвета, цветовой тон, светлота, насыщенность, полихромия, родственные и контрастные цвета.
Эмоциональное воздействие цвета на человека.
Цветовые стили дизайна web-сайта.
Технология создания шаблона web-сайта средствами Adobe Photoshop.
Возможности Adobe Photoshop для создания элементов web-сайтов.
Возможности CorelDRAW для создания элементов web-сайтов.
Графика для web: форматы хранения, способы оптимизации, способы включения в web-страницу.
Создание анимации для web-сайтов: программное обеспечения для создания анимации, стандартные размеры баннеров, принципы создания анимации, включение в web-сайт flash-анимации.
Видео и звук на web-странице: рекомендации по использованию звука в Internet, форматы звуковых файлов для web, включение звука в web-страницу, встраивание видео на web-страницу.
Основные этапы создания сайта в Dreamweaver.
Использование каскадных таблиц стилей в Dreamweaver.
Форматирование текста, создание списков и таблиц в Dreamweaver.
Работа с изображениями в Dreamweaver.
Создание навигации в Dreamweaver.
Добавление интерактивности в Dreamweaver.
Создание форм в Dreamweaver.
Работа с анимацией в Dreamweaver.
Основные этапы создания сайта в CMS Joomla
Язык разметки HTML
Общие понятия о рекламном дизайне.
Креатив и проблемы визуализации.
Графический дизайн и его место в рекламе.
|
2
|
Темы рефератов
Технология размещения сайта в сети Internet. Технология размещения на платном хостинге. Бесплатные хостинги для размещения сайтов (обзор). Создание персональной страницы на web-сервере www.narod.ru. Предоставляемые возможности. Преимущества и недостатки размещения web-сайта на бесплатном хостинге.
Продвижение сайта в сети («раскрутка»). Оптимизация содержания сайта. Понятие семантического ядра сайта. Принципы подбора ключевых слов, подготовка web-документа для индексирования поисковыми роботами. Понятие релевантности web-документа.
Продвижение сайта в сети («раскрутка»). Понятие Индекса Цитирования Яндекса, понятие PageRank согласно данным поисковой системы Google. Файл robots.txt, его назначение, правила записи. Примеры кодов.
Продвижение сайта в сети («раскрутка»). Технология регистрации сайтов в поисковых системах и установки баннеров поисковых систем на web-сайт. Технология регистрация сайта в системах статистики и установки баннеров систем статистики на web-сайт.
Общая характеристика дизайна web-сайтов. Классификация web-сайтов. Дизайн web-сайтов в зависимости от назначения и тематики. Характеристики дизайна для каждой группы web-сайтов. Библиотеки шаблонов web-сайтов (адреса ресурсов).
Композиция web-сайта. Основные элементы web-сайта. Типы композиций: статичная и динамичная. Приемы создания композиций: линия, пятно, линия+пятно. Анализ композиции шаблонов web-сайтов (привести примеры).
Цветовое оформление web-сайтов. Понятие о цветовых гаммах: родственные, родственно-контрастные, контрастные, нюансные. Выбор цветовой гаммы web-сайта в зависимости от назначения и тематики сайта (адреса сайтов). Психологическое воздействие цвета на зрителя.
Шрифтовое оформление web-сайтов. Шрифт как элемент дизайна web-страниц. Виды шрифтов. Правила применения шрифтов при создании web-страниц. Особенности и приемы оформления шрифтов при создании гиперссылок (локальное форматирование, использование CSS).
Роль графики в web-дизайне. Вопросы межплатформенной совместимости при создании графических изображений для Web-страниц. Задание размеров изображения в дескрипторе ![]() Работа с атрибутом alt и браузерами, не воспроизводящими графику. Создание всплывающей подсказки с помощью атрибута title в дескрипторе ![]() . Сжатие фотографий и JPEG-файлы Сохранение аппликаций и текста в файл формата GIF Создание видимости быстрой загрузки рисунков Работа с форматами файлов PNG-8 и PNG-24. Преобразование графики в Web-изображения с помощью программ редактирования изображений. Создание Web-совместимых графических изображений на сканере.
Роль графики в web-дизайне. Создание цветных горизонтальных линий. Извлечение быстро загружающегося изображения – «наживки» с помощью атрибута lowsrc. Обеспечение правильного представления цветов с помощью Web-безопасной цветовой палитры. Создание графических гиперссылок. Создание мозаичного фона из графических изображений. Создание прозрачности в GIF-изображениях. Расширение Web-безопасной цветовой палитры с помощью техники растрирования. Сглаживание краев текста, преобразованного в графический элемент, за счет устранения контурных неровностей
Создание анимации для web-сайтов. Роль анимации в Web-дизайне. Понятие подключаемого программного модуля. Понятие динамического HTML (DHTML). Особенности работы с GIF-анимацией. Особенности работы с Macromedia Flash. Рекомендации по использованию анимации.
Создание анимации для web-сайтов. Стандартные размеры баннеров. Принципы создания анимации. Обзор программного обеспечения для создания анимации. Сравнительная характеристика. Преимущества и недостатки. Включение в web-сайт flash-анимации.
Работа с видео и звуком. Вопросы совместимости видео в Web. Рекомендации по использованию звука в Internet. Форматы звуковых файлов для web. Включение звука в web-страницу. Встраивание видео на web-страницу. Передача потокового аудио и видео со своего web-сайта. Создание страницы с web-камерой. Встраивание видео и аудио в страницу с помощью SMIL.
Текстуры в web-дизайне. Понятие текстуры: геометрическая, пиксельная, фотографическая, материальная, плоский цвет. Примеры сайтов (адреса).
Единство и баланс, как принцип дизайна. Использование в web-дизайне. Примеры композиций. Примеры web-сайтов (адреса).
Контраст как принцип дизайна. Контраст в форме, размере, расстоянии, цвете, текстуре, шрифте. Примеры композиций. Примеры сайтов (адреса).
Динамика как принцип дизайна. Признаки динамической композиции. Динамическая композиция web-сайта (приемы реализации). Примеры сайтов (адреса).
Статика как принцип дизайна. Признаки статичной композиции. Статичная композиция web-сайта (приемы реализации). Примеры сайтов (адреса).
Юзабилити. Организация навигации с точки зрения удобства пользователя.
Юзабилити. Организация визуальной иерархии и текстовой информации на web-сайте.
Юзабилити. Тестирование сайта на определение хорошей веб-навигации. Примеры «правильной» и «неправильной» веб-навигации.
Приемы верстки web-страниц. Создание фона web-страницы. Создание вертикальных и горизонтальных линий, в том числе декоративных. Приемы создания рамок, в том числе декоративных с закругленными углами. Создание колонок с разделителем. Создание буквицы.
|
3.
|
Практические задания:
Примерные темы сайтов:
1) Мои путешествия. Фотогалереи с описанием на темы. Автобиографический разбор
2) Моя школа, описание с иллюстрациями
3) Реклама в моей жизни, польза вред, причины возникновения аналитический разбор с иллюстрациями
4) Генеалогическое дерево, история моего рода аналитический разбор с иллюстрациями
5) Это мои кумиры, аналитический разбор с описанием и с иллюстрациями.
6) Книги изменившие мой внутренний мир, аналитический разбор
7) Обзор моих любимых компьютерных игры аналитический разбор с иллюстрациями
8) Обучающая презентация по компьютерной тематике, мультимедийный урок.
9) Моя музыка ,и мои музыкальные кумиры аналитический разбор с иллюстрациями
10) Растения Фотогалереи с описанием на темы
11) Дикие и Домашние Животные, Фотогалереи с описанием темы
12) Космос, внеземные цивилизации
13) Виртуальные путешествия по миру фотогалереи, аналитическая работа
14) Колпино в интернете, Колпинские сайты, фотогалереи, аналитическая работа
15) Красоты водной карелии, водный туризм
16) Фотогалереи с описанием на темы (Павловск,Пушкино, Гатчино, Петродворец, Ломоносов, Выборг, Достопримечательности СПБ)
17) Фотогалереи с описанием на темы ( Музеи и архитектура СПБ, Эрмитаж, Русский музей, Мосты СПБ, Религия СПБ, Образование, Театры)
18) Футбол, хокей, гонки, борьба, фигурное катание, шахматы, парусный спорт, альпинизм, туризм
19) Династия и история русских царей
20) Президенты США, биографии, иллюстрации, оценка.
21) Великие войны и завоеватели
22) История и сущность возникновения и действия религиозных орденов (тамплинеры, крестоносцы, массоны, иезуиты )
23) Великие исторические личности,оказавшие влияние на исторический процес развития мира, биографии, фото, анализ (Александр Македонский, Платон, Наполеон, Маркс, Ленин, Гитлер, Сталин)
24) Культура древнего Египта, Пирамиды, история религиии фароаонов, иероглифы письменость, фотогалерея, история мифы
25) История, культура древнего Китая
26) История, культура древней Индии
27) История, культура древней Греции
28) История древних славян (Гумелев, Асов)
29) История, культура древней Иудеи, иудаизм, кабала, тора
30) Анализ глобальной политики стран определяющих ход мировой истории.
31) Военные и экономические блоки.
32) Глобализация мира за и против, моя оценка
33) Яркие политики современного времени, биографии политиков.
34) Современные политики России, биографии, факты из жизни, аналитическая оценка
35) Если бы я был презедентом России, мои реформы, законы, действия.
36) Религии мира, величайшие религиозные деятели.
|
4.
|
Задания к контрольной работе
Задание 1
Найдите в Интернет два web-сайта для анализа функций и информационной архитектуры. Сайт должен содержать не менее десяти разделов.
В документе Word сформулируйте:
цели каждого из web-сайтов;
функции каждого из web-сайтов;
предполагаемую аудиторию каждого из web-сайтов.
Создайте логическую структуру для каждого из web-сайтов в виде блок-схемы. Для этого воспользуйтесь графическим редактором, рекомендуется CorelDRAW. Поместите созданные схемы в документе Word. Не забудьте сохранить документ.
Создайте предполагаемую физическую структуру web-сайта в виде блок-схемы. Присваивайте названия папкам и файлам согласно правилам, изученным в теоретическом блоке.
Задание 2
Из библиотеки шаблонов выбрать два изображения сайтов: с Г-образной композицией и с П-образной композицией.
Провести композиционный анализ каждого изображения: линия, пятно, линия+пятно.
Выявите основные элементы и второстепенные и учтите это при композиционном анализе.
Задание3
Из библиотеки шаблонов выбрать два изображения сайтов, которые не относятся ни к одному из видов композиции.
Провести композиционный анализ каждого изображения: линия, пятно, линия+пятно.
Выявите основные элементы и второстепенные и учтите это при композиционном анализе.
Задание 4
Создать блочную композицию сайта на свободную тему. Требования:
композиция сайта должна иметь Г-образную или П-образную композицию;
вверху должна располагаться «шапка» сайта;
панель навигации должна располагаться слева. На панели навигации необходимо учесть в композиции все ссылки согласно созданной ранее логической структуре сайта;
при композиционном анализе главной страницы использовать средства «линия» + «пятно»
Задание 5
Составить три блочные цветовые схемы, используя различные цветовые стили дизайна и различные композиции web-страницы.
Задание 6
Найдите в интернете понравившийся Вам шаблон сайта в формате psd, и сверстайте его с помощью нарезки.
Задание 7
Средствами графической программы Adobe Photoshop создайте фоновую текстуру для web-страницы.
Задание 8
Средствами графической программы Adobe Photoshop создайте анимационную кнопку для web-страницы.
Задание 9
Средствами графической программы CorelDRAW создайте фоновую текстуру для web-страницы.
Задание 10
Средствами графической программы CorelDRAW создайте анимационную кнопку для web-страницы.
Задание 11
Создать flash-баннер для web-страницы на свободную тему.
Задание 12
Создать web-страницу в Dreamweaver с использованием CSS. На странице необходимо разместить изображения, текст, список, таблицу, форму, flash-баннер.
Создать веб-страницу в CMS Joomla.
|
5.
|
Тестовые задания:
Модуль 1 «Основные понятия Web-дизайна»:
1. Какой из редакторов не используют для создания Web-страниц?
a. Microsoft FrontPage
b. VirtualDub
c. Macromedia Dreamweaver
d. HtmlPadFisherMan
2. С какими кодировками работает редактор HtmlPadFisherMan?
a. mac
b. mp3
c. avi
d. acc
3. Существует ли демо-версия Macromedia Dreamweaver? Если да, то каков ознакомительный период?
a. нет
b.29
c. 30
d. 40
4. В данном электронном учебнике говорится(рекомендует),что первым шагом при создании сайта является?
a. использование графики
b. доступность для пользователя
c. достоверность информации
d. выбор темы сайта
5. Для описания структуры сайта используют?
a. линейный тип
b. вертикальный тип
c. горизонтальный тип
d. спиральный тип
6. К какому классу относят редактор Macromedia DreamWeaver?
a. любительский
b. профессиональный
c. непрофессионый
d. простейший
7. Какой из инструментов не входит в состав Dreamweaver?
a. HTML
b. CSS
c. JavaScript
d. Movie Maker
8. Разработчики Dreamweaver называют его:
a. закрытым редактором
b. визуальным редактором
c. виртуальным редактором
d. нерельным редактором
9. Для создания новой страницы в Dreamweaver, необходимо использовать команду:
a. Basic Page
b. Open Recent
c. New
d. TITLE
10. Из скольких частей состоит селектор цвета?
a. 2
b. 3
c. 10
d. 4
11. Для задания цвета Dreamweaver использует:
a. двоичные коды
b. восьмиричные коды
c. десятиричные коды
d. шестнадцатиричные коды()
12. За что отвечает команда Grayscale в плитре цветов Dreamweaver?
a. сине-оранжевую палитр
b. черно-белую палитру
c. использование чёрного цвета
d. активирует все цвета
13.Чтобы закрыть окно выбора цвета,необходимо нажать?
a. Esc
b. Alt
c. Alt+Ctrl
d. Alt+F
14. Для удаления гиперссылки(Dreamweaver) и превращения ее содержимого в обычный текст необходимо воспользоваться комбинацией?
a. Ctrl+Shift+F
b. Ctrl+Shift+D
c. Alt+Ctrl+Del
d. Ctrl+Shift+L
15.Какой из режимов не относится к режиму отправки сайта на сервер?
a. None
b. VPN
c. Local/Network
d. FTP
Модуль 2 «Технологии создания и продвижения Web-сайта»
1. Гипертекст - это ...
a. очень большой текст
b. структурированный текст, в котором могут осуществляться переходы по выделенным меткам
c. текст, набранный на компьютере
d. текст, в котором используется шрифт большого размера
2. Если создать в Редакторе новую страницу, в правом верхнем углу которой будет находиться мигающий курсор и набрать текст, то где он будет находиться?
a. по центру страницы
b. у правого края строки
c. у левого края строки
d. по центру текущей строки
3. Файлы каких типов можно открыть в Редакторе командой open?
a. только файлы HTML (HTM, HTML)
b. файлы Preprocessed HTML (HTX, ASP) файлы RTF (Rich Text Format) текстовые файлы (ТХТ)
c. документы Word (DOC) - тайлы WordPerfect (DOC, WPD)
d. все вышеперечисленные
4. Можно ли перенести на страницу в FrontPage материал из файлов Microsoft Office?
a. да, но только копированием или вырезанием
b. нет
c. да, копированием или вырезанием а также прямым перетаскиванием файлов
d. да, но только прямым перетаскиванием файлов
5. Сколько уровней заголовков можно использовать при создании страниц?
a. 1
b. 2
c. 4
d. 6
6. При создании страниц списки используются для...
a. улучшения восприятия страниц
b. экономии места на диске
c. хранения важной информации
d. первоначальной загрузки страницы
7. Можно ли создать таблицу внутри уже существующей?
a. да, но не более чем в 3 строки
b. да
c. да, но только без рамки
d. нет
8. Если вы при создании страницы выберете шрифт, которого нет в другой пользовательской системе, что отобразит браузер пользователя?
a. браузер будет использовать другой шрифт
b. браузер не отобразит текст
c. браузер отобразит набор нечитаемых символов
d. браузер найдёт используемый шрифт в Internrt и загрузит его
9. В диалоговом окне Table Properties можно изменять...
a. объём памяти, используемый таблицей
b. начертание шрифта
c. цвет фона, размер рамки, ширину таблицы
d. вид кодировки текста таблицы
10. Какие цвета можно использовать для оформления текста?
a. только стандартные 16 цветов
b. 48 цветов палитры Редактора
c. любые
d. только чёрный
11. Что произойдёт с положением абзаца на странице при нажатии клавиши Align Right?
a. текст абзаца окажется посердине страницы
b. текст абзаца прижмётся к правому краю страницы
c. текст абзаца прижмётся к левому краю страницы
d. текст абзаца прижмётся к нижнему краю страницы
12. Как удалить горизонтальную линию?
a. выбрать пункт меню delete line
b. изменить цвет линии на прозрачный
c. поместить текст поверх линии
d.выделить линию и нажать клавишу 'delete'
13. Какие дополнительные элементы оформления могут использоваться на странице?
a. звуки
b. видео
c. бегущие строки
d. все вышеперечисленные
14. Фоновый рисунок страницы можно выбрать в диалоговом окне...
a. макет страницы
b. свойства страницы
c. параметры шрифта
d. предварительный просмотр
15. Можно ли изменить цвет ссылок на странице?
a. нет
b. да, но только ещё не просмотренных
c. да, но только ещё не просмотренных и акивных
d. да
16. Гиперссылки на Web-странице могут обеспечить переход ...
a. на любую Web-страницу любого сервера Интернет
b. на Web-страницу только в пределах данного домена
c. на Web-страницу только данного сервера
d. только в пределах данной Web-страницы
17. Можно ли создать гиперссылку на E-mail?
a. да
b. да, если адрес находится в пределах данного домена
c. да, если на странице указано имя владельца адреса e-mail
d. нет
18. Если открыть какой-либо сайт в браузере Microsoft Internet Explorer или Netscape Navigator, щелкнуть по любой ссылке на странице и, не отпуская кнопку мыши, перетянуть ее в Редактор что будет на странице?
a. сообщение о размерах старицы в Кбайтах
b. новая гиперссылка
c. содержимое страницы открытой в браузере
d. сообщение об ошибке
19. Какие форматы графических файлов можно использовать для вставки на страницу при использовании FrontPage?
a. BMP, GIF
b. GIF, JPG
c. TIFF
d. все вышеперечисленные
20. Как сохраняются изображения, вставляемые на страницу?
a. переводятся в двоичную форму и помещаются в HTML код
b. записываются в архив и прилагаются к HTML файлу
c. изображения не сохраняются, а при просмотре используются из библиотеки пользователя
d. сохраняются как отдельные файлы, а в HTML код вставляется только ссылка на них
21. Какое имя сайта можно, как правило, получить на серверах, предоставляющих бесплатный хостинг?
a. www.MYNAME.ru
b. www.MYNAME.com
c. www.MYNAME.host.ru
d. www.host.MYNAME.ru
22. Какие параметры имеют решающее значение при выборе хостинга для сайта?
a. месторасположение офиса компании
b. наличие сервиса загрузки файлов через браузер
c. скорость и надежность работы сервера
d. наличие файла справки
23. HTML (Hyper Text Markup Language) является ...
a. сервером Интернет
b. языком разметки гипертекста
c. языком программирования
d. средством просмотра Web-страниц
24. Броузеры (например, Microsoft Internet Explorer) являются ...
a. серверами Интернет
b. антивирусными программами
c. трансляторами языка программирования
d. средством просмотра Web-страниц
|
Дополнения и изменения в рабочей программе на учебный год _____/______
|
Следующие записи относятся к п.п.
|
Автор _____________________________________________________________ «____»____________2013 г.
|
Зав. кафедрой ______________________________________________________ ______________
(подпись) (дата)
|
|
Принято УМУ__________________________________ Дата:_____________________
 |
