Успех
на главную написать письмо карта сайта


О центре обучения Курсы Цены Запись на курсы Корпоративные программы
Расписание начала занятий
Преподаватели учебного центра Успех
Галерея центра Успех
Видеоролики о учебном центре Успех
Наши координаты
Вакансии и резюме

Суспільне визнання

 
вернуться к программам обучения вернуться к выбору тем



Курсы SEO оптимизации и раскрутки сайтов
Курс «Front-end разработчик (профессиональный веб мастер)»
Курс "Создание сайта за 1 месяц" (создаем 3 сайта за 1 месяц)
Курс "Web программирование"

Профессиональный курс по созданию сайтов Web-дизайн "От А до Я" Курс включает в себя раздел Web-дизайн, Front-end разработка сайта и верстка сайта.

курсы web,курсы web дизайна,курсы веб-дизайнаПо окончании курса "Web-дизайн от А до Я", вы получите достаточно знаний для создания хорошего полноценного сайта с элементами программирования с использованием современных систем управления сайтами (CMS) и современными Web-технологиями. Курс "Web-дизайн от А до Я" - профессиональная программа, которую преподают отличные преподаватели.
Кол-во ак.ч. 128
Время Занятия в утреннее (10.00-12.30), дневное (14.00-16.30) или вечернее (18.30-21.00) время; группа выходного дня по субботам.
Срок обучения в группе 3 месяца. 24 занятия по 3.5 академ. часа.

Цена (для физического лица) 3500 грн. в месяц.

По окончании курса выдается диплом курсы в Киеве, курсы языка, центр Успех

Скидки от 10% до 15%

Программа курса
Еще курсы по WEB (создание сайта, оптимизация, раскрутка сайтов)
Курс «Front-end разработчик (профессиональный веб мастер)»
Курс Создание сайта за 1 месяц (WordPress, Joomla, Drupal)
Курс Оптимизация и раскрутка сайтов (SEO)
Курс Интернет-маркетолог (SMM-менеджер)
Курс Создание интернет-магазинов

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

Общее описание

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

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

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

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

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

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

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

Начало построения сайта

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



Обучение на курсах для специалистов по web-дизайну, Front-end разработки и верстки сайтов, веб программированиию в Киеве. Учебный центр Успех Модуль 1. Работа в программе FIGMA

Figma подходит как для создания простых прототипов и дизайн-систем, так и сложных проектов (мобильные приложения, порталы). В 2018 году платформа стала одним из самых быстро развивающихся инструментов для разработчиков и дизайнеров.
  • Создание нового документа. Удаленные файлы (Deleted Files) / Корзина 
  • Панель закладок (Panel of tabs) 
  • Контекстная панель первого экрана 
  • Создание нового проекта и обзор интерфейса экрана проекта 
  • Создание новой команды (New team)
  • Контекстная панель экрана проекта
  • Создание нового файла 
  • Панель инструментов 
  • Обзор интерфейса редактирования файла 
  • Инструмент масштабирования (Scale Tool) 
  • Перемещение объекта (Move Tool) 
  • Фигуры  Срез (Slice Tool) 
  • Создание арт-борда (Frame Tool)
  • Панель свойств
  • Текст (Text Tool) 
  • Прямоугольник (Rectangle Tool) 
  • Свойства текста
  • Интерфейсная сетка
  • Понимание контейнеров в web-дизайне
  • Прототипирование
Техника создания уникальных дизайнов интерфейсов по методологии Substance Design
Обучение на курсах для специалистов по web-дизайну, Front-end разработки и верстки сайтов, веб программированиию в Киеве. Учебный центр Успех
  • Принципы разработки пользовательского интерфейса. 
  • Ключевое назначение интерфейсов - взаимодействие
  • Один экран -одно основное действие
Модуль 2. Последовательная методика создания индивидуального дизайна
 
  • Определение целей веб-сайта и его позиционирование
  • Разбиение информации на смысловые блоки заглавие, описание, конкретика между блоками и подблоками задать разное расстояние.
  • Создание Технического Задания (ТЗ) на разработку веб-сайта.
  • Создание дизайн-макета веб-сайта.
  • Верстка сайта.
  • Программирование сайта.
  • Наполнение сайта информацией.
  • Расположение сайта в сети Интернет
  • Тестирование сайта
Модуль 3. HTML5 (основы веб-дизайна / веб-мастеринга).
 
  • HTML5 СТРУКТУРА СТРАНИЦЫ
  • WEB-сервер, web-сайт, web-страница и чем они отличаются
  • Структура HTML5-документа. Понятие элементов и атрибутов
  • Типы тегов. Теги - header, nav, section, article,aside,footer и др... Правила оформления HTML5-документа 
  • Использование комментариев. 
  • Создание HTML5-документа в программе Sublime Text 3
  • Возможности программы Sublime Text 3: Основы работы. Управление web-сайтом. Редактирование html5-кода 
  • Создание новых файлов и папок
