|
1 раздел «WЕВ - дизайн»
Тема № 1. Основные понятия.
Дизайн в Internet: задачи, подходы, решения. Основные понятия и терминология. Этапы разработки WEB-сайта. Уменьшение затрат ресурсов и сроков создания WEB-сайта. Основные формулировки в техническом задании на разработку сайта. Возможности современных программ, используемых для создания WEB-страниц. Обзор программ Macromedia DreamWeaver, HomeSite и Microsoft FrontPage. Основные возможности программы DreamWeaver. Задание цветового оформления. Выбор цветовой схемы. Создание и использование каскадных таблиц стилей CSS. Практическая работа. Создание макета сайта в программе DreamWeaver.
Тема № 2. Разработка информационной архитектуры.
Элементы информационной архитектуры.
Тема № 3. Основные компоненты WEB-страницы и способы их визуального представления на страницах сайта.
Разработка простого макета страницы и линейной системы навигации. Использование шаблонов (templates) в DreamWeaver: создание шаблонов, применение к готовым страницам, модификация шаблонов.
Тема № 4. Практическая работа.
Создание сайта с линейной системой навигации с использованием шаблонов.
Тема № 5. Эргономика WEB-сайта.
Эргономика сайта (web-usability). Факторы, которые затрудняют и факторы, которые облегчают восприятие пользователем информации на сайте. Макетирование в WEB. Приемы макетирования. Создание фиксированных и адаптируемых страниц. Размещение информации на странице с учетом решаемых задач. Примеры удачных и неудачных решений. Система навигации на сайте. Принципы построения системы навигации. Создание навигационных палитр.
Тема № 6. Практическая работа.
Создание сайта с двухуровневой системой навигации. Создание адаптируемого макета.
Тема № 7. Подготовка иллюстраций для WEB.
Требования к иллюстрациям в Internet. Обзор форматов иллюстраций JPEG, GIF, PNG, SWF, SVG. Подготовка графики в программах Adobe PhotoShop, Adobe ImageReady и Macromedia Fireworks. Способы уменьшения объема файла. Использование коллекций изображений (clipart) векторных графических редакторов на примере CorelDraw. Подготовка изображений, имеющих прозрачные области. Представление текстовой информации.
Тема № 8. Практическая работа.
Оптимизация заданных изображений и заготовок из Clipart. Размещение их на WEB-страницах.
Тема № 9. Подготовка графических элементов.
Создание кнопок. Имитация различных состояний кнопки. Создание фоновых иллюстраций. Техника создания бесшовных узоров в программах Adobe PhotoShop и Adobe ImageReady. "Нарезка" изображений на фрагменты в программе Adobe ImageReady. Оптимизация фрагментов изображений.
Тема № 10. Практическая работа.
Добавление кнопок и фоновых элементов.
Тема № 11. Gif-анимация и баннеры.
Карта изображения ImageMap. Что такое GIF-анимация. Способы создания и параметры анимации. Способы уменьшения объема файла. Использование Adobe ImageReady и Ulead GifAnimator для создания gif-анимации. Преобразование в GIF-анимацию файлов двухмерной и трехмерной графики. Баннеры: параметры, размещение на WEB-странице. Разработка сюжета баннера. Использование GIF-анимации и роликов FLASH в баннерной рекламе. Воздействие баннерной рекламы на пользователя. Применение карт изображений ImageMap в WEB-дизайне.
Тема № 12. Практическая работа: создание баннеров..
Тема № 13. Создание динамических элементов в DreamWeaver.
Основные сведения о программе DreamWeaver Назначение палитр Behaviors и TimeLine. Управление параметрами элементов в DreamWeaver. Обработка событий. Типовые операции (модальные окна, открытие новых окон и управление ими), проверка данных формы, управление видимостью и содержанием слоев, проверка броузера. Сложные операции: создание раскрывающихся меню, анимация слоев, создание эффекта "rollover". Использование возможностей Macromedia Flash.
Тема № 14. Практическая работа: создание эффекта "rollover" для кнопок..
Тема № 15. Оценка сайта.
Тестирование сайта. Критерии оценок созданного сайта. Способы снижения визуального шума и повышения четкости подачи материала. Этапы стандартного тестирования сайта. Методика тестирования сайта на аудитории. Выработка предложений по редизайну и обоснование необходимости редизайна. Обзор ресурсов, связанных с вопросами WEB-дизайна и WEB-usability.
Тема № 16. Практическая работа: выполнение тестирования заданного сайта и выработка предложений по редизайну..
2 раздел «Программирование WEB-сайтов»
Тема № 1. Принципы взаимодействия web-сервера и браузера.
Основы клиент-серверного взаимодействия. Протоколы высокого уровня. Протокол HTTP. Передача данных методами GET и POST. URL-кодирование данных. MIME-типы. Технология Cookie. Обзор существующих web-серверов. Области их применения. Статические и динамические web-страницы. Обзор технологий серверного web-программирования (CGI/Perl, PHP, ASP, JSP/сервлеты, SSI), их поддержка различными операционными системами и web-серверами.
Тема № 2. Администрирование Internet Information Server.
Основные сведения о IIS. Понятие "виртуального" сервера. Создание и настройка виртуального сервера в IIS 5.0. Понятие "домашней" и "виртуальной" директорий. Создание и настройка виртуальной директории. Сетевые утилиты Windows. Утилиты ping, netstat.
Тема № 3. Серверные решения на основе IIS.
Применение технологий ASP и PHP. Интерфейсы web-сервера. Интерфейсы CGI и ISAPI. Технология ASP. Языки программирования VBScript и JScript. Особенности и возможности. Примеры создания страницы с использованием технологии ASP на языках VBScript и JScript. Понятие ActiveX - компонента. Использование ActiveX-компонентов в IIS. Технология PHP. Язык программирования PHP. Особенности и возможности. Настройка IIS. для работы с PHP. Пример создания страницы с использованием технологии PHP.
Тема № 4. Администрирование web-сервера Apache.
Основные сведения о web-сервере Apache. Основы конфигурирования web-сервера Apache. Создание виртуального web-сервера в Apache. Создание виртуальной директории и настройка прав доступа к ней.
Тема № 5. Серверные решения на основе Apache.
CGI-программирование. Применение технологий PHP и SSI. Использование CGI-программ в Apache. Язык программирования Perl. Особенности и возможности. Пример создания страницы с использованием CGI-программы на Perl. Серверные переменные. Настройка Apache для работы с PHP как с подключаемым модулем и как с CGI-приложением. Технология Server Side Include. Настройка Apache для работы с SSI. Пример создания страницы с использованием SSI-директив.
Тема № 6. Основы работы с базами данных в web-приложениях.
Основы теории баз данных. Обзор типичных для web-технологий баз данных. Язык SQL. Работа с базой данных MySQL. Пример страницы использующей технологию PHP для доступа к БД MySQL. Работа с базой данных Access. Настройка ODBC. Пример страницы использующей технологию PHP для доступа к БД Access через ODBC.
3 раздел «Работа в программе "Adobe Photoshop"»
Тема № 1. Введение.
Назначение и применение системы. Виды и форматы изображений. Особенности растровых изображений. Параметры растровых изображений. Отличия PhotoShop 8 от предыдущих версий. Настройки системы. Организация палитр. Открытие и закрытие изображения. Изменение размеров изображения. Способы интерполяции. Изменение размеров канвы. Обрезка изображения. Отмена действий. Обзор способов выделения областей изображения.
Тема № 2. Техника выделения областей изображения.
Инструменты выделения. Управление параметрами инструментов. Дополнение, вычитание и пересечение областей выделения. Приемы выделения областей сложной формы. Модификация выделения командами Select-Transform selection; Select-Feather и Select-Modify. Действия с выделенной областью: масштабирование, поворот, искажение выделенной области. Коррекция области: изменение яркости и контраста. Использование линейки, сетки, направляющих при выделении.
Тема № 3. Создание многослойного изображения.
Зачем нужны слои. Способы создания слоя. Работа со слоями. Параметры слоя. Управление слоями с помощью палитры Layers. Особенности работы с многослойным изображением. Связывание слоев. Трансформация содержимого слоя. Создание коллажей.
Тема № 4. Работа со слоями многослойного изображения.
Объединение слоев в наборы Layer Set. Текстовые слои. Спецэффекты на слоях: создание тени, ореола, имитация рельефа, обводка контура изображения. Слияние слоев.
Тема № 5. Техника рисования.
Инструменты свободного рисования. Использование кистей, аэрографа, карандаша, ластика. Выбор цвета кисти. Цветовые модели. Библиотеки Pantone. Выбор формы кисти. Подключение библиотек кистей. Создание новой кисти. Выбор параметров кисти. Непрозрачность, режимы наложения. Особенности работы с графическим планшетом. Закраска областей. Создание градиентных переходов. Применение фильтров для имитации различных техник рисования.
Тема № 6. Техника ретуширования.
Чистка и восстановление деталей изображения с помощью инструмента "штамп". Использование инструмента "history brush". Использование инструментов коррекции изображения. Применение фильтров для размытия, повышения резкости и имитации световых эффектов.
Тема № 7. Выполнение сложного монтажа.
Общие сведения о каналах. Виды каналов. Создание и сохранение альфа-каналов. Использование маски слоя для качественного монтажа. Создание контура обтравки с помощью инструмента Path (контур) и его использование в издательских системах. Основные операции коррекции изображения. Использование корректирующих слоев для неразрушающей коррекции.
Тема № 8. Сканирование и коррекция изображения.
Приемы сканирования. Выбор параметров. Понятие разрешающей способности и линеатуры растра. Особенности сканирования прозрачных и непрозрачных материалов. Причины появления муара. Борьба с муаром. Выбор параметров коррекции исходя из применения изображения. Особенности коррекции для полиграфии и Интернет. Настройка точки черного, точки белого и гаммы изображения. Использование фильтров для стилизации изображения. Преобразование цветовых моделей. Выполнение цветоделения. Сохранение файла. Форматы графических файлов.
|
