Программа курса

Web-дизайнер – специалист, отвечающий за структуру и "лицо" сайта. В его обязанности входят создание макета сайта, разработка навигации, создание и оптимизация всех графических элементов – от простых кнопок до интерактивных flash-баннеров.

Общее описание
курса Web-дизайн
:

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

курсе Web-дизайна

, Вы сможете сделать сайт интересным и посещаемым!
По окончании

курса Web-дизайн

Вы будете уметь:

Создавать веб-страницы, используя различные программы
Грамотно размещать информацию на сайте
Разрабатывать навигацию, использовать шаблоны
Подбирать изображения нужного формата и размера
Использовать gif-анимацию
Работать с баннерами
Оценивать и тестировать сайт

В процессе обучения в
курсе Web дизайна
изучаются следующие вопросы:

1. Обзор программ, используемых при создании WEB-сайта
2. Информационная архитектура сайта
3. Макетирование в

курсе Web-дизайна

. Эргономика WEB-сайта
4. Подготовка иллюстраций и графических элементов
5. Gif-анимация и баннеры. Карта изображения ImageMap
6. Оценка и тестирование сайта

Программа курса Web-дизайна

Занятие 1. Основные понятия

• Понятие WWW (World Wide Web).
• Понятие гипертекстовых документов и web-сайтов. Классификации web-сайтов.
• Различные типы web-сайтов, их назначение и использование. Типы гипертекстовых документов (web-страниц), их различия и сходства.
• Размещение и хранение web-страницы и сайты. Понятие web-сервера и принципы его работы с пользователем.
Обзор программ изучающий на курсах.
• Подбор программного обеспечения для работы над веб-сайтом. Необходимый минимум для начала работы.
• Способы создания веб-сайтов: визуальный, работа с кодом, комбинированный.
• Разработка структуры и этапы построения web-сайта.
• Информационное наполнение и взаимосвязи основных разделов и подразделов, а также дополнительных страниц веб-сайта.
• Определения с тематикой сайта и возрастной группой. Подбор ключевых слов, названия, мета-тегов, и копирайтинг.

Описание
курса Web дизайна
:
На этом курсе Вы изучите расширенные возможности программы, научитесь множеству сложных приёмов, которые позволят Вам создавать действительно качественные и высокопрофессиональные макеты сайтов и GIF-анимации.

По окончании
курса Web дизайна
Вы будете уметь:

Оптимизировать настройки программы.
Использовать векторные возможности Photoshop.
Работать с альфа-каналами.
Маскировать объекты, использовать слои.
Профессионально управлять цветом
Использовать различные методы коррекции изображений.
Тонировать и обесцвечивать изображения, создавать нужный фон, использовать различные категории фильтров.
Создавать надписи разных форм и стилей.
Сохранять графические файлы для Web.

РАБОТА В ПРОГРАММЕ ADOBE PHOTOSHOP CS5

Цель: Изучение программы Adobe PhotoShop CS5, предназначенной для создания и обработки изображений и создания дизайна макета сайта. Выбирать оптимальный формат файла при сохранении и экспорте изображения.

Занятие 1. Введение. Создание многослойного изображения. Техника выделения областей изображения

• Назначение и состав программы Adobe PhotoShop CS5. Понятие «растровое изображение». Особенности, параметры и форматы растровых изображений
• Настройка интерфейса программы. Понятие «рабочее пространство» (workspace).
• Открытие и закрытие файлов. Использование Adobe Bridge
• Создание нового изображения
• Изменение основных параметров изображений
• Способы отмены выполненных действий
• Кадрирование изображений
• Зачем нужны слои
• Способы создания слоя. Работа со слоями. Параметры слоя
• Управление слоями с помощью палитры «Layers»
• Особенности работы с многослойным изображением
• Сохранение многослойного файла
• Обзор способов выделения областей изображения. Инструменты локального выделения: назначение инструментов, настройка параметров
• Приемы выделения областей сложной формы. Особенности Adobe PhotoShop CS5
• Модификация формы выделения. Дополнение, вычитание и пересечение областей выделения. Растушевка границы области
• Действия с выделенной областью: перемещение, дублирование, масштабирование, поворот, искажение выделенной области