Таблицы и списки. Покупка домена и хостинга. Использование программы FilleZilla. Ссылки и иллюстрации
  • Структурирование информации на WEB-странице при помощи списков. Типы списков
  • Структурирование информации на странице при помощи списков и таблиц
  • Механизмы адресации на ресурсы в Internet. Реализация механизма в языке HTML5
  •  Создание гиперссылок с помощью элемента A и его атрибутов. Типы ссылок 
  • Размещение иллюстрации на web-странице. Типы файлов иллюстраций. Элемент IMG и его атрибуты 
  • Распределение иллюстраций по страницам сайта: приемы и советы
Модуль 4. CSS3 Технология CSS, её версии и поддержка браузерами.
 
  • Виды CSS - внутренние стили глобальные или встроенные внешние или связанные
  • Определение классов и идентификаторов 
  • CSS-селекторы 
  • БЛОЧНАЯ МОДЕЛЬ. УПРАВЛЕНИЕ ТИПАМИ ЭЛЕМЕНТОВ – СВОЙСТВО DISPLAY (BLOCK, INLINE, INLINE-BLOCK…)
  • Создание и управление таблицами стилей в программе Sublime Text 3
Одноколоночная фиксированная верстка. Горизонтальные и вертикальные CSS меню
 
  • Верстка web-страниц со стандартными элементами - шапка, навигация, содержание и подвал.
  • Создание меню с помощью маркированных списков.
  • Введение понятия псевдоклассов.
  • Определение float для позиционирования элементов меню.
  • Сознание веб страничек и связей между ними. 
  • Хостинг. HTML-элементы: виды, параметры...
Работа с текстом. Механизмы представления текстовой информации: оформление, выравнивание, отступы и др.

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

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

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

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

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

  • Объекты браузера 
  • Объект window 
  • Лабораторная работа: использование объекта window 
  • Объект navigator 
  • Объект document
Модуль 6. Начало работы с bootstrap 4

  • Загрузка Bootstrap файлов 
  • Bootstrap Grid System
  • Работа в Bootstrap Grid System
  • Создание макетов с Bootstrap Grid System
  • Видимость элемента в зависимости от размеров экрана устройства
  • Создание Фиксированный макет с Bootstrap
  • Создание макета жидкости с Bootstrap
  • Создание Отзывчивый макет с Bootstrap
  • Небольшое устройство (таблетка)
  • Дополнительное небольшое устройство (телефон)
  • Заголовки
  • Параграфы
  • Создание простой таблицы с 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
Модуль 8. ОСНОВЫ WORDPRESS. Joomla . CMS Drupal.

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

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

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

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

  • CSS сайт
  • JavaScript сайт 
  • Wordpress сайт
  • Joomla сайт
  • Drupal cайт
Предварительная подготовка

пользователь ПК
Цель

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



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

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

вы будете уметь


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



Поиск по сайту
Компьютерное обучение

Школа архитектурного дизайна

Школа бухгалтерии

Школа иностранных языков

Академия бизнес решений

Дистанционное обучение

Добро пожаловать
на наш новый сайт
Новый сайт учебного центра Успех uspeh.ua Киев
Получите сертификат
Autodesk
Учебный центр «Успех» дает возможность получить международный Сертификат Autodesk по курсам Autodesk 3D Max, Autodesk Revit MEP и Revit Architecture
 
Клиенты учебного центра Успех Киев
Нас поздравляют:
Газета "Всё про бухгалтерский учёт"
20 лет учебному центру Успех Киев. Нас поздравляют наши клиенты
Медиа группа "Авизо"
Поздравляем учебный центр "Успех" c Днем Рождения! Желаем процветания, успехов во всех начинаниях. Благополучия, надежных партнеров и благодарных клиентов.
Компания "Корисна картка"
Поздравляем учебный центр "Успех" с такой серьёзной датой. Желаем успехов, процветания и побольше довольных клиентов.
Компания ООО "ГЛОБАЛ 17 ИСТ"
Мы работали с Вами впервые, но с удовольствием выразим нашу благодарность преподавателю Вашего учебного центра Грицаю Ихтиандру Алексеевичу!
Агентство интернет-рекламы "3-БИТ"
Сотрудничаем с Учебным центром "Успех" не один год. Ведем их рекламную кампанию в Интернете.



© 2003-2009 Успех О центре     |     Курсы     |     Цены     |     Запись на курсы     |     Корпоративные программы     |     Наши координаты
  Developed by Domino