Web-дизайн.

Основные понятия:

• дизайн в Internet: задачи, подходы, решения, основные понятия и терминология;
• этапы разработки WEB-сайта, уменьшение затрат ресурсов и сроков создания WEB-сайта, основные формулировки в техническом задании на разработку сайта;
• возможности современных программ, используемых для создания WEB-страниц. Обзор программ Adobe Dreamweaver и 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. Итоговое занятие.