Web-дизайн От А до Я

Горячая линия 

(044) 486-17-05   /  (063) 288-49-86

(066) 069-28-72   /  (097) 889-12-22

 

 

Лицензия Министерства ОБРАЗОВАНИЯ И НАУКИ, МОЛОДЕЖИ И СПОРТА УКРАИНЫ Серия АД №073349 от 29.11.2015 г.
Адрес г.Киев, ул.Белорусская, 22, офис 318, график работы пн-пт 10.00-19.00, сб 10.00-14.00

Обратный звонок Наши менеджеры скоро свяжутся с вами
Неверное имя
Неверный телефон
Спасибо. Мы скоро вам перезвоним.
Кол-во ак. ч. 24 занятия по 3.5 академ. часа
Время 
Занятия в утреннее (10.00-12.30), дневное (14.00-16.30) или вечернее (18.30-21.00) время; группа выходного дня по субботам и воскресеньям.
Срок обучения в группе 3 месяца. Режим 2 или 3 раза в неделю в зависимости от количества человек в группе (3-6/7-10)
Цена (для физического лица) 4100 грн. в месяц.
По окончании курса выдается диплом
Скидки от 10% до 15%
Курсы Web-дизайна От А до Я в учебном центре Успех Киев. Профессиональный курс по созданию сайтов

 

Работы наших выпускников

Наши преподаватели

Отзывы об обучении

 

Знакомьтесь, специальность WEB-дизайнер!

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

Это современный бизнес, с молодыми руководителями, что дает возможность более интересного поведения и общения в коллективе, перспективы развития в Украине и за рубежом.
Еще одна привлекательная причина для специальности Web-дизайнер – не заканчивая высших учебных заведений можно добиться хороших результатов на карьерной лестнице в данном направлении бизнеса, выучившись на курсах web-дизайна или курсах web-мастера в лицензированных учебных центрах. Тут же работа становится учебой, IT специалист каждый день учится чему-то новому.

Рынок IT в Украине стремительно развивается, и сайты вакансий постепенно заполняются заявками на поиск специалистов. Для того чтобы работать в данной сфере, достаточно окончить качественные специализированные курсы. Курсы WEB от учебного центра «Успех» именно то, что Вы искали.

Web-дизайн - это процесс производства веб-сайтов, включающий техническую разработку концепции сайта, структурирование информационной архитектуры сайта, визуальный дизайн сайта и доставку по сети. Курс «WEB дизайн от А до Я – профессиональный курс» рассчитан на 4 месяца. В программе курса подробно изучаются вопросы создания качественного интернет ресурса, разрабатывается графическая составляющая для сайта, верстка, программирование, изучаются специальные программы и технологии (HTML, СSS) и много других аспектов. Важная часть программы – практика на протяжении всего курса веб-дизайна.

Для новичков, для тех кто заинтересован в легком и быстром обучении и создания несложных сайтов или сайт-визитка предлагаем курс «Создание сайта за один месяц». За время прохождения курса (1 месяц) каждым слушателем будет создано три сайта, это самый лучший вариант для ознакомления с процессом создания сайта и оптимизации его под бизнес. Главная задача курса – быстрая разработка несложного сайта.

Кто более заинтересован в развитии себя в области СЕО продвижения предлагается курс «Оптимизация и раскрутка сайтов (SEO)». Seo-специалист – это человек, работа которого заключается в выполнении огромного комплекса мероприятий по работе с сайтом. Сюда входит аудит и анализ сайта, анализ конкурентов, внутренняя оптимизация сайта (работа с текстами, изображениями, видео, ссылками, структурой сайта его кодом), внешняя оптимизация (привлечение на сайт внешней качественной ссылочной массы, постоянное отслеживание и работа с беклинками), поведенческая оптимизация (подстраивание сайта под интересы и запросы клиента, работа с мобильной версией сайта, улучшение юзабилити и архитектуры сайта). Работа сео-специалиста также включает в себя элементы интернет-маркетинга (SMM, E-mail-маркетинг, контекстная реклама и организация других видов рекламы). Всё это необходимо для привлечения максимального количества пользователей на продвигаемый ресурс и его хорошей оценки со стороны популярных поисковых систем, алгоритмы которых тоже не стоят на месте.