Занятие 2. Работа со слоями многослойного изображения• Выделение и связывание нескольких слоев. Трансформация содержимого слоя
• Операции со слоями
• Слияние слоев
• Группировка
• Текстовые слои
• Работа с текстом в Adobe PhotoShop. Растрирование текстового слоя
• Спецэффекты на слоях: создание тени, ореола, имитация рельефа
• Создание монтажа на основе нескольких изображений

Занятие 3. Техника рисования

• Инструменты свободного рисования. Использование кистей, карандаша, ластика
• Выбор цвета кисти. Цветовые модели.
• Выбор формы кисти. Подключение библиотек кистей. Создание новой кисти
• Выбор параметров кисти. Непрозрачность, режимы наложения. Закраска областей
• Создание градиентных переходов и узоров (pattern)

Занятие 4. Выполнение сложного монтажа
• Общие сведения о каналах. Виды каналов. Создание и сохранение альфа-каналов
• Быстрая маска
• Использование маски слоя для сложного многослойного монтажа
• Заливочные слои
• Основные операции коррекции изображения. Способы автоматической коррекции
• Контроль параметров при коррекции при помощи динамических гистограмм

Занятие 5. Векторные возможности Adobe Photoshop CS5

• Структура векторного контура (кривой Безье)
• Типы векторных объектов, используемых в Photoshop, их назначение
• Использование инструмента Перо (Pen) для вычерчивания контуров
• Создание и редактирование слоев векторных фигур (Shape Layers)
• Создание составных фигур. Использование стилей слоев применительно к слоям фигур
• Использование контуров для точного выделения объектов. Создание и использование обтравочных контуров (Clipping path)
• Создание и использование векторных масок, их особенности
• Обзор форматов файлов, поддерживающих сохранение векторных объектов
• Возможности обмена данными между Adobe Photoshop, Adobe Illustrator и др. программами
• Импортирование векторных файлов. Вставка в документ Photoshop векторных объектов
• Формирование художественных эффектов текста

Занятие 6. Тоновая и цветовая коррекция изображений . Техника ретуширования. Тонирование и обесцвечивание изображений. Методы создания рельефных поверхностей и повторяющихся узоров
• Подготовка к цветокоррекции
• Общие положения
• Идентификация оттенков
• Гистограмма уровней яркости
• Команды тоновой и цветовой коррекции
• Команды «быстрой» коррекции
• «Тонкая» цветокоррекция
• Использование корректирующих слоев
• Использование тоновых кривых (Curves)
• Чистка и восстановление деталей изображения с помощью инструментов “Clone Stamp”, “Spot Healing Brush ”, “Healing Brush” и “Patch Tool”. Настройка источников для клонирования
• Использование инструмента “History Brush”
• Удаление локальных цветовых искажений («красные глаза»)
• Использование инструментов коррекции изображения
• Формирование высококачественных Grayscale-изображений
• Способы тонирования изображений
• Паттерны (повторяющиеся узоры). Создание бесшовных узоров
• Имитация рельефных поверхностей
• Smart Filters. Обзор фильтров, использование Filter Gallery

Работа в программе Adobe Illustrator CS5

Цель: Изучение векторного редактора Adobe Illustrator CS5 для оформления Web-страниц. Выбирать оптимальные параметры при создании дизайна для Web –страниц.

Занятие 1. Основы работы с программой. Использование слоев для работы со сложными рисунками. Свободное рисование. Рисование сложных объектов. Использование разметки для точного планирования дизайна сайта.
• Применение компьютерной графики. Графические редакторы. Векторная и растровая графика.
• Рисование стандартных объектов.
• Выделение и преобразование объектов. Инструменты выделения.
• Управление масштабом просмотра объектов. Режимы просмотра документов.
• Перемещение объектов в стопке. Группировка. Выравнивание и распределение.
• Использование логических операций для рисования объектов сложной формы.
• Соединение контуров объектов. Разделение объектов. Фигурная обрезка.
• Применение искажающих фильтров к элементам рисунка.
• Использование разметки документа для точного позиционирования рисунка.
• Управление разметкой. Линейки. Направляющие. Сетка.
• «Умные» направляющие. Создание направляющей из объекта.
• Настройка элементов разметки.
• Размещение объектов на слоях. Настройка параметров слоя. Использование слоев для блокировки частей рисунка.
• Перемещение объектов между слоями. Шаблонные слои. Слияние слоев. Изолированный режим.
• Рисование и редактирование объектов произвольной формы.
• Кривые Безье.
• Редактирование формы объектов по точкам.
• Навыки работы с контурами.
• Преобразование объектов
• Масштабирование и растяжения
• Вращение и отражение
• Сдвиг
• Палитра Pathfinder
• Сочетание форм:добавить,вычитать,пересекаться,исключить,разбить,делить,отделить,слияние,кадрирование,план,минус назад.
• Позиционирование объектов
• Выравнивание и распределение
• Укладка объектов
• Сдвиг
• Группировка и разгруппировка
• Блокировка и разблокирование объектов и слоев
• Скрытие и отображение объектов и слоев

