Материалы

№

Наименование разделов и дисциплин

Всего,

час.

В том числе

Лекции

Практ. занятия (самост. работа)

Раздел 1. Web-дизайн

8

5

3

1. 1

«Компьютерные сети. Интернет»:

- Компьютерные сети;

- Способы доступа в Интернет;

- Структура Интернет;

- Web-сервер, Web-сайт

1

1

-

1. 2

«Адресация в Интернет»:

- IP-адрес;

- Унифицированный идентификатор ресурсов (URL);

- Регистраторы доменных имен и DNS-служба

1

-

1

1. 3

«Доступ к Интернет»:

- Программное обеспечение для доступа к информационным ресурсам;

- Хостинг. Регистрация бесплатного доменного имени. Загрузка файлов на Web-сервер

1

-

1

1. 4

«Общие сведения о дизайне»:

- Понятие дизайна;

- Виды дизайна;

- Принципы композиции;

- Правила композиции

1

1

-

1. 5

«Графический дизайн»:

- Принципы и особенности графического дизайна;

- Стили графического дизайна

1

1

-

1. 6

«Основы Web-дизайна»:

- Основные этапы создания сайта;

- Создание структуры сайта

1

1

-

1. 7

«Основы Web-дизайна» (продолжение):

- Создание структуры сайта

1

1

1

Промежуточное тестирование по разделу 1

1

-

-

Раздел 2. Создание сайтов

63

-

63

2. 1

«Синтаксис HTML»:

- Основные сведения о языке HTML;

- История языка HTML;

- Синтаксис HTML;

- Структура HTML-документа

1

-

1

2. 2

«Синтаксис HTML» (продолжение):

- Блочные элементы;

- Строчные элементы

1

-

1

2. 3

«Создание HTML-документа»:

- Форматирование текста;

- Параметры шрифта

1

-

1

2. 4

«Создание HTML-документа» (продолжение):

- Логические стили;

- Специальные символы;

- Создание списков в НТМL-документе

1

-

1

2. 5

«Цвет. Цветовые схемы»:

- Цветовые модели RGB, CMYK, HSB.

1

-

1

2. 6

«Цвет. Цветовые схемы» (продолжение):

- Восприятие цвета;

- Сочетаемость цветов;

- Цвет текста и фона;

- Цвет в HTML;

- Web-цвета

1

-

1

2. 7

«Изображения»

- Вставка изображений;

- Фон документа

1

-

1

2. 8

«Гиперссылки»:

- Основы гипертекста;

- Абсолютные и относительные ссылки

1

-

1

2. 9

«Гиперссылки» (продолжение):

- Карты ссылок

1

-

1

2. 10

«Таблицы»:

- Основы построения таблиц;

- Форматирование данных внутри таблицы

1

-

1

2. 11

«Использование таблиц в HTML-документах»:

- Тэги структурирования таблицы;

- Вложенные таблицы;

- Сложные таблицы

1

-

1

2. 12

«Использование таблиц в HTML-документах» (продолжение):

- Макетирование Web-страниц с помощью таблиц

1

-

1

2. 13

«Фреймы»

- Сферы применения фреймов;

- Правила описания фреймов

1

-

1

2. 14

«Основы каскадных таблиц стилей»:

- Введение в CSS;

- Базовый синтаксис CSS;

- Встраивание таблиц стилей в документ

1

-

1

2. 15

«Основы каскадных таблиц стилей» (продолжение):

- Группирование;

- Наследование;

- Значения стилевых свойств

1

-

1

2. 16

«Использование таблицы стилей для оформления Web-страницы»:

- Цвет и фон

1

-

1

2. 17

«Использование таблицы стилей для оформления Web-страницы» (продолжение):

- Шрифт

1

-

1

2. 18

«Использование таблицы стилей для оформления Web-страницы» (продолжение):

- Оформление текста

1

-

1

2. 19

«Использование таблицы стилей для оформления Web-страницы» (продолжение):

- Идентификация и группирование элементов

1

-

1

2. 20

«Использование таблицы стилей для оформления Web-страницы» (продолжение):

- Псевдоклассы и псевдоэлементы

1

-

1

2. 21

«Использование таблицы стилей для оформления Web-страницы» (продолжение):

- Группирование элементов   (span и div);

- CSS-позиционирование;

- Наслоение с помощью z-index

1

-

1

2. 22

«Использование таблицы стилей для оформления Web-страницы» (продолжение):

- Блочная модель CSS

1

-

1

2. 23

«Использование таблицы стилей для оформления Web-страницы» (продолжение):

- Плавающие элементы;

- Прозрачность элементов

1

-

1

2. 24

«Использование таблицы стилей для оформления Web-страницы» (продолжение):

- CSS списки;

- CSS меню

1

-

1

2. 25

«Использование таблицы стилей для оформления Web-страницы» (продолжение):

- Оформление таблиц.

1

-

1

2. 26

«Использование таблицы стилей для оформления Web-страницы» (продолжение):

- Введение в CSS3;

- Фон;

- Цвет;

- Свойства для текста

1

-

1

2. 27

«Использование таблицы стилей для оформления Web-страницы» (продолжение):