Профессиональный преподавательский состав Учебного центра «Успех» уже более 22 лет дает нашим слушателям овладеть любой современной и нужной профессией. Компьютерные классы, современное оборудование , авторские разработки и методики создают все условия для успешного освоения новой, а главное востребованной профессии.

Приходите, УЦ «Успех» ждет Вас!

 

Программа курса
 
Введение в веб.

 

Занятие 1. Первый шаг, с которого начинается построение сайта

  • Определения с тематикой сайта и возрастной группой. Подбор ключевых слов, названия, мета-тегов, и копирайтинг.
  • Зарегистрироваться на yandex.ua и https://accounts.google.com (gmail)
  • Подбор ключевых слов для своего сайта – с помощью сервисов http://wordstat.yandex.ua/ и https://adwords.google.ru/KeywordPlanner
  • Анализ конкурентов
  • Понятие гипертекстовых документов и web-сайтов. Классификации web-сайтов. 
  • Различные типы web-сайтов, их назначение и использование. Типы гипертекстовых документов (web-страниц), их различия и сходства.
  • Размещение и хранение web-страницы и сайты. Понятие web-сервера и принципы его работы с пользователем.

Обзор программ, изучающих на курсах:

  • Подбор программного обеспечения для работы над веб-сайтом. Необходимый минимум для начала работы. 
  • Способы создания веб-сайтов: визуальный, работа с кодом, комбинированный.
  • Разработка структуры и этапы построения web-сайта. 
  • Информационное наполнение и взаимосвязи основных разделов и подразделов, а также дополнительных страниц веб-сайта.

 

Работа в программе FIGMA

Цель:

  • Изучение программы FIGMA, предназначенной для создания дизайна макета сайта.
  • Погружение в экосистему FIGMA

ПЛАН:

Занятие 2. Инструменты FIGMA

  • Назначение и состав программы FIGMA. Установка программы FIGMA
  • Черновики (Drafts) 

  •  

    Создание нового документа. Удаленные файлы (Deleted Files) / Корзина 
  • Панель закладок (Panel of tabs) 

  •  

    Контекстная панель первого экрана 
  • Создание нового проекта и обзор интерфейса экрана проекта 

  •  

    Создание новой команды (New team)
  • Контекстная панель экрана проекта

  •  

    Создание нового файла 
  • Панель инструментов 

  •  

    Обзор интерфейса редактирования файла 
  • Инструмент масштабирования (Scale Tool) 

  •  

    Перемещение объекта (Move Tool) 
  • Фигуры 

  •  

    Срез (Slice Tool) 
  • Создание арт-борда (Frame Tool)

  •  

    Панель свойств
  • Текст (Text Tool) 

  •  

    Прямоугольник (Rectangle Tool) 
  • Свойства текста

  •  

    Недавно просмотренные файлы (Recently Viewed) 
  • Интерфейсная сетка

  • Понимание контейнеров в web-дизайне
  • Прототипирование

 

Занятие 3. Техника создания уникальных дизайнов интерфейсов по методологии Substance Design

  • Принципы разработки пользовательского интерфейса. 
  • Главная задача — ясность

  •  

    Ключевое назначение интерфейсов — взаимодействие
  • Удержать внимание любой ценой

  •  

    Дайте пользователям ощущение контроля
  • Прямое управление — лучший вариант

  •  

    Один экран — одно основное действие
  • Пусть второстепенные действия выглядят как второстепенные

  •  

    Подскажите логичный следующий шаг
  • Внешний вид соответствует поведению

  •  

    Вопрос согласованности
  • Сильная визуальная иерархия работает лучше всего

  •  

    Толковая организация снижает когнитивную нагрузку
  • Используйте цвет для расстановки акцентов — но не как главную отличительную черту

  •  

    Поэтапное раскрытие информации
  • Органично встройте помощь в интерфейс

  •  

    Решающий момент: пустое состояние.

 

Занятие 4. Последовательная методика создания индивидуального дизайна

  • Определение целей веб-сайта и его позиционирование
  • Разбиение информации на смысловые блоки заглавие, описание, конкретика между блоками и подблоками задать разное расстояние.

  • Создание Технического Задания (ТЗ) на разработку веб-сайта.
  • Создание дизайн-макета веб-сайта.
  • Верстка сайта.
  • Программирование сайта.
  • Наполнение сайта информацией.
  • Расположение сайта в сети Интернет
  • Тестирование сайта

 

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