Занятие 2. Работа с цветом. Способы окрашивания объектов. Работа с текстом

• Цветовые модели.
• Способы окрашивания объектов. Редактирование цвета.
• Формирование собственного каталога цветов. Использование палитры Color Guide для выбора цвета. Создание групп цветов.
• Создание, применение и редактирование узоров и градиентов.
• Использование группы команд Edit Colors для редактирования цветов в рисунке.
• Копирование цвета. Способы выделения объектов с одинаковыми атрибутами.
• Применение к объекту градиентной сетки. Ограничения при работе с сетками.
• Способы ввода текста. Инструменты и палитры для работы с текстом.
• Ввод, редактирование и форматирование текста.
• Размещение текста вдоль кривой. Редактирование кривой.
• Создание текстовых блоков. Работа с блочным текстом.
• Связанные блоки. Настройка параметров обтекания объекта текстом.
• Импорт текста из других приложений. Перевод текста в контуры.
• Роль текста в дизайне.

Занятие 3. Работа с растровыми изображениями . Создание сложных изображений с помощью особых объектов программы.
• Способы переноса растровых рисунков в Иллюстратор. Связанные и внедренные изображения.
• Использование палитры Links для работы с импортированными рисунками.
• Редактирование растровых изображений.
• Маскирование. Применение фильтров к растровой картинке. Тонирование рисунков.
• Трассировка растрового изображения. Настройка параметров трассировки. Создание заготовок для трассировки.
• Использование инструментов Live Paint Bucket и Live Paint Selection для обработки трассированных изображений.
• Использование кистей для создания сложных обводок. Создание собственной кисти. Редактирование кистей.
• Использование оболочек для деформации рисунка. Создание оболочки из объекта. Преобразование оболочки.
• Перетекание объектов. Размещение группы перетекания на траектории. Настройка параметров перетекания.
• Работа с символами. Создание и редактирование рисунка из символов.
• Применение масок для обрезки рисунка. Настройка маски.
• Создание, редактирование и оформление диаграмм.

Работа в программе Adobe Flash CS5

Цель: Научиться основам работы с самым популярным редактором для создания красочных web-ресурсов Adobe Flash CS5. Создание интерактивных анимационных flash-роликов для использования в web-дизайне, flash-презентаций высокого качества. Используя Flash, Вы сможете добавить анимацию и звук на web-страницу, затратив минимум усилий.

По окончании курса обучения Flash Вы будете уметь:

Применять разные методы создания анимации.
Создавать презентации.
Создавать простые flash-сайты.
Производить обмен данными во Flash.
Публиковать и экспортировать Flash.

Занятие 1. Рисование во Flash CS5. Создание анимации. Виды анимации
• Введение.
• Знакомство с редактором Flash CS:
• Рисование. Работа с цветом, группами, текстом, растровой графикой
• Настройка редактора
• Импорт из других приложений
• Публикация
• Слои
• Методы создания анимации
• Покадровая анимация. Работа с хронометрической линейкой
• Понятие tween-анимации
• Анимация формы. Установка меток
• Анимация движения. Движение по маршруту. Маски

Занятие 2. Простейшие команды Action Script. Обработка событий • Использование эталонов (symbol) и экземпляров (instance). Работа с библиотекой эталонов
• Изменение свойств экземпляров
• Обработка событий
• Stop(), play(), gotoAndStop(), gotoAndPlay(), nextFrame(), prevFrame(), x, y. scaleX, scaleY, alpha

Занятие 3. Создание фотогаллерей

• Сложная анимация. Практические приёмы
• Создание кнопок с анимацией
• Проводник ролика
• Создание flash-фотогаллерей

