Продолжительность обучения:
7 нед. (84 ак. час.) |
Посмотреть программу курса
Web-дизайн
Основные понятия:
- дизайн в Internet: задачи, подходы, решения, основные понятия и терминология;
- этапы разработки WEB-сайта, уменьшение затрат ресурсов и сроков создания WEB-сайта, основные формулировки в техническом задании на разработку сайта;
- возможности современных программ, используемых для создания WEB-страниц, обзор программ Macromedia DreamWeaver, HomeSite и Microsoft FrontPage;
- основные возможности программы DreamWeaver, задание цветового оформления, выбор цветовой схемы;
- создание и использование каскадных таблиц стилей CSS, практическая работа, создание макета сайта в программе DreamWeaver.
Разработка информационной архитектуры:
- элементы информационной архитектуры;
- распределение информации по разделам сайта с учетом информационной, логической и визуальной взаимосвязи между разделами;о
- сновные компоненты WEB-страницы и способы их визуального представления на страницах сайта;
- разработка простого макета страницы и линейной системы навигации;
- использование шаблонов (templates) в DreamWeaver: создание шаблонов, применение к готовым страницам, модификация шаблонов;
- практическая работа. Создание сайта с линейной системой навигации с использованием шаблонов.
Эргономика WEB-сайта:
- эргономика сайта (web-usability), факторы, которые затрудняют и факторы, которые облегчают восприятие пользователем информации на сайте;
- макетирование в WEB, приемы макетирования, создание фиксированных и адаптируемых страниц, размещение информации на странице с учетом решаемых задач, примеры удачных и неудачных решений;
- система навигации на сайте, принципы построения системы навигации, создание навигационных палитр;
- практическая работа, создание сайта с двухуровневой системой навигации, создание адаптируемого макета.
Подготовка иллюстраций для WEB:
- требования к иллюстрациям в Internet, обзор форматов иллюстраций JPEG, GIF, PNG, SWF, SVG;
- подготовка графики в программах Adobe PhotoShop, Adobe ImageReady и Macromedia Fireworks, способы уменьшения объема файла;
- использование коллекций изображений (clipart) векторных графических редакторов на примере CorelDraw;
- подготовка изображений, имеющих прозрачные области, представление текстовой информации;
- практическая работа, оптимизация заданных изображений и заготовок из Clipart, размещение их на WEB-страницах.
Подготовка графических элементов:
- создание кнопок, имитация различных состояний кнопки;
- создание фоновых иллюстраций, техника создания бесшовных узоров в программах Adobe PhotoShop и Adobe ImageReady;
- «Нарезка» изображений на фрагменты в программе Adobe ImageReady, оптимизация фрагментов изображений;
- практическая работа, добавление кнопок и фоновых элементов.
Gif-анимация и баннеры. Карта изображения ImageMap:
- что такое GIF-анимация, способы создания и параметры анимации, способы уменьшения объема файла;
- использование Adobe ImageReady и Ulead GifAnimator для создания gif-анимации, преобразование в GIF-анимацию файлов двухмерной и трехмерной графики;
- баннеры: параметры, размещение на WEB-странице, разработка сюжета баннера;
- использование GIF-анимации и роликов FLASH в баннерной рекламе, воздействие баннерной рекламы на пользователя;
- применение карт изображений ImageMap в WEB-дизайне;
- практическая работа: создание баннеров.
Создание динамических элементов в DreamWeaver:
- основные сведения о программе Dreamweaver;
- назначение палитр Behaviors и TimeLine;
- управление параметрами элементов в Dreamweaver, обработка событий;
- типовые операции (модальные окна, открытие новых окон и управление ими), проверка данных формы, управление видимостью и содержанием слоев, проверка броузера;
- сложные операции: создание раскрывающихся меню, анимация слоев, создание эффекта «rollover»;
- использование возможностей Adobe Flash;
- практическая работа: создание эффекта «rollover» для кнопок.
Оценка сайта. Тестирование сайта:
- критерии оценок созданного сайта;
- способы снижения визуального шума и повышения четкости подачи материала;
- этапы стандартного тестирования сайта;
- методика тестирования сайта на аудитории, выработка предложений по редизайну и обоснование необходимости редизайна;
- обзор ресурсов, связанных с вопросами WEB-дизайна и WEB-usability;
- практическая работа: выполнение тестирования заданного сайта и выработка предложений по редизайну.
Программирование WEB-сайтов
1. Web-сервер: установка и настройка
- 1.1 Что такое web-сервер?
- 1.2 Установка web-сервера. Apache. Denwer.
- 1.3 Настройка Apache: httpd.conf.
- 1.4 Настройка php: php.ini.
2. Язык программирования PHP.
- 2.1. Синтаксис PHP, переменные и константы, операторы, управляющие конструкции
- 2.2. Циклы: for, while, do-while, foreach. Практическая работа.
- 2.3. Массивы: одномерные, ассоциативные, многомерные. Применение циклов для обработки данных массива. Практическая работа.
- 2.4. Функции: определение и виды функций, переменные и аргументы функций, возврат значений, рекурсивные функции. Практическая работа.
- 2.5. Встроенные функции: документация php (php.net), функции переменных, работа со строками, работа с датой и временем, библиотека GDLIB.
- 2.6 Суперглобальные переменные: $_GLOBALS, $_SERVER, $_GET, $_POST, $_FILES, $_COOKIE, $_SESSION, $_REQUEST.
- 2.7 Работа с формами: HTTP, заголовки запроса и ответа, метод GET и POST – их использование и различия, получения и валидация передаваемых значений, отправка данных на email.
- 2.8 Работа с COOKIE и сессиями.
- 2.9 Работа с файлами.
3. Основы баз данных MySQL.
- 3.1. Структура БД.
- 3.2. Нормализация баз данных (I-V нормальная форма).
- 3.3. Реляционная БД.
- 3.4 Использование phpmyadmin для создания и работы с БД.
- 3.5 Основные инструкции MySQL: INSERT, UPDATE, SELECT, DELETE.
- 3.6 Отправка данных из форм в БД и виды информации. Практическая работа.
4. Безопасность и защита данных паролем, шифрование.
6. Разработка Интернет-магазина на языке PHP с использованием баз данных MySQL.
7. Тестирование готового проекта.
8. Размещение Интернет-магазина на хостинге, поддержка работоспособности, резервирование данных.
9. Итоговое занятие.
Adobe Photoshop
Введение:
- введение, назначение и применение системы, виды и форматы изображений, особенности растровых изображений, параметры растровых изображений;
- отличия PhotoShop от предыдущих версий;
- настройки системы, организация палитр;
- открытие и закрытие изображения, изменение размеров изображения, способы интерполяции, изменение размеров канвы;
- обрезка изображения;
- отмена действий;
- обзор способов выделения областей изображения.
Техника выделения областей изображения:
- инструменты выделения, управление параметрами инструментов;
- дополнение, вычитание и пересечение областей выделения;
- приемы выделения областей сложной формы;
- модификация выделения командами Select-Transform selection; Select-Feather и Select-Modify;
- действия с выделенной областью: масштабирование, поворот, искажение выделенной области;
- коррекция области: изменение яркости и контраста;
- использование линейки, сетки, направляющих при выделении.
Создание многослойного изображения:
- зачем нужны слои;
- способы создания слоя, работа со слоями, параметры слоя;
- управление слоями с помощью палитры Layers;
- особенности работы с многослойным изображением;
- связывание слоев, трансформация содержимого слоя;
- создание коллажей.
Работа со слоями многослойного изображения:
- объединение слоев в наборы Layer Set;
- текстовые слои;
- спецэффекты на слоях: создание тени, ореола, имитация рельефа, обводка контура изображения;
- слияние слоев.
Техника рисования:
- инструменты свободного рисования, использование кистей, аэрографа, карандаша, ластика;
- выбор цвета кисти, цветовые модели, библиотеки Pantone;
- выбор формы кисти, подключение библиотек кистей, создание новой кисти;
- выбор параметров кисти, непрозрачность, режимы наложения, особенности работы с графическим планшетом;
- закраска областей;
- создание градиентных переходов;
- применение фильтров для имитации различных техник рисования.
Техника ретуширования:
- чистка и восстановление деталей изображения с помощью инструмента «штамп»;
- использование инструмента «history brush»;
- использование инструментов коррекции изображения;
- применение фильтров для размытия, повышения резкости и имитации световых эффектов.
Выполнение сложного монтажа:
- общие сведения о каналах, виды каналов, создание и сохранение альфа-каналов;
- использование маски слоя для качественного монтажа;
- создание контура обтравки с помощью инструмента Path (контур) и его использование в издательских системах;
- основные операции коррекции изображения;
- использование корректирующих слоев для неразрушающей коррекции.
Сканирование и коррекция изображения:
- приемы сканирования, выбор параметров, понятие разрешающей способности и линеатуры растра;
- особенности сканирования прозрачных и непрозрачных материалов, причины появления муара, борьба с муаром;
- выбор параметров коррекции исходя из применения изображения, особенности коррекции для полиграфии и Интернет, настройка точки черного, точки белого и гаммы изображения;
- использование фильтров для стилизации изображения;
- преобразование цветовых моделей, выполнение цветоделения;
- сохранение файла, форматы графических файлов.
|