ЦЕЛЬ: Изучение основ языка разметки HTML5 необходимых для построения сайтов и статических страниц в сети Internet.

ПЛАН:

Занятие №5. Введение и основные понятия . Основы разработки web-ресурсов. Модели информационной архитектуры. Принципы «юзабилити». Понятие web-интерфейса. Основные элементы web-страницы и способы их компоновки. Разработка структуры сайта и системы навигации. Обзор форматов web-графики. Стандарты HTML5 и CSS3. Стандарты разработки HTML5-документов. Meta-теги, keywords (элементы поисковой оптимизации). Методы верстки web-страниц

  • HTML5 СТРУКТУРА СТРАНИЦЫ
  • Что такое WEB-сервер, web-сайт, web-страница и чем они отличаются
  • Структура HTML5-документа. Понятие элементов и атрибутов
  • Зачем нужна инструкция  
  • Что такое тег? Типы тегов. Теги - header, nav, section, article,aside,footer и др... Правила оформления HTML5-документа 
  • Использование комментариев. 
  • Создание HTML5-документа в программе Sublime Text 3
  • Возможности программы Sublime Text 3: Основы работы. Управление web-сайтом. Редактирование html5-кода 
  • Создание новых файлов и папок

 

Занятие № 6. Таблицы и списки. Покупка домена и хостинга. Использование программы FilleZilla. Ссылки и иллюстрации

  • Структурирование информации на WEB-странице при помощи списков. Типы списков
  • Структурирование информации на странице при помощи списков и таблиц
  • Механизмы адресации на ресурсы в Internet. Реализация механизма в языке HTML5

  •  

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

  •  

    Распределение иллюстраций по страницам сайта: приемы и советы
  • Добавление иллюстраций и ссылок на любимые сайты

 

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

ЦЕЛЬ:

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

ПЛАН:

Занятие 7. CSS-свойства: определение, способы задания, единицы измерения, использование для оформления html-элементов. Box model(модель коробки или боксовая модель)

  • Виды CSS - внутренние стили глобальные или встроенные внешние или связанные
  • Определение классов и идентификаторов 
  • CSS-селекторы 
  • БЛОЧНАЯ МОДЕЛЬ. УПРАВЛЕНИЕ ТИПАМИ ЭЛЕМЕНТОВ – СВОЙСТВО DISPLAY (BLOCK, INLINE, INLINE-BLOCK…)
  • Создание и управление таблицами стилей в программе Sublime Text 3

 

Занятие 8. Одноколоночная фиксированная верстка. Горизонтальные и вертикальные CSS меню

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

 

Занятие 9. Работа с текстом. Механизмы представления текстовой информации: оформление, выравнивание, отступы и др.

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

 

Занятие 10. Слои в HTML

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

 

Занятие 11. Способы верстки элементов web-страницы при помощи CSS. Схемы css-позиционирования. Элементы. Положения

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

 

Программирование на JavaScript

ЦЕЛЬ:

  • Теоретические знания и практические навыки для эффективного использования современных клиентских Web-технологий на примере JavaScript.
  • Особенности синтаксиса JavaScript, объектно-ориентированный подход в программировании на JavaScript и его основные встроенные функции.
  • Создание динамических меню, закладок, аккордеонов, галерей и других элементов страниц.

ПЛАН:

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

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

 

Занятие №13. Функции и объекты JavaScript

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

 

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

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

 

Занятие 15. Начало работы с bootstrap 4

  • Загрузка Bootstrap файлов 
  • Bootstrap Grid System
  • Работа в Bootstrap Grid System
  • Создание макетов с Bootstrap Grid System
  • Видимость элемента в зависимости от размеров экрана устройства
  • Создание Фиксированный макет с Bootstrap
  • Создание макета жидкости с Bootstrap
  • Создание Отзывчивый макет с Bootstrap
  • Небольшое устройство (таблетка)
  • Дополнительное небольшое устройство (телефон)

 