Занятие 4. Простейшая интерактивность. Создание баннеров
• Обзор языка Action Script. Работа с редактором скрипта. Простейшие команды. Stop, Play, navigateToUrl
• Изменение свойств экземпляров
• Создание и публикация простейшего flash-сайта с возможностью навигации

Занятие 5. Обмен данными во Flash

• Адресация объектов во Flash
• Абсолютная и относительная адресация
• Обмен данными между клипами
• Динамические текстовые поля
• Загрузка в ролик данных из внешнего текстового файла
• Дублирование и присоединение объектов из библиотеки
• Динамическая подгрузка роликов

Занятие 6. Flash и HTML

• Использование функций Flash CS5. Основы интерактивной анимации
• Методы построения предзагрузчиков (Preloader)
• Эмуляция процесса загрузки ролика на клиентский компьютер
• Особенности внедрения flash-ролика в HTML
• Настройки публикации ролика. Шаблоны публикации

HTML (основы веб-дизайна / веб-мастеринга).

Цель:Введение в Dreamweaver CS5. Изучение интерфейса и рабочего пространства Dreamweaver CS5.
Изучение основ языка разметки HTML необходимых для построения сайтов и статических страниц в сети Internet.

Цель
курса Web-дизайна
:
Изучить основы языка разметки HTML, способы применения CSS2, основы построения сайтов для сети Internet. В курсе рассматриваются стандарты языка HTML 3 и 4, CSS1, CSS2, CSS 3 их различия, аспекты совместимости с различными браузерами.
Данный курс является базовым курсом для разработчиков сайтов и решений в сети Internet, Web-мастеров, Web-дизайнеров и других специалистов, работа которых связана с сетью Internet. Он рекомендуется всем слушателям, которые планируют в дальнейшем изучать другие курсы по теме "Интернет и Web-технологии".

По окончании курса Веб дизайна Вы будете уметь:

создавать web-страницы, содержащие все необходимые компоненты: текстовое наполнение, гиперссылки, графическое наполнение
создавать полноценный сайт путем определения иерархии взаимодействия web-страниц между собой
создавать интерактивные формы для взаимодействия пользователя с web-сервером
использовать возможности каскадных таблиц стилей CSS для повышения функциональности и улучшения оформления web-сайта
использовать технологию фреймов
размещать сайт в Internet

Занятие №1. Введение и основные понятия . Основы разработки web-ресурсов. Модели информационной архитектуры. Принципы «юзабилити». Понятие web-интерфейса. Основные элементы web-страницы и способы их компоновки. Разработка структуры сайта и системы навигации. Обзор форматов web-графики. Стандарты HTML и CSS. Стандарты разработки HTML-документов. Meta-теги, keywords (элементы поисковой оптимизации). Методы верстки web-страниц• Основные сведения о языках разметки: HTML, XML, XHTML. Эволюция языков разметки. Цели и задачи языка HTML.
• Что такое WEB-сервер, web-сайт, web-страница и чем они отличаются
• Структура HTML-документа. Понятие элементов и атрибутов
• Зачем нужна инструкция <!DOCTYPE>
• Что такое тег? Типы тегов. Правила оформления HTML-документа
• Основные элементы форматирования текста. Элементы блочной (block) и текстовой (inline) разметки
• Использование комментариев.
• Создание HTML-документа в программе Dreamweaver CS5
• Возможности программы Adobe Dreamweaver: Основы работы. Управление web-сайтом. Редактирование html-кода (Quick Tag, диалоговое окно Edit Tag). Команды Insert Tag и Tag Chooser
• Создание новых файлов и папок

Занятие № 2. Таблицы и списки

• Структурирование информации на WEB-странице при помощи списков. Типы списков
• Особенности табличной модели в HTML 4, отличия от модели в HTML 3.2. Таблица и ее элементы
• Правила задания размеров для таблицы и ее ячеек. Объединение ячеек. Типичные ошибки при работе с таблицами
• Использование таблиц. Макетирование web-страницы с помощью таблиц
• Использование вложенных таблиц
• Приемы использования таблиц на web-странице
• Структурирование информации на странице при помощи списков и таблиц

Занятие №3. Ссылки и иллюстрации

• Механизмы адресации на ресурсы в Internet. Реализация механизма в языке HTML
• Создание гиперссылок с помощью элемента A и его атрибутов. Типы ссылок
• Размещение иллюстрации на web-странице. Типы файлов иллюстраций. Элемент IMG и его атрибуты
• Распределение иллюстраций по страницам сайта: приемы и советы
• Добавление иллюстраций и ссылок на любимые сайты

