лого_курса

Специалист по проектированию и дизайну веб-сайтов

Курс профессиональной переподготовки объемом: 510 ак.часов

Записаться на курс
Паспорт курса
Описание курса
Отзывы выпускников
Форма обучения

Форма обучения

{"form":["Дистанционная"]}

Начало курса

Начало курса

{"start":["Ежедневно"]}

Стоимость обучения

Стоимость обучения

{"price":["55 000 рублей"]}

Выдаваемый документ

Выдаваемый документ

Диплом о профессиональной переподготовке, предоставляющий право на ведение профессиональной деятельности

Шуклин Дмитрий Анатольевич

Заведующий кафедрой

Шуклин Дмитрий Анатольевич

кандидат педагогических наук, доцент

Руководитель курса

Шуклин Дмитрий Анатольевич

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

Скачать PDF

Учебные корпуса

ул. Гастелло 12

Наш адрес

Россия, Санкт-Петербург,
ул. Гастелло,12

Электронная почта

do@limtu.ru

Наш телефон

(812) 373-32-68
(911) 958-61-41

Аннотация курса

Web-дизайнер - востребованная и высокооплачиваемая профессия. Ваши знания будут подкрепляться дипломом Университета ИТМО о профессиональной переподготовке с правом на ведение нового вида профессиональной деятельности.

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

Немаловажно, что профессия веб-дизайнера позволяет в полном объеме трудиться удаленно. В любой точке земного шара.

Режим занятий

  • Дистанционное обучениепроводится по индивидуальному календарному плану

Категория слушателей

  • специалисты со средним профессиональным и высшим образованием, а также студенты старших курсов вузов

