Негосударственное образовательное учреждение дополнительного профессионального образования
 
ПРОГРАММА КУРСА “WEB - ДИЗАЙН”


Занятие 1. 

    • Что такое WEB-дизайн?
    • Виды сайтов. Их структура..
    • Язык разметки Гипертекстовых документов (HTML): сущность, историческая справка, будущее.
    • Основные сведения о HTML. Версии HTML.
    • Понятие тэга, виды тэгов. Тэги <head>, <title>. и <meta>
    • Параметры тэга <BODY>. Управление фоном. Задание цветовой схемы. Способы задания цветовых параметров.
    • Форматирование текста страницы при помощи тэгов <b>, <i>, <pre>, <h1>…<h6>, <font>, <br>, <nobr>, <p>, <div>.
    • Создание линий с помощью тегов <hr>
    • Оформление кода страницы: использование комментариев.
    • Знакомство с редактором тэгов Dreamweaver 4.

 

 

Занятие 2. 

    Компьютерная графика. Теоретические сведения.

    • Два способа кодирования изображений – векторный и растровый. Достоинства и недостатки.
    • Основные форматы хранения графической информации.
    • Типы файлов иллюстраций.
    • Графика на Web-странице (форматы графических файлов, полезные советы по включению изображений на страницу).
    • Встраивание изображений в HTML-документ (фоновые изображения, выравнивание изображений, рамка, альтернативный текст, изображение-ссылка).
    • Знакомство с редактором тэгов Dreamweaver 4.
    • Параметры тэга <img>. Управление размещением иллюстрации и обтеканием текста.
    • Создание ссылки. Параметры тэга <a>. Понятие внешней и внутренней ссылки.
    • Способы указания источника файла для ссылок и иллюстраций: абсолютный, относительный, URL.
    • Структура сайта.

     

Занятие 3. 

    • Таблицы в HTML-документах:

     

  1. Встраивание на страницу, заголовок таблицы.
  2. Разделение на строки и ячейки, основные параметры таблиц.
  3. Форматирование данных внутри таблицы.
  4. Вложенные таблицы.
  5. Особенности построения таблиц (пустые ячейки, выравнивание в столбцах, слияние ячеек, фоновый рисунок и цвет рамки).

 
    • Организация списков (нумерованные, маркированные, определений, вложенные).
    • Работа с редактором тэгов Dreamweaver 4.
    • Таблицы - основное средство для управления расположением материалов в современном HTML.
    • Строение таблицы. Параметры тэгов <TABLE>, <TR>, <TD>.
    • Способы задания размеров таблиц. Расчет размеров таблицы. Типичные ошибки при работе с таблицами.
    • Вложенные таблицы.
    • Создание списков. Виды списков.
    • Структурирование информации на странице при помощи списков и таблиц

     

 

 
 

Занятие 4. 

Программа PhotoShop.

    • Интерфейс программы.
    • Открытие и закрытие изображения. Изменение размеров. Способы интерполяции. Изменение размеров канвы.
    • Обзор способов выделения областей изображения.
    • Обрезка изображения.
    • Отмена действий.
    • Инструменты выделения: “Область”, “Лассо”, “Волшебная палочка”.
    • Использование линейки, сетки, направляющих при выделении.
    • Дополнение, вычитание и пересечение областей выделения.
    • Приемы выделения областей сложной формы
    • Модификация выделения командами Select-Transform selection; Select-Feather и Select-Modify.
    • Понятие о слоях.
    • Использование инструментов коррекции изображения.
    • Восстановление деталей изображения с помощью инструмента "штамп".
       
       
       

 

 

Занятие 5. 

Техника коррекции изображения.

    • Понятие коррекции изображения.
    • Действия с выделенной областью: масштабирование, поворот, искажение выделенной области.
    • Коррекция области: изменение яркости и контраста.
    • Настройка изображения, виды коррекций - цветовая коррекция, тоновая коррекция.
    • Преобразование цветного изображения в изображение типа Duotone.
    • Способы окрашивания изображения и построения фоновых узоров
    • Использование градиента для создания объемных поверхностей.
    • Способы создания бесшовных узоров.
    • Способы создания обрамления на основе повторяющегося образца.

     

     Работа со слоями многослойного изображения

      • Работа со слоями.Зачем нужны слои .Способы создания слоя. Работа со слоями. Параметры слоя.
      • Связывание слоев.
      • Масштабирование, эффекты слоев.
      • Работа с текстом.Текстовые слои.
      • Спецэффекты на слоях: создание тени, ореола, имитация рельефа, обводка контура изображения.

 

