Все курсы TeachPro :: Курс TeachPro Web-дизайн

Что необходимо знать Web-дизайнеру

Основы Дизайна

История русского дизайна
История русского дизайна. Русский дизайн с XIX в. до наших дней
Формообразование
Основные правила композиции
Цвет в дизайне

Компьютерная графика - что это такое?

Немного из истории
Основные виды компьютерной графики
Растровая графика
Векторная графика
Трехмерная графика
Фрактальная графика
Цветовые модели и палитры
Вспомним Аdobe Photoshop
Размеры изображения, кадрирование. Цветокоррекция

Общие сведения о Web-дизайне

Основы Интернет
WorldWideWeb. WWW, браузер, доменные имена
WorldWideWeb-2. Сайты и страницы, гипертекст и гиперссылки
Свойства документа
Особенности изображений для Web
Приемы оптимизации графики
О программе Macromedia Dreamweaver
Форматирование текста
Синтаксис текста
Разметка текста
Вставка изображения и редактирование его свойств
Создание простого Web-сайта

Технологии Web-дизайна

HTML

Что такое HTML
Что собой представляют HTML-файлы
Синтаксис HTML и структура HTML-документа
Тело документа. Элементы BODY, DIV, SPAN
Разметка текста. Phrase elements, font-style-elements
Разметка текста-2

Технический уровень

Списки
Ссылки
Ссылки-2
Таблицы
Таблицы-2
Изображения
Изображения-2
Формы
Формы-2
Фреймы
Фреймы-2
Изменение цветов фона. Горизонтальная линия
Стили шрифтов в HTML
Меню выбора в HTML
Создание формы отправки файлов в HTML
Карта изображения в HTML

Программы для работы с Web-сайтами