Требования к начальным знаниям

  • уверенный пользователь ПК

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

  • Структурно-логическое проектирование и дизайн Web-сайтов (20 часов)Стрелка вниз
    • Виды информационных ресурсов WWW

      Виды деловой деятельности в Internet (реклама, маркетинг, менеджмент, электронная коммерция, обучение, услуги консультирования и т.д.).

    • Web-сайт, как объект проектирования

      Этапы проектирования Web-сайтов. Исследование предметной области. Обоснование целей и целевых групп пользователей.

    • Техническая концепция сайта

      Формирование технической концепции. Структура сайта. Контент (наполнение). Информационная и справочная поддержка. Функциональность сайта.

    • Разработка архитектуры Web-узла

      Навигационная система. Разработка структуры логических связей документов Web-узла. Коллективы участников процесса. Функции проектировщика, дизайнера, программиста. Работа с заказчиками.

    • Направления развития интернет-сайта

      Рекламная кампания, рекламные сети и баннерный обмен, поисковые системы, E-mail, партнерские программы.

  • Растровая графика. Adobe Photoshop (50 часов)Стрелка вниз
    • Тема 1. Запуск и настройка программы.

      Просмотр изображений. Запуск программы и ее основной экран. Открытие и сохранение файлов. Графические форматы. Настройки и установки программы;

    • Тема 2. Работа с инструментами и изображениями.

      Группы инструментов. Назначение инструментов и их параметры. Масштабирование изображений. Просмотр изображений с помощью команды Zoomify. Режимы отображения рабочей области;

    • Тема 3. Работа с элементами изображения.

      Особенности выделенной области. Приемы выделения. Отмена действий и палитра History. Геометрические выделения. Выделение контрастных областей. Быстрое выделение. Выделение в ограниченной области. Выделение в форме текстовых символов. Исправление границы выделения. Альфа-каналы. Выделение на цветовых каналах;

    • Тема 4. Макетирование с помощью слоев.

      Типы слоев. Работа со слоями. Создание новых изобразительных слоев. Добавление изображения на слой. Размещение фрагмента изображения на отдельном слое. Изменение вертикального положения слоя. Непрозрачность слоя и режимы наложения пикселов. Группы слоев. Заливочные слои. Эффекты и стили. Smart-объекты. Объединение и сведение слоев. Автоматическое выравнивание и смешивание слоев;

    • Тема 5. Коррекция тона изображения.

      Гистограмма. Оценка тона. Коррекция тона. Корректирующие слои тоновой коррекции. Обработка 32-битных файлов;

    • Тема 6. Цветовая коррекция изображений.

      Цветовые каналы. Определение цветовых компонент. Цветовой охват. Цветовой круг. Операции и команды цветовой коррекции. Команда Auto Color. Удаление цветового оттенка. Команда Color Balance. Коррекция цветового баланса. Команда Hue/Saturation. Изменение цветового тона, насыщенности и яркости. Команда Levels. Коррекция отдельных цветовых каналов. Команда Replace Color. Замена цвета. Команда Selective Color. Выборочная коррекция цвета. Корректирующие слои цветовой коррекции;

    • Тема 7. Профессиональная работа.

      Camera Raw. Слой-маски. Обтравочные маски. Коррекция погрешностей объектива. Панорамные изображения. Изображения с перспективой. Настройка резкости. Размытие. Коррекция освещения. Обесцвечивание изображения. Эффекты закрашивания. Наложение градиентной заливки. Объединение альфа-каналов. Тонирование выделенной области. Коррекция цветового баланса. Применение фильтров;

    • Тема 8. Ввод и обработка текста.

      Инструменты ввода текста и их параметры. Создание заголовочного и абзацного текста. Обработка маскированного текста. Обработка векторного текста. Конвертирование и преобразование текста. Искривление текста. Растрирование текстового слоя. Общие сведения об использовании шрифтов. Использование текста в качестве отсекающей маски. Деформация текста с помощью интеллектуальных объектов;

    • Тема 9. Работа с трехмерными изображениями.

      Форматы трехмерных изображений. Открытие и обработка трехмерных изображений. Работа с трехмерными слоями. Совмещение трехмерных и двухмерных изображений. Рисование на трехмерных слоях;

    • Тема 10. Оптимизация изображений для Интернета.

      Графические форматы изображений в Интернете. Оптимизация формата GIF. Оптимизация формата JPEG. Изображения с индексированными цветами. Подготовка для Интернета изображений различных цветовых моделей. Использование палитры Actions.

  • Векторная графика. CorelDRAW (50 часов)Стрелка вниз
    • Тема 1. Запуск программы и ее интерфейс. Инструменты для создания стандартных объектов.

      Основные действия с объектами. Особенности векторной графики. Диалоговое окно Welcome. Основные элементы интерфейса программы. Управление интерфейсом. Строка меню. Панель инструментов. Панель атрибутов с параметрами документа. Панель Zoom (Масштабирования). Инструменты Pick (Выбор), Zoom (Масштаб), Hand (Панорама), Rectangle (Прямоугольник), Ellipse (Эллипс), Polygon (Многоугольник), Star (Звезда), Complex Star (Составная звезда), Graph Paper (Координатная бумага), Spiral (Спираль). Свойства стандартных объектов (примитивов). Основные действия и команды. Трансформация и изменение положения объектов. Маркеры выделения объектов, приемы их использования. Группировка объектов. Дублирование. Окрашивание. Изменение порядка объектов. Команды Combine (Соединить), Weld (Объединить по периметру), Trim (Исключить, Отсечь), Intersection (Пересечение). Инструмент Perfect Shapes (Автофигуры).

    • Тема 2. Инструменты создания контуров и управления параметрами контура. Изменение формы объектов.

      Инструменты для создания объектов: Freehand (Рисование), Bezier (Кривая Безье), Artistic Media (Имитация), Pen (Перо), Polyline (Ломаная), 3 Point Curve (Кривая по трем точкам), Interactive Connector (Соединительная линия), Dimension (Размерная линия). Инструменты для редактирования объектов: Shape (Форма), Smudge Brush (Размазывающая кисть), Roughen Brush (Разрыхляющая кисть), Free Transform (Свободная трансформация), Crop (Рамка), Knife (Нож), Eraser (Ластик). Кнопки Outline Tool (Инструменты контура\Обводки). Использование панели атрибутов и диалогового окна Outline Pen (Перо для контура) для изменения свойств контура\обводки. Кривые Безье. Работа со стандартными объектами и с кривыми инструментом Shape (Форма).

    • Тема 4. Модели представления цветов. Инструменты управления параметрами заливки.

      Цветовые модели RGB, CMYK, Lab и другие. Стандартизированные библиотеки цветов. Команды меню View (Вид). Кнопки Fill Tool (Инструменты заливок). Диалоговые окна параметров заливок: сплошной, градиентной, узорной, текстурной. Инструменты интерактивных заливок. Дублирование параметров заливок.

    • Тема 5. Применение специальных эффектов.

      Команды меню Effects (Эффекты). Диалоговые окна параметров эффектов: Add Perspective (Перспектива), Envelope (Оболочка), Contour (Контур), Blend (Перетекание\Пошаговый переход), Extrude (Выдавливание\ Экструдирование), Lens (Линзы). Инструменты интерактивных эффектов.

    • Тема 6. Многостраничные документы и использование слоев.

      Команды меню Edit (Правка) и Layout (Макет). Object Manager (Диспетчер объектов). Управление объектами с помощью диспетчера объектов. Приемы работы со слоями и страницами документа.

    • Тема 7. Работа с пиксельными (растровыми) изображениями.

      Команды меню Bitmaps (Растровые изображения\Картинки). Импорт пиксельных изображений и их обработка. Изменение размеров изображения в пикселах и в миллиметрах. Трассировка\векторизация.

    • Тема 3. Создание и обработка текстов. Редактирование и форматирование текстов

      Основные термины. Artistic Text (Заголовочный текст) и Paragraph Text (Абзацный текст). Панель атрибутов при работе с текстом. Использование инструмента Shape (Форма). Команды меню Text (Текст). Использование шрифтов. Размещение текста из внешних программ. Вставка символов. Расположение текста по кривой.

    • Тема 8. Сохранение документа. Экспорт документа в форматы EPS, TIFF, GIF, JPEG.

      Завершающие операции. Команды меню File (Файл). Типичные требования к файлам, передаваемым в другие организации. Параметры форматов экспорта. Диалоговые окна экспорта.

    • Тема 9. Печать изображений.

      Диалоговое окно Print (Печатать). Управление параметрами печати. Варианты печати в файл, в масштабе, с разбиением. Цветоделенный оригинал-макет. Треппинг. Overprint.

    • Тема 10. Подготовка электронных документов

      Вставка и редактирование объектов интернета. Публикация в Web. Публикация в PDF.

    • Тема 11. Создание пользовательских элементов. Настройка программы и параметров документа.

      Команды меню Tools (Инструменты\Сервис) и Window (Окно). Создание и использование собственных цветовых палитр, стилей, стрелок, заливок. Диалоговые окна пользовательских настроек. Рекомендации.

  • Разработка Web-сайта. HTML (30 часов)Стрелка вниз
    • Тема 1. Введение в язык HTML

      Редакторы HTML кода. Браузеры. Валидность HTML-документа. Синтаксис языка HTML. Блочные и строчные элементы. Правила написания атрибутов. Универсальные атрибуты. Разделы документа HTML. !DOCTYPE

    • Тема 2. Форматирование текста Веб-страниц.

      Создание нового абзаца. Запрет переноса слов. Выравнивание элементов страницы по центру. Элементы фразы. Цитаты. Нижние и верхние индексы. Текстовые заголовки. Установка гарнитуры, размера и цвета шрифта. Горизонтальные линии. Нумерованный список. Маркированный список. Список терминов. Комментарии языка HTML

    • Тема 3. Графика на Веб-страницах

      Основные форматы графики. Добавление рисунка на Веб-страницу. Путь к файлу изображений. Установка размеров рисунка на странице. Управление обтеканием текста вокруг графического объекта. Фоновый рисунок веб-страницы.

    • Тема 4. Создание ссылок

      Создание ссылки. Указание адрес документа перехода. Установка целевого окна открытия документа по гиперссылке. Гиперссылки на закладки в тексте страницы. Гиперссылки на закладки. Установка цвета гиперссылок. Карты-изображений.

    • Тема 5. Разметка веб-страниц с помощью таблиц

      Теги HTML для создания таблиц. Размеры таблицы. Выравнивание содержимого ячеек. Отступы в таблицах. Использование в таблице фоновых изображений. Объединение ячеек. Группирование столбцов для форматирования таблицы

    • Тема 6. Создание форм

      Типы элементов формы. Добавления поля ввода и поля ввода пароля. Пояснительный текст к элементу формы. Размеры полей ввода. Блокирование элемента формы. Порядок элементов форм. Добавление флажков и переключателей. Создание списков. Текстовые области. Выбор файла с помощью элемента формы. Скрытое поле. Добавление на форму кнопки Сбросить и Отправить.

    • Тема 7. Работа с фреймами

      Преимущества фреймов. Недостатки фреймов. Наборы фреймов. Границы фреймов. Положение и размер фреймов. Создание фрейма. Изменения размеров фрейма. Полоса прокрутки фрейма. Смешанная фреймовая структура. Навигация внутри фреймов. Встроенные фреймы

    • Тема 8. Заголовок документа HTML

      Заголовок страницы. Установка базового шрифта. Установка базового адреса. Фоновый звук на веб-страницы. Мета теги типа NAME. Мета теги типа HTTP-EQUIV.

  • Средства для создания Web-сайтов. Adobe Dreamweaver (30 часов)Стрелка вниз
    • Тема 1. Знакомство с компонентами программы Dreamweaver CС

      Стартовое окно программы Dreamweaver. Интерфейс программы Dreamweaver. Представления. Представление «Дизайн». Представление «Код». Рабочее пространство «Разделение». Работа с панелями. Выбор рабочего пространства. Панель «Заголовка документа». Панель инструментов «Создание кода». Панель «Вставка». Панель «Файлы». Строка состояния. Селектор тегов. Панель «Инспектор свойств». Группа панелей «Результаты».

    • Тема 2. Управление веб-сайтами

      Сайт в Dreamweaver. Создание сайта Dreamweaver. Настройка локальной информации сайта. Настройка удалённой информации сайта. Импорт и экспорт параметров сайта Dreamweaver. Экспорт параметров сайта . Импорт параметров сайта. Получение и размещения файлов на сервер. Передача файлов на удалённый сервер. Получение файлов с удалённого сервера. Поучение/размещение файлов с помощью раскрытого представления панели «Файл». Синхронизация. Совместная работа. Возврат и извлечение с сервера. Заметки разработчика. Скрытие файлов и папок. Создание веб-страниц и вставка содержимого. Создание макета на основе пустой страницы. Задание свойств страницы. Просмотр страниц в Dreamweaver. Просмотр страниц в браузерах. Просмотр страниц в интерактивном представлении.

    • Тема 3. Создание структуры на основе таблиц

      Создание таблиц . Свойства таблиц. Выделение элементов таблицы. Настройка свойств таблицы. Настройка свойств ячеек. Изменение размера таблиц, столбцов и строк. Редактирование таблиц. Сортировка таблиц. Импорт и экспорт табличных данных. Импорт табличных данных. Экспорт таблицы.

    • Тема 4. Создание и редактирование HTML элементов.

      Форматирование текста и вставка вспомогательных объектов. Форматирование текста с использованием «Инспектора свойств». Форматирование текста с помощью панели «Вставка». Использование меню «Формат» для редактирования текста. Импорт документов Microsoft Office. Проверка орфографии. Создание ссылок. Создание ссылки с помощью панели «Инспектор свойств». Создание ссылки с помощью панели «Вставка». Поиск повреждённых и потерянных ссылок. Вставка горизонтальных линеек. Вставка даты. Вставка и редактирование изображений. Вставка изображения. Редактирование изображений. Создание замещающего изображения. Вставка и изменение мультимедийных объектов. Вставка звуковых файлов. Вставка видеофайлов.

    • Тема 5. Создание структуры на основе CSS

      Создание страницы на основе шаблона CSS. Вставка и редактирование тегов div. Вставка тегов Div. Редактирование тегов Div. Работа с абсолютно позиционированными элементами.

    • Тема 6. Создание и редактирование CSS.

      Панель конструктора CSS. Создание и присоединение таблиц стилей. Определение медиазапросов. Управление селекторами. Управление свойствами. Настройка текста с помощью CSS. Управление шрифтами. Создание и применение эффекта перехода CSS3. Настойки стилей css.

    • Тема 7. Создание веб-форм

      Элементы форм HTML4. Вставка формы. Элемент «Текст». Элемент «Пароль». Элемент «Текстовая область». Элементы кнопки. Элемент «Файл». Скрытое поле. Элемент «Выделение». Элемент «Переключатель». Элемент «Флажок». Элемент «Набор полей». Элемент «Надпись». Элементы форм HTML5. Элемент «Электронная почта». Элемент «URL». Элемент «Tel». Элемент «Найти». Элемент «Число». Элемент «Диапазон». Элемент «Цвет». Вставка даты. Невидимые элементы.

    • Тема 8. Панель «Активы», библиотечные элементы и шаблоны

      Панель «Активы». Добавление ресурса в документ. Копирование ресурсов из панели «Активы» на другой сайт. Управление избранными ресурсами. Работа с элементами библиотеки. Создание элемента библиотеки из выделенного фрагмента. Создание пустого элемента библиотеки. Вставка элемента библиотеки в документ. Редактирование элементов библиотеки и обновление документов. Редактирование элемента библиотеки. Обновление текущего документа. Обновление всего сайта. Переименование элемента библиотеки. Удаление элемента из библиотеки. Повторное создание отсутствующего или удалённого элемента библиотеки. Настройка выделения цветом элементов библиотеки. Изменение цвета выделения элементов библиотеки. Отображение или скрытие выделения цветом в окне документа. Редактирование свойств элемента библиотеки. Шаблоны. Типы областей шаблона. Создание шаблона Dreamweaver. Добавление редактируемой области. Добавление повторяющейся области. Добавление дополнительных областей. Добавление редактируемого атрибута. Редактирование содержимого документов на основе шаблона. Добавление и удаление записей повторяющейся области, изменение их порядка.

  • Разработка Web-сайтов с использованием CSS (35 часов)Стрелка вниз
    • Тема 1. Основы css

      Применение css для html-тега. Применение css для страницы. Применение css для web-узла. Создание внешнего css-файла. Импорт таблицы стилей. Применение css к элементам страниц. Переопределение html-тега. Определение классов для создания тегов. Определение id-селекторов для идентификации объекта. Определение стилей с одинаковыми правилами. Наследование родительских свойств. Определение стилей потомка. Определение стилей прямого потомка. Определение стилей сестринских элементов. Универсальный селектор. Определение стилей атрибутов. Определение стилей с псевдоклассами. Определение ссылок стилей с псевдоклассами. Псевдоклассы. Значение !important. Определение каскадного порядка. Таблицы стилей для разных типов устройств. Установка полей для страницы при печати. Свойства с сокращенной формой записи. Комментарии в css.

    • Тема 2. Управление шрифтом

      Установка семейства шрифта. Размер шрифта. Относительные единицы. Абсолютные единицы измерения. Курсив. Толщина шрифта. Создание капители. Загрузка шрифта. Укороченная запись определения свойств шрифта.

    • Тема 3. Управление текстом

      Кернинг. Интервал между словами. Интерлиньяж. Заглавные и строчные буквы. Выравнивание текста по горизонтали. Вертикальное выравнивание текста. Красная строка. Перенос слов. Настройка цвета текста. Оформление текста. Видимость текста. Тень текста. Кавычки. Настройка направления текста. Установка разрыва страницы для печати. Установка разрыва страницы для печати. Управление свойствами пробелов.

    • Тема 4. Управление элементом

      Составляющие элемента. Изменение внешнего вида элемента . Ширина элемента. Высота элемента. Задание высоты и ширины блока. Отступ элемента. Поле элемента. Граница элемента. Установка толщины границы. Установка цвета границы. Cтиль границы. Общая укороченная форма записи. Скругление углов элемента. Установка границ. Настройка фона. Цвет фона. Установка фонового изображения. Установка начального положения фонового изображения. Повторяемость фона. Прокрутка фона. Фон по границам элемента. Масштабируемость фонового изображения. Общая укороченная форма записи. Тень элемента. Выравнивание элемента. Запрет обтекания.

    • Тема 5. Управление позиционированием элемента

      Позиционирование элемента. Абсолютное позиционирование. Фиксированное позиционирование. Относительное позиционирование. Статическое позиционирование. Настройка положения элемента. Настройка положения слева. Настройка положения справа. Настройка положения сверху. Настройка положения снизу. 3d-позиционирование.

    • Тема 6. Управление видимостью элемента

      Видимость элемента. Определение видимой части элемента. Управление невидимой частью. Управление невидимой частью по вертикали. Управление невидимой частью по горизонтали. Эффект прозрачности.

    • Тема 7. Управление списком, таблицей и интерфейсом.

      Списки. Задание типа маркера. Создание собственных маркеров. Создание висячих отступов. Укороченная запись управления списком. Счетчик элемента. Увеличения значения счетчика. Таблицы. Свертывание границ между ячейками таблицы. Расстояние между границами ячеек. Отображение пустых ячеек. Отображение ячеек. Положение заголовка таблицы. Изменение внешнего вида курсора мыши.

  • Разработка Web-сайтов с использованием HTML 5Стрелка вниз
    • Основы синтаксиса и семантики

      Заголовок документа HTML. Объявление типа документа. Связи с внешними файлами. Структура страницы. Создание заголовка страницы. Создание навигации. Создание «сайдбара». Создание основного содержимого. Группировка элементов. Нижняя часть страницы.

    • Формы HTML5

      Поля ввода. Указание числа с помощью ползунка. Поле поиска. Подсказывающий текст. Автофокуса на элементе формы. Обязательные поля. Автозаполнение форм. Список подсказок.

    • Медиа-элементы HTML5

      Звуки на веб-странице. Тег Audio. Тег source. Различные форматы аудиофайлов. Видео на веб-странице. Добавление субтитров к видеофайлу. Использование JavaScript для управления медиа-элементами. Поддержка типа данных. Перезагрузка меда-контента. Управление воспроизведением медиа контента.

    • Рисуем с помощью Canvas

      Создание холста. Рисование прямоугольников. Задание цвета заливки, цвета контура и задание тени. Настройка текста. Кривые Безье. Рисование дуг и окружностей. Преобразование фигур. Добавление изображения на холст. Управление пиксельными изображениями. Прозрачность. Сохранение и восстановление свойств фигуры.

    • Геопозиционирование и хранилище данных

      Геопозиционирование. Проверка поддержки геопозиционирования. Запрос на определение местоположения. Определение местоположения. Обработка ошибок. Локальное хранилище данных. Проверка поддержки веб-хранилища. Использование веб-хранилища.

  • Фреймворк BootstrapСтрелка вниз
    • Введение в Bootstrap

      Установка и подключение фреймворка.

    • Модульная сетка

      Первоначальные настройки. HTML5. Первая мобильная версия. Шрифты и ссылки. Сброс настроек. Контейнеры. Модульная сетка. Медиа запросы. Варианты сетки. Средняя сетка. Сетка для мобильных устройств и компьютеров. Сетка для мобильных устройств, планшетов и компьютеров. Перенос модулей. Отступы модулей. Вложенные модули. Порядок расположения модулей. Управление просмотром модулей. Управление печатью модулей.

    • Текст, код, таблица

      Работа с текстом. Использование строчных элементов. Заголовки. Выравнивание текста. Трансформация текста. Аббревиатура и акроним. Адреса. Цитаты. Списки. Оформление кода в тексте. Таблицы. Базовая таблица. Таблица с выделенными строками. Таблица с границами. Динамическое выделение строк. Оформление строк таблиц. Адаптивная таблица.

    • Формы, кнопки, изображения

      Формы. Базовые настройки. Встроенная форма. Горизонтальные формы. Поддерживаемые элементы управления. Элементы уведомлений. Размеры элементов форм. Дополнительный текст. Кнопки. Типы кнопок. Размеры кнопок. Активная кнопка. Кнопки, как ссылки. Изображения.

    • Компоненты

      Выпадающее меню. Кнопки. Элементы формы. Кнопки навигации. Панели навигации. Инвертирование оформления навигации. Цепочка навигации. Навигация по страницам. Последовательная навигация по страницам. Метки. Значки. Миниатюры. Оповещения. Индикаторы состояния. Объекты мультимедиа. Группы списков. Панели.

  • Использование JQuery для разработки интерактивных веб-сайтовСтрелка вниз
    • Введение в jQuery

      Библиотеки JavaScript. Библиотека jQuery. Начало работы с jQuery.

    • Выбор элементов с помощью селекторов и фильтров

      Селекторы. Выбор элементов с помощью комбинирования селекторов. Базовые фильтры. Выбор элемента по индексу. Выбор заголовков. Фильтры видимости объектов.

    • Манипуляции с элементами, их свойствами и содержимым

      Манипуляции со стилями. Функция CSS. Определение наличия класса у элемента. Определение положения полосы прокрутки. Добавление или удаление класса. Управление атрибутами. Изменение свойств атрибутов элемента. Замена и клонирование элементов. Работа с html-содержимым элемента. Обертывание элементов.

    • События

      Объект event. Пространство имен. Прямая и делегированная обработка (параметр selector). Обработчики событий. Поочерёдное выполнение нескольких функций. События загрузки страницы. События браузера. События клавиатуры. События формы.

    • Методы работы с наборами элементов

      Перемещение по иерархии DOM. Фильтрация элементов набора. Метод filter. Метод is. Поиск элементов по индексам. Добавление элементов в набор. Пользовательские данные элемента.

    • Анимация и эффекты jQuery

      Встроенные функции анимации. Управление анимацией. Создание пользовательской анимации. Выбор анимированного элемента.

  • Динамический язык стилевой разметки LessСтрелка вниз
    • Введение в LESS.

    • Переменные. Интерполяции переменных. Селекторы. URL-адреса. Импортирование less. Свойства. Имена переменных. Переопределение переменной.

    • Примеси. Параметрические примеси.

    • Функции LESS. Строковые функции. Функции списка. Математические функции. Функции проверки типов данных.

    • Функции LESS для работы с цветом. Функции задания цвета. Функции для работы с цветовыми каналами. Операции с цветом. Функции смешения цветов.

    • Предохранители, циклы. Примеси, как функции. Предохранители. Циклы. Объединение.

  • Web-программирование JavaScriptСтрелка вниз
    • Введение в JavaScript

      Что JavaScript позволяет делать. Что JavaScript не позволяет делать. Применение сценариев для Web-страниц. Использование сценария для одной Web-страницы. Создание внешних файлов JavaScript. Начало работы с JavaScript. Чувствительность к регистру. Необязательные точки с запятой. Комментарии. Литералы. Идентификаторы. Зарезервированные слова. Типы данных в JavaScript. Числа. Строки. Логические значения. Функции. Объекты. Массивы. Значение null. Значение undefined. Типы объектов JavaScript. Встроенные объекты. Объекты браузера.

    • Переменные, операторы и выражения

      Переменные. Объявление переменной. Назначение переменной определенного значения. Правила присвоения имен переменным. Использование переменной в операторах сценария. Операторы и выражения. Части выражения. Повторяющиеся действия. Виды операторов. Логические операторы. Присваивание с операцией. Операторы сравнения. JavaScript операторы.

    • Условные операторы

      Оператор if. Оператор if...else. Оператор if...else if. Оператор if...else if...else. Оператор switch...case. Операторы цикла. Цикл for. Цикл for in. Цикл while. Цикл do...while. Оператор continue.

    • Объекты и массивы

      Создание объектов. Свойства объектов. Проверка существования свойств. Удаление свойств. Свойства и методы универсального класса Object. Свойство constructor. Метод toString(). Метод valueOf(). Метод hasOwnProperty() . Массивы. Создание массива. Задание исходного значения для массива. Создание элементов массива. Добавление элемента в массив. Перебор элементов массива. Метод join() и concat(). Объединение элементов массива в строку. Метод reverse(). Инвертирование массива. Метод sort(). Упорядочивание элементов массива. Метод slice(). Создание нового массива на основе существующего. Метод splice(). Вставки или удаления элементов массива. Метод push(). Метод pop(). Методы unshift(). Методы shift().

    • Функции

      Определение и вызов функций. Добавление аргументов. Добавление нескольких аргументов. Область видимости переменных и аргументов. Вызов функции. Вызов функции из HTML. Функции, вызывающие другие функции. Возвращаемое значение функции.

    • Объект Window. Работа с окном браузера

      Таймеры. Метод window.setTimeout(). Использование таймера для однократного выполнения действия. Метод window. clearTimeout(). Отмена таймера заданного методом window.setTimeout(). Метод window.setInterval(). Периодическое выполнения действия. Свойство window.screen. Свойства screenLeft, screenTop, screenX, screenY. Определение положения верхнего левого угла браузера. Метод window.open(). Управление размером и расположением нового окна. Отображение панелей инструментов, строки меню и других элементов окна. Метод window.close() и свойство window.closed(). Закрытие окна. Методы Window.moveBy(). Методы focus() и blur(). Метод print().Свойство Location объект window. Перемещение между страницами с помощью свойств объекта Location. Использование свойства search для передачи параметров другой Web-странице. Повторная загрузка страницы . Замена страницы в списке просмотренных страниц. Свойство History объекта window. Свойств length. Методы объекта History. Метод setCursor. Метод stop. Объект Navigator. Управление браузером. Получение информации о браузере пользователя. Свойство userAgent.

    • Управление списком, таблицей и интерфейсом

      Обработка даты и времени. Объект Date. Формат даты в JavaScript. Аргументы объекта Date. Указание текущей даты и времени. Задание произвольной даты и времени. Получение даты и времени. Преобразование возвращаемого функцией getMonth() результата в название месяца. Преобразование результата выполнения метода getDay() в название дня недели. Задание даты. Выполнение операций с датами. Вычисление возраста в неделях, днях и т.д. Другие методы объекта Date.

    • Объект String. Работа со строками

      Объединение строк. Метод charAt(). Метод charCodeAt(). Метод fromCharCode(). Метод concat(). Метод indexOf и lastIndexOf. Свойство length. Метод split(). Метод substring(). Метод slice(). Метод substr. Метод toString. Метод anchor. Метод link.

    • Объект Math. Работа с числами

      Функция parselnt(). Функция parseFloat(). Статические функции объекта Math.

    • Объект Document и динамический HTML

      Причины использования DHTML. DOM (Document Object Model — объектная модель документа). Доступ к узлам DOM. Доступ по идентификационному номеру (ID) . Доступ по атрибуту name. Доступ по имени дескриптора . Доступ и изменение класса через свойство className. Получение информации об узле. Перемещение по иерархическому дереву DOM. Метод removeChild(). Удаление элементов. Методы createElement() и appendChild(). Создание и добавление элементов. Методы insertBefore(). Создание и добавление элементов. Метод createTextNode(). Создание текстовых элементов. Метод setAttribute(). Добавление атрибутов. Метод cloneNode(). Клонирование элементов. Метод replaceChild(). Замена элементов. Свойство innerHTML. Изменение фрагментов кода HTML. Использование CSS стилей в сценариях JavaScript. Соглашения об именах: CSS-атрибуты в JavaScript. Работа со свойствами стилей. DHTML-анимация.

    • Cookie

      Описание cookie. Cookie в браузере.

    • Формы и обработка событий

      Элементы управления и объекты. Быстрый доступ к объектам. Динамическое изменение значений атрибутов. Изменение элементов на основе значений, указанных пользователем. Динамическое изменение списка вариантов. Проверка выбранных флажков. Изменение элементов перед отправкой формы на сервер. Использование встроенных функций JavaScript. Отключение элементов. Элементы только для чтения.

  • Серверные технологии web-программирования: РНР и MySQL (40 часов)Стрелка вниз
    • Тема 1. Введение в PHP.

      Обзор програмного обеспечения. Установка и настройка рабочей среды. Структура программы на языке PHP. Первая программа на языке PHP.

    • Тема 2. Переменные и алгоритмические конструкции.

      Типы переменных в PHP. Основные операции над переменными. Арифметические операции в PHP. Основные конструкции языка. Условный оператор. Инструкция switch-case (конструкция выбора).

    • Тема 3. Подключение внешних файлов.

      Использование функций include и require. Константы.

    • Тема 4. Работа с массивами и строками.

      Индексные массивы. Ассоциативные массивы. Многомерные массивы. Операции со строками.

    • Тема 5. Циклы.

      Циклы. Цикл с предусловием While. Цикл с постусловием do while. Цикл со счетчиком For. Операторы break и continue. Цикл Foreach().

    • Тема 6. Функции.

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

    • Тема 7. Глобальные массивы. Методы GET и POST.

      Глобальные массивы GET, POST, SERVER. Передача данных из HTML-формы в скрипт. Обработка данных из HTML-формы.

    • Тема 8. Сессии и куки.

      Понятие куки. Установка куки. Использование данных из куки для персонализации сайта. Понятие сессии. Запуск сессии, Создание элемента сессии и вывод его на экран.

    • Тема 9. Работа с СУБД MySQL.

      PHP и базы данных. Соединение с сервером и создание базы данных. Создание таблицы. Отправка данных. Извлечение данных.

  • Поисковые системы. Размещение и продвижение сайтов. Оптимизация сайтов (30 часов)Стрелка вниз
    • Введение. Основные возможности сети Интернет для продвижения сайта

      Основные возможности Интернет для продвижения. Инструменты интернет-маркетинга. Исследование как элемент интернет-маркетинга.

    • Традиционные методы продвижения в Интернет

      Баннерная реклама. Контекстная реклама. Реклама в рассылках.

    • Новые методы продвижения в сети Интернет

      Современные тенденции развития сети Интернет. Социальные активности: блоги, сообщества, социальные сети. Мультимедийные возможности. Вирусный маркетинг.

    • Определение трафика, основные способы получения трафика

      Определение трафика. Основные способы получения трафика. Особенности контекстной рекламы. SEO продвижение. SMO продвижение.

    • Поисковая оптимизация контента

      Особенности индексирования сайта поисковыми системами. Оптимизация контента для Яндекс. Оптимизация контента для Google и Rambler.

    • Планирование и проведение рекламной кампании в сети Интернет

      Постановка целей кампании. Разработка инструментов. Разработка «мессаджа» компании. Подбор площадок для проведения кампании. Бюджетирование. Оценка эффективности.

Преподаватели курса

Анна Кухарева

Выпуск 2016

Курс "Специалист по проектированию и дизайну веб-сайтов"

С сентября 2015 года по сентябрь 2016 года я проходила курс «Специалист в области компьютерной графики и Web-дизайна». Больше всего понравился модуль web-технологии. Спасибо Филиппу Александровичу, прекрасный преподаватель, хороший учебный курс. Особенно трудным, но, безусловно, интересным и полезным был курс по PHP. Преподаватели оперативно отвечали на возникающие вопросы в процессе обучения. Кроме того, у меня была возможность приходить на очные консультации. Диплом посвящен проектированию и разработке landing page для фестиваля абстрактной музыки. Далее планирую работать и развиваться в направлении frontend разработки и web дизайна. Спасибо всем преподавателям кафедры компьютерного проектирования и дизайна за прекрасное преподавание, обучение и поддержку.

Ковычки Фото