Занятие 6. 

    Техника рисования

    • Инструменты свободного рисования. Использование кистей, аэрографа, карандаша, ластика.
    • Выбор цвета кисти. Цветовые модели. Библиотеки Pantone.
    • Выбор параметров кисти. Непрозрачность, режимы наложения. Особенности работы с графическим планшетом.
    • Закраска областей. Создание градиентных переходов.

    Фильтры

    • Фильтры: понятие фильтра, виды, работа с фильтрами.
    • Примеры рисования с помощью фильтров - рисования огня, льда, металла, воды.
    • Примеры монтажа с помощью фильтров.
    • Фильтр Lighting Effects. Освещение изображения.
    • Фильтр Displace. Теория смещения.
    • Расчет параметров фильтра Custom для создания уникальных эффектов.
    • Корректирующая фильтрация.

 

 
 
 

 

Занятие 7. 

    Специальные эффекты

    • Способы создания отражений, теней, световых ореолов
    • "Круги по воде".
    • Отражение в водной ряби.
    • Зеркальное отражение.
    • Способы создания тени.
    • Способы создания светового ореола. .
    • Использование фильтров для стилизации изображения.
 

 

 
 

Программа CorelDRAW 10

Занятие 8 

    • Программа CorelDraw: состав, особенности, использование в Internet.
    • Настройка программного интерфейса.
    • Способы создания графического изображения в CorelDRAW
    • Графические объекты. Работа с узлами.
    • Выделение и преобразование объектов.
    • Управление масштабом просмотра объектов. Режимы просмотра документа.
    • Копирование объектов.
    • Упорядочение размещения объектов.
    • Группировка объектов. Соединение объектов.

    • Линейки. Сетки. Направляющие.

    • Точные преобразования объектов.

    • Выравнивание и распределение объектов

    • Изменение геометрии объекта с помощью инструмента редактирования формы.
    • Разделение объектов с помощью инструмента-ножа.
    • Удаление части объекта с помощью инструмента-ластика.

     

Занятие 9 

    Техника рисования

    • Создание и редактирование контуров.
    • Создание объектов произвольной формы.
    • Свободное рисование и кривые Безье.

    • Работа с цветом. Цветовые модели.

    • Простые и составные цвета.

    • Способы окрашивания объектов.


    Разработка фирменного стиля

    • Создание логотипов.

     

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

    • Виды текста: простой и фигурный текст.

    • Фигурный текст. Создание, редактирование, форматирование, предназначение.

    • Размещение текста вдоль кривой.

    • Редактирование геометрической формы текста.

    • Простой текст. Создание, редактирование, форматирование, предназначение.

 

 

 

Занятие 10 

    Работа с растровыми изображениями.

    • Импорт растровых изображений.

    • Редактирование растровых изображений.

    • Фигурная обрезка.

    • Трассировка растровых изображений.

    • Форматы векторных и растровых изображений.

 
 
 

    Специальные эффекты

    • Добавление перспективы.
    • Создание тени.
    • Применение огибающей.
    • Деформация формы объекта.
    • Применение объекта-линзы.
    • Оконтуривание объектов.
    • Эффект перетекания объектов.
    • Придание объема объектам

Занятие 11. 

    Программа Flash

    • Интерфейс программы.
    • Открытие и закрытие изображения.
    • Использование линейки, сетки, направляющих.
    • Рисование и закрашивание. Изменение линий и контуров фигуры
    • Рисование прямых линий, овалов и прямоугольников. Выбор настроек рисования и контуров.
    • Использование инструментов коррекции изображения. Изменение размеров, вращение, трансформация.
    • Выравнивание и группировка
    • Понятие о слоях.Выделение слоя. Изменение порядка следования слоя.
    • Создание,блокировка и скрытие слоев
    • Создание и форматирование текста
    • Преобразование текста в фигуру.
    • Градиентная заливка. Фигурная заливка.
    • Способы создания заливки на основе повторяющегося образца.
    • Импорт из других приложений

Занятие 12 

 

Анимация

    • Ключевые кадры. Представление анимации во временной диаграмме
    • Слои анимации
    • Скорость воспроизведения
    • Кадрирование ( создание ) движения
    • Кадрирование изменения размера и поворота
    • Траектория движения
    • Анимация движения. Движение по маршруту. Маски
    • Сложная анимация. Практические приёмы
    • Кадрирование цветовых переходов
    • Преобразование текста в фигуру
    • Кадрирование изменения формы. Анимация формы. Установка меток .

    • Создание кнопок.
    • Озвучивание фильма
    • Использование эталонов (symbol) и экземпляров (instance). Работа с библиотекой эталонов
    • Особенности внедрения flash-ролика в HTML
 

Занятие 13 

 