CSS Технология CSS, её версии и поддержка браузерами.

Цель: Понятие, область применения и принципы построения каскадных таблиц стилей (CSS).
Использование CSS на веб-страницах, способы задания стилей и оформления отдельных элементов.
Обзор инструкций CSS для оформления сайтов.

Занятие 1 CSS-свойства: определение, способы задания, единицы измерения, использование для оформления html-элементов
• Виды CSS - внутренние стили глобальные или встроенные внешние или связанные
• Определение классов и идентификаторов
• CSS-селекторы .
• Блочная модель. Управление типами элементов – свойство display.
• Создание и управление таблицами стилей в программе DW

Занятие 2 Одноколоночная фиксированная верстка Горизонтальные и вертикальные CSS меню
• Верстка web-страниц со стандартными элементами - шапка, навигация, содержание и подвал.
• Создание меню с помощью маркированных списков.
• Введение понятия псевдоклассов.
• Определение float для позиционирования элементов меню.
• Сознание веб страничек и связей между ними.
• Хостинг. HTML-элементы: виды, параметры...

Занятие 3 Работа с текстом. Механизмы представления текстовой информации: оформление, выравнивание, отступы и др.• Использование CSS-свойств: Особенности отображения текста на web-странице.
• CSS-свойства, используемые для оформления текста.
• Примеры работы со шрифтами, общие способы и методы применения шрифтов, их характеристики и атрибуты.

Занятие 4 Слои в HTML • Определение, основные свойства.
• Создание слоев в Dreamweaver. Элементы DIV и SPAN.
• Особенности разработки элементов макетов для блочной верстки.
• Использование свойства float: выравнивание изображений, реализация эффекта таблицы.
• Псевдостили гиперссылок. Реализация эффекта ролловера средствами CSS.

Занятие 5 Способы верстки элементов web-страницы при помощи CSS
• Содержимое и слои. Фон слоя. CSS-свойства списков.
• Особенности использования блочной модели.
• Использование фоновых изображений .

Занятие 6 Схемы css-позиционирования. элемента.положения • Способы позиционирования элементов.
• Абсолютное и относительное позиционирование.
• Точное размещение блочных элементов HTML-разметки в окне браузера: размеры блока, абсолютные и относительные координаты.
• Наложение и вложение слоев, свойство z-index.
• Управление видимостью слоя и видимостью содержания слоя.

Занятие 7 Разработка макета web-страницы на основе css-позиционирования

• Используемые приемы.
• Особенности оформления.
• Управление шириной слоя, полями и отступами.
• Создание и редактирование макета с фиксированными и масштабируемыми колонками.
• Рекомендации по использованию css-позиционирования.

Занятие 8 HTML-формы

• Элементы формы.
• Юзабилити форм.
• Средства HTML и CSS для определения визуального отображения элементов форм.
• Примеры использования css-алгоритмов.
• Центрирование страницы средствами css.
• Алгоритм «раздвижные двери» CSS-спрайты.
• Кроссбраузерная верстка, использование условных комментариев.

Занятие 9 Средства автоматизации Dreamweaver. Размещение web-сайта на сервере.

• Использование панели Assets.
• Использование панели Snippets для хранения и вставки фрагментов кода.
• Использование трассирующего изображения.
• Способы доступа к сайту (по имени или IP-адресу). Понятие, принципы построения и работа DNS.
• Выбор и регистрация доменного имени сайта. Понятие и типы хостинга.
• Выбор хостинга для размещения своего сайта. Требования и ограничения серверов для размещения веб-ресурсов.
• Способы закачки сайта на сервер по протоколам HTTP и FTP.
• Обзор программного обеспечения для закачки файлов сайта на сервер и работа с ним. Размещение сайта на сервере.

