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

7.1. Содержание разделов дисциплины

1. Определение целей и задач курса

Понятийно-терминологический аппарат. Понятие, виды, история дизайна. Особенности компьютерного дизайна. Цели, средства, инструменты и материалы дизайна. Социальный язык дизайна. Использование «чужого творчества» в WEB – дизайне.

2.WEB – дизайн. Язык HTML

Ключевые понятия. WEB-сайт. Язык HTML. Содержание или контент. Скорость загрузки Ваших страничек. Раскрутка web-сайта. Структура и последовательность разработки WEB-site. Типовые решения в разработке WEB-site. Дизайн. Креативный дизайн как условие функциональной эффективности WEB-site. Профессиональные языки программирования WEB-site. HTML – как основа WEB документа. История HTML.

3. Художественные средства дизайн- композиции и их применение в WEB – дизайне

Единство, баланс, контраст, динамика, симметрия, асимметрия, ритм, нюансировка. Баланс и законы равновесия композиции. Стилизация объекта. Особенности применения законов композиции в WEB – дизайне.

4. «Моя первая HTML страничка»

Создание HTML документов. Первые фразы на языке HTML. Основные тэги стиля документа. Дополнительные тэги стиля. Размещение в HTML документах иллюстраций. Внешние картинки, звук и анимация. Этапы разработки персональной HTML странички.

5. Оптимизация графических изображений для WEB – дизайна

Оптимальная степень сжатия. Использование прогрессивной развертки. Уменьшение количества цветов. Оптимизация палитры изображения. Стилизация изображения. Искажение размеров изображения. Способы размещения растровых изображений в проекте WEB странички. Размещение графических изображений в персональной HTML страничке.

6. Оформление таблиц в HTML документе

Обычная таблица. Таблица с тонкой рамкой. Таблица с толстой рамкой. Таблица с фоновой подсветкой ячеек. Таблица с горизонтальными линиями. Таблица без рамки. Размещение таблицы в проекте. Размещение таблиц в персональной HTML страничке.

7. Дизайн функциональных компонентов WEB сайта

Дизайн инструментов для навигации и перенаправления документов. Функциональные требования к компонентам WEB сайта. META-теги и гиперссылки. Подготовка страничек для поисковых систем. Изготовление и размещение функциональных компонентов в персональной HTML страничке.

8. Применение программного обеспечения для WEB мастеринга Особенности разработка HTML страничек в программах: Notepad, Dreamweaver, FrontPage, Corel DRAW, Photoshop и др. Браузеры их виды и особенности обработки синтаксиса языка HTML. Завершение работы над персональной HTML страничкой.

9. Проект web сайта

Этапы разработки персонального WEB сайта. Концепция и требования к сайту. Эскизная разработка визуального решения. Навигация. Структура. Контент. Выбор программного обеспечения для реализации.

8. ЛАБОРАТОРНЫЕ РАБОТЫ

Не предусмотрены

9. ПРАКТИЧЕСКИЕ ЗАНЯТИЯ

Практические занятия предназначены для приобретения и развития умений и навыков по данной дисциплине.

10. СЕМИНАРСКИЕ ЗАНЯТИЯ

11. САМОСТОЯТЕЛЬНАЯ РАБОТА

1. Синтаксис языка HTML.

2. Разработать HTML страничку с использованием карты Map.

3. Разработка и размещение HTML странички на сервере .

4. Разработка визуального решения сайта Научного студенческого общества ТюмГУ.

5. Разработка и размещение HTML странички образовательного учреждения на сервере.

6. Разработка сайта досугового центра.

7. Электронное приглашение на педагогическую конференцию.