Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
Web-дизайн 2012.doc
Скачиваний:
3
Добавлен:
17.04.2015
Размер:
150.53 Кб
Скачать

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

Тема 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

Тут вы можете оставить комментарий к выбранному абзацу или сообщить об ошибке.

Оставленные комментарии видны всем.