- Граница, скруглённые углы;

- Добавление теней;

- Трансформация;

- Градиенты

1

-

1

2. 28

«Особенности изображений в Web-дизайне»:

- Web-графика;

- Обзор графических форматов изображений

1

-

1

2. 29

«Подготовка и создание изображений в Web-дизайне»:

- основы работы в Adobe Photoshop

1

-

1

2. 30

«Подготовка и создание изображений в Web-дизайне» (продолжение):

- подготовка графики в Adobe Photoshop

1

-

1

2. 31

«Подготовка и создание изображений в Web-дизайне» (продолжение):

- Рисование фигуры;

- Контуры;

- Применение стилей слоя

1

-

1

2. 32

«Подготовка и создание изображений в Web-дизайне» (продолжение):

- Рисование

1

-

1

2. 33

«Подготовка и создание изображений в Web-дизайне» (продолжение):

- Инструменты ретуширования;

- Штамп;

- Инструменты коррекции изображений;

- Ластик;

- Осветлитель

1

-

1

2. 34

«Подготовка и создание изображений в Web-дизайне» (продолжение):

- Выделение;

- Маски

1

-

1

2. 35

«Подготовка и создание изображений в Web-дизайне» (продолжение):

- Текстовые эффекты

1

-

1

2. 36

«Подготовка и создание изображений в Web-дизайне» (продолжение):

- Разработка шапки для сайта в Фотошоп;

- Создание меню навигации для сайта

1

-

1

2. 37

«Подготовка и создание изображений в Web-дизайне» (продолжение):

- Графический редактор GIMP

1

-

1

2. 38

«Подготовка и создание изображений в Web-дизайне» (продолжение):

- Возможности по созданию логотипов в GIMP;

- Зеркальное отражение

1

-

1

2. 39

«Особенности Gif-анимации и баннеров»:

- Требования к баннерам;

- Стандартные размеры баннеров;

- Разработка статичного баннера

1

-

1

2. 40

«Особенности Gif-анимации и баннеров» (продолжение):

- Создание анимированного баннера.

1

-

1

2. 41

«Особенности Gif-анимации и баннеров» (продолжение):

- Создание иконки для сайта;

- UserBar (юзербар) в фотошопе

1

-

1

2. 42

«Принципы макетирования Web-страницы»:

- Дизайн в стиле Web 2.0.

1

-

1

2. 43

«Принципы макетирования Web-страницы»:

- Дизайн в стиле Web 2.0.

1

-

1

2. 44

«Способы макетирования Web-страниц»:

- Макет сайта

1

-

1

2. 45

«Способы макетирования Web-страниц» (продолжение):

- Определение фона для макета сайта;

- Разработка макета сайта

1

-

1

2. 46

«Способы макетирования Web-страниц» (продолжение):

- Разработка макета сайта

1

-

1

2. 47

«Способы макетирования Web-страниц» (продолжение):

- Разработка макета сайта

1

-

1

2. 48

«Способы макетирования Web-страниц» (продолжение):

- Нарезка макета сайта

1

-

1

2. 49

«Способы макетирования Web-страниц» (продолжение):

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

1

-

1

2. 50

«Создание макета страницы с помощью блоков»:

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

1

-

1

2. 51

«Создание макета страницы с помощью блоков» (продолжение):

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

1

-

1

2. 52

«Создание макета страницы с помощью блоков» (продолжение):

- Резиновый макет сайта;

- Эластичный макет сайта;

- Адаптивный макет сайта

1

-

1

2. 53

«Создание макета страницы с помощью блоков» (продолжение):

- Адаптивный макет сайта.

- Комбинированный макет сайта

1

-

1

2. 54

«Тестирование сайта»:

- Проверка корректности ссылок на сайте;

- Тестирование usability

1

-

1

2. 55

«Тестирование сайта» (продолжение):

- Проверка кроссбраузерности сайта;

- Валидация HTML-документа;

- Валидация CSS

1

-

1

2. 56

«Cистемы управления сайтом (CMS)»:

- Обзор современных CMS;

- Установка локального сервера;

- Установка Joomla

1

-

1

2. 57

«Cистемы управления сайтом (CMS)» (продолжение):

- Панель управления сайтом;

- Смена шаблона

1

-

1

2. 58

«Cистемы управления сайтом (CMS)» (продолжение):

- Загрузка и сохранение файлов, медиа-менеджер;

- Создание категорий;

- Создание материалов

1

-

1

2. 59

«Cистемы управления сайтом (CMS)» (продолжение):

- Главное меню;

- Модули

1

-

1

2. 60

«Cистемы управления сайтом (CMS)» (продолжение):

- Установка расширений;

Установка шаблона

1

-

1

2. 61

«Cистемы управления сайтом (CMS)» (продолжение):

- Компоненты;

- Баннеры;

- Контакты;

- Дополнительное меню;

- Лента новостей

1

-

1

2. 62

«Cистемы управления сайтом (CMS)» (продолжение):

- Поиск по сайту;

Загрузка файлов на хостинг

1

-

1

Промежуточное тестирование по разделу 2

1

-

1

Итоговое тестирование

1

-

1

Итого:

72

5

67