Занятие 10 Создание веб-страницы с помощью шаблонов в визуальных редакторах. Тестирование работы вебсайта на сервере. Понятие карты сайта, её назначение и использование.
• Редактирование выбранного шаблона веб-страницы и его адаптация под свои нуж-ды в среде визуальных редакторов.
• Создание или изменение текстового наполнения шаблона, дополнения и уточнения.
• Инструменты для оформления текста. Измене-ние гарнитуры, размера и цвета текста. Выравнивание текста внутри блока.
Создание и редактирование гиперссылок в среде визуального редактора. Соз-дание и редактирование гипертекстовых меню в шаблоне веб-страницы.
Позиционирование и удаление отдельных элементов шаблона веб-страницы в среде визуального редактора.
• Создание собственных элементов и вставка их в шаб-лон. Разработка остальных страниц веб-сайта на базе данного шаблона.
Создание сложных эффектов (меняющихся изображений и выпадающих меню) в среде визуального редактора.
Унификация общего визуального оформления сайта.
• Проверка работы гипер-ссылок и логических связей между страницами сайта.
• Возможные ошибки и недочёты.

Программирование на JavaScript
Цель
курса Web-дизайн
:
Данный курс представляет собой курс языка сценариев JavaScript и технологии DHTML. Вы получите теоретические знания и практические навыки для эффективного использования современных клиентских Web-технологий на примере JavaScript и DHTML. Приобретете актуальные и современные навыки применения DHTML. Теоретические знания и практические навыки для эффективного использования современных клиентских Web-технологий на примере JavaScript. Особенности синтаксиса JavaScript, объектно-ориентированный подход в программировании на JavaScript и его основные встроенные функции.Создавание динамических меню, закладок, аккордеонов, галлерей и других элементов страниц
Описание
курса Web дизайн
:
Вы сможете создавать кросс-платформенные решения и сценарии совместимые со всеми современными браузерами.
На занятиях Вы изучите особенности синтаксиса JavaScript, объектно-ориентированный подход в программировании на JavaScript и его основные встроенные функции. Освоите приёмы создания и работы с динамическими элементами при помощи DHTML. На простых примерах освоите стандартные методы работы с DHTML и сценариями.

По окончании
курса веб дизайна
Вы будете уметь:

Объяснять роль текстового содержания сайтов
Выделять в текстовой части сайта ключевые моменты
Делать текстовую составляющую сайта более эффективной для поисковых систем
Оценивать качество текстового содержания сайтов

Занятие №1. Сценарии в HTML, язык JavaScript

• Внедрение сценариев в HTML документ
• Синтаксис
• Переменные и типы данных
• Написание первого сценария – таблиці умножения
• Условные операторы
• Операторы циклов
• Оператор обработки исключений
• использование циклов
• создание фотогаллерей

Занятие №2. Функции и объекты JavaScript
• Описание и вызов функций
• Аргументы функций
• Возврат значений
• Область видимости переменных
• Рекурсивный вызов функций
• Использование функций
• Объекты JavaScript
• Объекты типов данных
• Массивы
• использование объектов

Занятие №3. Объектная модель браузера

• Объекты браузера
• Объект window
• Лабораторная работа: использование объекта window
• Объект navigator
• Объект document

Занятие №4. Объектная модель документа

• Document Object Model
• DHTML DOM
• W3C DOM
• Объекты DOM
• Доступ к объектам
• Свойства и методы объектов DOM
• Манипуляция объектам документа
• Манипуляция свойствами элементов
• Использование DOM

Занятие №5. События и их обработка

• Стандартные события (X)HTML
• Модель обработки событий
• Назначение функций — обработчиков событий
• Использование объекта event
• Создание простого меню

Занятие №6. Использование элементов HTML
• Работа с формами и элементами управления
• Проверка форм
• Работа с изображениями
• Динамическая погрузка изображений

Занятие №7. Расширения браузеров

• Сценарии DHTML
• Построение раскрывающихся списков
• Построение меню

Основы PHP.

ЦЕЛЬ:Установка DENWER, WAMPSERVER, XAMPP. Что такое CMS? Запуск PhpMyAdmin

Занятие №1. Введение в PHP.
• От статических до динамических сайтов
• Что такое PHP?
• Что такое MySQL?
• как PHP и MySQL подходят веб
• Базовый синтаксис (константы, переменные, условия и др.)
• Смешивание PHP и HTML
• Подключение PHP к MySQL
• Выполнение SQL-запросов
• Получение результатов запроса
• Собираем все вместе

Занятие №2. Обработка форм
• Обзор HTML-форм (флажки, текстовые поля, радио-кнопки)
• Получение данных формы
• GET и POST методы
• Отправка себе

WORDPRESS основы.