Управляемая анимация

 

    • Action Script
    • Использование панели Action
    • Переход к кадру или сцене
    • Воспроизведение и остановка фильма Простейшие команды. Stop, Play, GetUrl
    • Остановка всех звуков
    • Назначение процедур объектам
    • Настройка событий мыши
    • Назначение процедур кадрам
    • Создание управляющих динамических кнопок
    • Создание управляемых фильмов
    • Создание управляемых элементов, игр.
    • Создание и публикация простейшего flash-сайта с возможностью навигации

     

Занятие 14 

Формы и Фреймы

 

    • Встраивание форм в HTML-документ (предназначение, принципы действия, компоненты).
    • Работа с редактором тэгов Dreamweaver 4.
    • Правила работы с формами. Элементы форм.
    • Общие сведения о CGI-программировании.
    • Простейшие формы со скриптом
    • Пример формы с контролем правильности ввода данных
    • Обзор элементов формы
    • Обращение к элементу form
    • Объект form
    • Объект button
    • Объект checkbox
    • Объект text и textarea
    • Объект radio
    • Объект select
    • Подтверждение правильности формы
    • Разбиение окна броузера на фреймы.
    • Описание фрейма на языке HTML. Задание логики взаимодействия фреймов.
    • Проблемы фреймовой организации страницы.
    • Правила переноса комплекса страниц на сервер.

     

Занятие 15. 

    • Спецификация CSS. Поддержка броузерами CSS. Основные понятия и определения.
    • Каскадные таблицы стилей:
      1. Модель форматирования документа (блоковые и встроенные элементы).
      2. Свойства CSS для шрифтов и текста (font и text).
      3. Свойства CSS для полей, отступов и границ (margin, padding и border).
      4. Свойства CSS для фона и цвета (background и color).
      5. Ввизуальное форматирования (позиционирование, списки, display, visible, clip, overflow, z-index).
      6. Создание слоев при помощи CSS.
      7. Создание текста с тенью при помощи слоев

     

Занятие 16. 

    • Каскадные таблицы стилей
    • Создание стилей и классов. Принципы группировки.
    • Редактирование свойств при помощи программы Dreamweaver 4
    • Применение стилей и классов к элементам документа HTML.
    • Создание стилей для оформления текста, ссылок, списков и элементов формы.
    • Фильтры
    • Создание текста с тенью при помощи фильтров и слоев;
    • Формирование отдельного стилевого файла и подключение к другим HTML-документам
 

Занятие 17. 

    • Язык написания сценариев JavaScript:
      1. Переменные.
      2. Операторы присваивания и сравнения.
      3. Строковые операции и комментарии.
      4. Ввод-вывод.
      5. Управление ходом программы (условные выражения, циклы).
      6. Встроенные функции (escape, eval, isNaN, typeOf).
      7. Встроенные объекты (Array, Boolean, Date, Function, Math, Number, String).
      8. Выражения
      9. Операторы
      10. Функции
      11. Методы в роли Функций
      12. Определение функции
      13. Вызов функции

 

Занятие 18. 

    • Оператор if…else
    • Оператор while
    • Оператор for
    • Оператор break
    • Оператор continue
    • Оператор switch
    • Оператор do…while
    • Объектная модель HTML-документа в броузере IE5.
    • Создание каталога магазина
    • Создание интеллектуальной игры
    • Свойства и методы объектов.
    • Событийная модель.
    • Мультимедийные фильтры Internet Explorer. Управление мультимедийными фильтрами Internet Explorer с помощью JavaScript.
    • Создание эффектов появления элементов на web-странице.
    • Применение мультимедийных эффектов к загрузке, выгрузке web-страниц, а также при переходе между ними.

Занятие 19. 

    • Собственные объекты броузеров (объекты window, history, navigator, location, screen, event, document).
    • Динамическое изменение документа (изменение содержимого блока, изменение содержимого формы, движущийся элемент, изменение структуры таблицы).
    • Динамическое создание DHTML-элементов.
    • Управление видимость DHTML-элементов, динамическое изменение их содержимого.
    • Перемещение DHTML-элементов.
    • Создание динамических элементов пользовательского интерфейса: иерархического выпадающего навигационного меню, раскрывающегося списка-оглавления, всплывающей подсказки.

 

Занятие 20. 

    • Обработка событий в JavaScript. RollOver-эффекты.
    • Работа с изображениями в JavaScript, создание управляемой анимации.
    • Основные принципы создания интерактивных Web-приложений. Примеры взаимодействия с пользователем.
    • Выбор дизайнерского проекта и способы его осуществление.
    • Создание собственного сайта.

    • Размещение (хостинг) и регистрация нового сайта.
    • Выбор имени и проблемы, связанные с регистрацией..

      Примечание:

Слушатели обязательно должны быть подготовлены по курсам “Пользователь ПК” и желательным также является знание какого-либо из языков программирования.

 

 
 
Сайт создан в системе uCoz