Содержание дисциплины

Тема 1. Введение в веб-дизайн. Современные тенденции развития веб-технологий.

Что такое интернет? Сервисы и протоколы. Интернет-адреса. Классификация сайтов. Анализ дизайна сайтов на примере победителей конкурса Золотой сайт 2011.

Тема 2. Начальное знакомство с технологиями создания сайтов в визуальном редакторе Adobe Dreamweaver.

Создание стартовой страницы. Сохранение документа. Редактирование названия страницы. Изменение текстовых заголовков. Вставка текста из других документов. Добавление изображений переднего и заднего планов. Создание ссылок на другие страницы сайта. Выбор и редактирование стилей CSS. Предварительный просмотр страниц в браузере.

Тема 3. Создание сайтa в визуальном редакторе Adobe Dreamweaver. Применение каскадных таблиц стилей: Подключение внешней таблицы стилей; создание нового правила стиля CSS; применение стиля к странице; изменение свойства существующего стиля CSS; создание таблицы стилей для печати.

Тема 4. Работа с текстом и изображениями на сайте.

Работа с текстом:

Ввод текста заголовка и абзаца. Добавление текста из другого источника. Вставка нумерованных и маркированных списков. Проверка орфографии в вашем документе, Поиск и замена текста. Вставка и редактирование таблицы. Импорт табличных данных.

Работа с изображениями:

Вставка изображений. Добавление фонового изображения. Оптимизация изображений. Импорт файлов Adobe Photoshop. Копирование и вставка изображений из Photoshop. Работа с Adobe Bridge.

Тема 5. Работа со ссылками. Верстка сайта.

Работа со ссылками:

Добавление текстовых ссылок на страницы того же сайта. Добавление ссылок в изображения. Создание ссылок на страницы других web-сайтов. Добавление ссылок, открывающих новые сообщения электронной почты. Добавление ссылок на определенные части страниц (якорные ссылки).

Верстка сайта:

Определение правил CSS для областей компоновки. Применение правил CSS к вставленным тегам <div>. Добавление на страницу заменителей текста и изображений. Экспорт правил CSS во внешние таблицы стилей. Использование линеек и направляющих для более точной настройки компоновки. Новые элементы верстки в HTML5.

Тема 6. Работа с мультимедийными материалами на сайте: создание фотогалерей на javascript, 3d-галерей, флеш-галерей.

Использование поведенческих функций Dreamweaver (behaviours). Применениеbehavioursдля замены исходного изображения. Изменение существующих поведенческих функций. Интерактивное открытие окна обозревателя. Определение областей, в которых будутотображатьсяи скрываться пользовательские эле­менты управления. Изменение события, запускающего поведенческую функцию. Создание 3Dгалерей на основе онлайн технологий. Создание флеш-галерей на основе бесплатных приложений. Новые мультимедийные возможностиHTML5.

Тема 7. Работа с мультимедийными материалами на сайте: подготовка и выкладывание на сайт видеоматериалов, виджеты. Создание меню.

Вставка ролика для проигрывателя Flash. Конвертация видеоматериалов в Adobe Media Encoder. Добавление Flash-видео. Вставка ссылок на видеоматериалы, размещенные на видеохостингах. Добавление на сайт виджетов с использованием Adobe Widget Browser. Добавление звуковых материалов. Новые мультимедийные возможности HTML5 в области видео и звука.

Создание меню сайта: табличное, основанное на ролловерных технологиях, основанное на технологии асинхронных java-script (spry).

Тема 8. Проверка кода сайта, публикация сайта в интернете, основы оптимизации и продвижения сайтов в поисковых системах.

Проверка кода сайта средствами Adobe Dreamweaver. Кроссбраузерная верстка (Adobe Browser Lab). Регистрация сайта на хостингах, получение доменного имени, FTP-клиенты.

Создание набора ключевых слов, сервисы Яндекс: Метрика, Веб-мастер, Каталог, Яндекс Директ. Биржа ссылок Sape.

4.3. Разделы дисциплины и междисциплинарные связи

с обеспечиваемыми (последующими) дисциплинами

№ п/п	Наименование обеспечиваемых (последующих) дисциплин	№ № тем данной дисциплины, необходимых для изучения обеспечиваемых дисциплин
		1	2	3	4	5	6	7	8
1.	Интернет-журналистика	+	+	+	+	+	+	+	+
2.	Новейшие электронные средства массовой информации	+	+	+	+	+	+	+	+
3.	Выпуск учебных СМИ	+	+	+	+	+	+	+	+

4.4. Содержание практических занятий

№ п/п	№ темы дисциплины	Тематика, содержание практических занятий, литература для подготовки к занятиям	Трудоемкость (час.)	Формируемые компетенции	Формы контроля усвоения знаний
1.	Тема 1	Введение в веб-дизайн. Современные тенденции развития веб-технологий. Классификация сайтов.	4	ПК-32, ПК-33	Проверка и анализ практической работы
2.	Тема 2	Начальное знакомство с технологиями создания сайтов в визуальном редакторе Adobe Dreamweaver.	4	ПК-32, ПК-33	Проверка и анализ практической работы
3.	Тема 3	Создание сайтa в визуальном редакторе Adobe Dreamweaver. Применение каскадных таблиц стилей.	4	ПК-32, ПК-33	Проверка и анализ практической работы
4	Тема 4	Работа с текстом и изображениями на сайте	4	ПК-32, ПК-33	Проверка и анализ практической работы
5	Тема 5	Работа со ссылками. Верстка сайта.	4	ПК-32, ПК-33	Промежуточная аттестация
6	Тема 6	Работа с мультимедийными материалами на сайте: создание фотогалерей на javascript, 3D-галерей, флеш-галерей	6	ПК-32, ПК-33	Проверка и анализ практической работы
7	Тема 7	Работа с мультимедийными материалами на сайте: подготовка и выкладывание на сайт видеоматериалов, виджеты. Создание меню.	4	ПК-32, ПК-33	Проверка и анализ практической работы
8	Тема 8	Проверка кода сайта, публикация сайта в интернете, основы оптимизации и продвижения сайтов в поисковых системах.	6	ПК-32, ПК-33	Проверка и анализ практической работы
	Итого		36