ЦЕЛЬ:Разработка блога.
WordPress является одной из самых популярных CMS по созданию блогов в Интернете, делая его легким для размещения своих идей, изображений, аудио / видео. WordPress может использоваться не только для блогов сообщения, но и для хранения статической информации, которая может быть легко модернизирована, через систему управления контентом (CMS).

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

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

Занятие 1. Общие сведения о системе WordPress. Записи, страницы, медиафайлы и комментарии
• Назначение и использование WordPress
• Панель управления WordPress
• Пользователи системы и права
• Виды контента в WordPress
• Записи
• Публикация
• Редактирование
• Свойства
• Страницы
• Создание
• Управление страницами
• Свойства страниц
• Комментарии
• Управление комментариями
• Ссылки и медиафайлы

Занятие 2. Упорядочивание записей и комментариев. Эффективная работа с WordPress
• Рубрики и теги
• Формирование системы рубрик
• Использование ЧПУ и ярлыков
• Назначение тегов (меток)
• Формирование облака тегов
• Вывод облака тегов
• Упорядочивание записей по авторам
• Темы и внешний вид
• Плагины
• Изменение темы

Joomla основы
ЦЕЛЬ:Разработка сайта на CMS Joomla
Информация и инструкции по CMS Joomla. Познакомитесь с и узнаете, как создать веб-сайт с использованием компонентов, модулей и плагинов. Как сделать свой собственный Joomla шаблон.

Занятие 1 Создание сайтов на Joomla 1.6 ! Обзор и настройка системы.
• Что такое сайт?
• Виды интернет-проектов.
• Использование систем управления содержимым сайта (CMS).
• Этапы разработки сайта. Обзор CMS Joomla
• Преимущества использования CMS Joomla!
• Технические требования к оборудованию (хостингу)
• Локальная установка системы.
• Обзор административной панели управления.
• Настройки системы. Структура сайта и информации в CMS Joomla

Занятие 2 Создание и вывод содержимого сайта

• Работа с меню и отображением программных модулей.
• Добавление и редактирование информационных статей.
• Создание категорий, настройки вывода.
• Модули «Ленты новостей», «Голосование», «Контакты».
• Добавление и редактирование статей и пунктов меню
• Настройка отображения модулей

Занятие 3 Шаблоны дизайна, модули и компоненты . Дополнительные расширения сайта

• Установка новых шаблонов и их редактирование.
• Интеграция шаблона дизайна.
• Настройка внешнего вида встроенных модулей.
• Виды и назначение дополнительных расширений.
• Установка и настройка популярных расширений («фотогалерея»)
• Рассылки и форум в Joomla

Создание Flash сайта

Занятие 1. Основные понятия Понимание и обработка событий. Создание прелоадеров.
• Понимание событийного программирования
• Работа с событиями, синтаксис обработчика
• Работа с символами используя библиотеку, временную шкалу и обработку событий
• Кодирование onClipEvents, onEnterFrame, setInterval для непрерывного действия
• Установка и удаление видеоклипов из библиотеки

Занятие 2. Звук и Видео
• Загрузка внешних звуков
Использование класса SoundChannel
• Загрузка видео
Компонент FLVPlayback

Занятие 3. Включение флеш обьектов на html сайты
• Задание параметров для форматов публикации SWF-файлов;
• Задавать параметров для форматов публикации HTML документов

Занятие 4. Сборка флеш сайта с флеш обьектов
• Класс XML
• Загрузка XML-данных

Выпуск. Сдача дипломных проектов

Занятие 1. Анализ сайтов, сделанных во время курсов учениками
• CSS сайт
• JavaScript сайт
• Wordpress сайт
• Joomla сайт
• Flash cайт

Предварительная подготовка: пользователь ПК

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

Курсы Web дизайна, несомненно, пригодятся не только тем, кто планирует связать свою работу с интернетом. Мы строим обучение таким образом, чтобы все посещающие курсы Web дизайна, получали комплексные знания. Поэтому наши курсы Web проектирования сайтов имеют в программе изучение графического пакета Photoshop. Кроме того, курсы Web дизайна предлагают изучение еще нескольких продуктов компании Adobe. Подробная программа обучения, по которой проходят наши курсы Web дизайна, даст вам все необходимые для будущей работы знания. Курсы Web дизайна, от нашего учебного центра - это всегда «Успех»!