Курсы администратора web-сайтов

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 (контур) и его использование в издательских системах;
• основные операции коррекции изображения;
• использование корректирующих слоев для неразрушающей коррекции.

Сканирование и коррекция изображения:

• приемы сканирования, выбор параметров, понятие разрешающей способности и линеатуры растра;
• особенности сканирования прозрачных и непрозрачных материалов, причины появления муара, борьба с муаром;
• выбор параметров коррекции исходя из применения изображения, особенности коррекции для полиграфии и Интернет, настройка точки черного, точки белого и гаммы изображения;
• использование фильтров для стилизации изображения;
• преобразование цветовых моделей, выполнение цветоделения;
• сохранение файла, форматы графических файлов.