Векторная графика: Macromedia Flash

  • Первое знакомство. Работа с панелью инструментов

  • Обзор интерфейса программы (часть 1)
    Обзор интерфейса программы (часть 2)
    Установка основных параметров фильма, настройка интерфейса редактора
    Инструмент "Линия"
    Инструменты "Карандаш", "Овал", "Прямоугольник"
    Инструмент "Заливка"
    Инструмент "Преобразование заливки"
    Инструменты "Кисть", "Чернильница", "Пипетка", "Ластик"
    Инструмент "Стрелка"
    Инструмент "Свободная трансформация"
    Инструмент "Лассо"
    Инструменты "Перо", "Частичное выделение"
    Инструмент "Текст"
  • Основы анимации во Flash, символы и экземпляры

  • Создание покадровой анимации, отображение кадров -1
    Создание покадровой анимации, отображение кадров -2
    Раскадровка формы (морфинг)
    Раскадровка формы (морфинг). II уровень
    Раскадровка движения-1
    Раскадровка движения-2
    Символы и экземпляры, изменение свойств экземпляров символов
    Графические символы и символы видеоклипов
    Символы кнопок и их особенности , создание пульсирующей кнопки
  • Принципы работы со специальными слоями. Применение сцен

  • Общие принципы работы со слоями, опорные слои
    Слои траекторий. Принципы их использования
    Примеры создания трехмерных эффектов с помощью слоев траекторий
    Принципы работы с маскирующими слоями. Примеры их использования
    Примеры применения текста при маскировании (II уровень)

    Трехмерная графика. Создание рекламного ролика в 3D Max 6

    Часть 1
    Часть 2
    Часть 3

    Создание изображений для Web в программе Adobe Photoshop CS

    Форматы графических файлов для Web
    Команда Save For Web. Инструменты и режимы просмотра команды
    Сохранение для Web в формате jpg
    Сохранение для Web в формате jpg (продолжение)
    Цветовые модели изображения в формате jpg и Web
    Изображения в формате jpg и прозрачность
    Формат GIF
    Цветовая таблица (Color Table)
    Дизеринг. Поэтапный вывод изображения на экран
    Изображения в формате gif и прозрачность
    Изображения в формате gif и прозрачность (продолжение)
    Создание надписей для web-страниц
    Надпись с тенью и объемная надпись
    Анимации в формате gif
    Анимации в формате gif (продолжение 1)
    Анимации в формате gif (продолжение 2)

    Разработка электронных документов в программе Adobe Illustrator CS

    Создание Web страницы (часть I)
    Создание Web страницы (часть II)
    Создание Web страницы с вырезками и гиперссылками
    Создание анимационного клипа. Движение объекта
    Создание анимационного клипа. Преобразование объектов и их появление

    Создание электронных документов в CorelDraw 12

    Обработка исходного документа. Ввод гиперссылок и закладок
    Ввод гиперссылок и закладок. Вставка объектов Интернета. Формирование изображения для Web
    Порядок формирования изображения для Web
    Создание документов в формате HTML
    Создание документов в формате PDF

    Вставка мультимедиа при помощи программы FrontPage 2003

    Вставка фильма в формате Flash
    Изменение свойств фильма в формате Flash
    Вставка видеозаписи
    Настройки автоэскизов
    Создание коллекции фотографий на основе шаблона
    Создание коллекции фотографий как Web-компонента
    Изменение рисунка в коллекции фотографий
    Макеты коллекции фотографий
    Вставка меняющейся (интерактивной) кнопки
    Изменение свойств меняющейся кнопки

    Web-cайты. Типы и разработка

    Типы сайтов, назначение, цель, целевая аудитория
    Кодировка русского языка. Мировая паутина. Браузеры

    Обозреватели Интернет

  • Знакомство с браузерами

  • Что такое обозреватели?
    Навигация в обозревателе. Часть 1
    Навигация в обозревателе. Часть 2
    Любимые страницы. Печать
    Автономный режим работы
  • Интерфейс Internet Explorer 6.0

  • Панели браузера
    Панели инструментов
    Некоторые приемы работы
    Кнопки поиск, избранное
    Кнопки медиа, журнал
    Кнопки почта, печать, показать в виде HTML
    Главное меню. Меню Файл
    Главное меню. Меню Правка
    Главное меню. Меню Вид
    Главное меню. Меню Избранное
    Главное меню. Меню Сервис
    Главное меню. Меню Справка

    Путешествие в WEB

    Путешествие по миру АВТО
    Энциклопедия и WEB
    Литература в WEB (Часть 1)
    Литература в WEB (Часть 2)
    Музеи в WEB
    Отправление открытки
    Покупка книги
    Бронирование билетов

    Отличия от полиграфического дизайна на примере публикаций QuarkXPress 6.0

    Создание простых web-проектов
    Палитра Web Tools
    Диалоговое окно Preferences. Вкладка Export. Выбор браузера. Палитры, ориентированные на Web
    Преобразование печатных макетов в Web формат (часть I)
    Преобразование печатных макетов в Web формат (часть II)
    Стилизованный текст
    Создание гиперссылок
    Создание карты изображения
    Установка фона страницы. Использование изображения в качестве фона страницы
    Анкеры (часть I)
    Анкеры (часть II)
    Редактирование гиперссылок. Создание мета-дескрипторов (часть I)
    Редактирование гиперссылок. Создание мета-дескрипторов (часть II)
    Экспортирование Web-макета в HTML (часть I)
    Экспортирование Web-макета в HTML (часть II)
    XML

    Общие сведения о программировании на Java

    Введение
  • Среда программирования

  • Установка языка Java
    Компиляция и выполнение простой программы
    Текстовый редактор TextPad
    Апплеты
  • Основные структуры языка

  • Простая программа на языке Java
    Простая программа на языке Java. Комментарии
    Типы данных. Переменные. Целые числа
    16-ричные, 8-ричные и действительные числа
    Символьный и булевый типы данных
    Операторы. Арифметические действия
    Битовые операции. Математические функции
    Операторы. Преобразования типа
    Строки: создание, слияние, выделение подстроки, длина
    Строки. Изменение, сравнение, работа с ними
    Ввод данных с диалоговым окном и операции с ними
    Форматирование данных для отображения на консольном окне
  • Основные структуры языка (продолжение)

  • Оператор if. Синтаксис
    Оператор if. Составной оператор. Вложение операторов if
    Операторы цикла do
    Операторы цикла for
    Оператор switch
    Прерывание потока управления. Оператор break
    Большие числа. Арифметические операции
    Большие числа. Сравнение. Вычисление с большой точностью
    Одномерные массивы. Создание. Инициализация. Число элементов
    Одномерные массивы. Копирование. Сортировка
    Многомерные массивы. Создание. Инициализация
    Многомерные неровные массивы
  • Апплеты

  • Создание простого апплета
    Преобразование приложения в апплет
    Архивы jar
    Упаковка ресурсов в архивы jar
    Всплывающие окна в апплетах. Создание кнопки
    Всплывающие окна в апплетах. Обработчик событий
    Создание передаваемых параметров на html странице
    Чтение параметров в апплете
    Передача параметров апплетам. Построение гистограммы на их основе
    Анимированные гистограммы на основе параметров из Web страниц
    Создание цветных анимированных гистограмм на основе параметров из Web страниц. Создание нескольких вариантов страниц
    Апплет с закладками. Создание
    Апплет с закладками. Передача адресов для закладок в качестве параметров

    Публикация в WEB

    Регистрация сайта и загрузка файла на сайт
    Редактирование опубликованного сайта (Часть 1)
    Редактирование опубликованного сайта (Часть 2)
    Доступ к файлам по FTP