Занятие 16. Дизайн и форматирование текста содержания, таблицы, формы, списка изображения и иконки в Bootstrap. Bootstrap NAV, NavBar, панели, Breadcrumbs, нумерация страниц, пейджер и прогресс баров

  • Заголовки
  • Параграфы
  • Создание простой таблицы с Twitter Bootstrap
  • Использование контекстных классов в Bootstrap таблице
  • Twitter Bootstrap Список
  • Создание Twitter Bootstrap Forms.
  • Создание макета вертикальной формы
  • Создание горизонтальной макет формы
  • Статическая форма управления
  • Создание Инлайн формы макета
  • Twitter Bootstrap Изображения
  • Twitter Bootstrap Миниатюры
  • Twitter Bootstrap медиа-объектов
  • Twitter Bootstrap Nav
  • Создание выпадающего меню с Twitter Bootstrap Счета и таблетки
  • Twitter Bootstrap NavBar
  • Создание фиксированных NavBar с Twitter Bootstrap

 

WORDPRESS основы.

ЦЕЛЬ:Разработка блога.

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

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

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

ПЛАН:

 

Занятие 17. Общие сведения о системе WordPress. Функции установки CMS WordPress. Записи, страницы, медиафайлы и комментарии

  • Установка CMS WordPress на локальный компьютер и на сервер хостинг провайдера. Функции установки.
  • Назначение и использование WordPress
  • Панель управления WordPress
  • Пользователи системы и права
  • Виды контента в WordPress
  • Записи
    • Публикация
    • Редактирование
    • Свойства
  • Страницы
    • Создание
    • Управление страницами
    • Свойства страниц
  • Комментарии
    • Управление комментариями
  • Ссылки и медиафайлы

 

Занятие 18. Упорядочивание записей и комментариев. Эффективная работа с WordPress

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

 

Занятие 19. Изменения и оформление сайта. Функции плагинов CMS WordPress

  • Темы CMS WordPress и их функции. Меню сайта. Работа с виджетами. Изменение темы в редакторе SUBLIME TEXT 3
  • Работа с плагинами. Обновление плагинов. Управление плагинами Akismet и All in One Seo Pack. Плагины для установки на сайте.

 

Joomla основы

ЦЕЛЬ:Разработка сайта на CMS Joomla

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

ПЛАН:

Занятие 20. Создание сайтов на Joomla Обзор и настройка системы.

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

 

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

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

 

Основы создания сайтов на CMS Drupal

ЦЕЛЬ:Разработка сайта на CMS Drupal

Информация и инструкции по CMS Drupal. Познакомитесь с и узнаете, как создать веб-сайт с использованием cms Drupal. Как редактировать шаблон Drupal.

ПЛАН:

Занятие 22. Создание сайтов на Drupal Структура и наполнение сайта на Drupal.

  • Установка и настройка Drupal на локальном сервере и его локализация
  • Знакомство с панелью управления Drupal
  • Добавление новых статей и страниц на сайте
  • Добавление комментариев к статьям и страницам
  • Создание своего типа материалов
  • Разработка структуры сайта с помощью таксономии
  • Создание категорий и подкатегорий для статей
  • Смена и настройка стандартных тем для сайта
  • Просмотр регионов темы
  • Настройка главной страницы сайта

 

Занятие 23. Работа с меню и ссылками на сайте. Работа с блоками и модулями. Работа с пользователями и их правами доступа

  • Создание новых и редактирование существующих меню, добавление ссылок в меню
  • Добавление и управление стандартными блоками на сайте
  • Создание своего блока произвольного HTML кода
  • Добавление и редактирование дополнительных стандартных блоков на сайте
  • Включение дополнительных стандартных модулей и их настройка
  • Настройка прав доступа на сайт
  • Добавление ролей для пользователей
  • Создание новых пользователей
  • Добавление стандартной формы обратной связи на сайт
  • Создание вручную и автоматически собственных адресов страниц (алиасов)

 

Занятие 24. Анализ сайтов, сделанных во время курсов учениками

  • CSS сайт
  • JavaScript сайт 
  • Wordpress сайт
  • Joomla сайт
  • Drupal cайт

 

Популярные курсы 

 

#fc3424 #5835a1 #1975f2 #2fc86b #f_syc9 #eef77 #020614063440