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


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


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

Лиценции на программное обеспечение учебного центра Успех





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


Профессиональный курс по созданию сайтов Web-дизайн "От А до Я" (профессиональный курс по созданию сайта, графика, программирование, размещение на хостинге)


Кол-во ак.ч. 84
Время Занятия в утреннее (10.00-12.30), дневное (14.00-16.30) или вечернее (18.30-21.00) время; группа выходного дня по субботам
Срок обучения в группе 3 месяца. 24 занятия по 3.5 академ. часа

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

По окончании курса выдается диплом

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

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

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

Мы предлагаем также и другие курсы по web:

Курсы веб дизайна и веб мастера в Киеве. Учебный центр Успех

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

За три месяца курса Вы будете:

  • Создавать стильные, современные и удобные сайты!
  • Пользоваться инструментами веб-дизайнера на профессиональном уровне!
  • Взаимодействовать с заказчиком!

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

Посмотрите работы наших выпускников!

Модуль 1. Web - профессия

  • Определения с тематикой сайта и возрастной группой. Подбор ключевых слов, названия, мета-тегов, и копирайтинг.
  • Зарегистрироваться на 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
  • Инструменты FIGMA
  • Назначение и состав программы FIGMA. Установка программы FIGMA
  • Черновики (Drafts) 
  • Создание нового документа. Удаленные файлы (Deleted Files) / Корзина
  • Панель закладок (Panel of tabs)
  • Создание нового проекта и обзор интерфейса экрана проекта
  • Создание новой команды (New team)
  • Панель инструментов
  • Обзор интерфейса редактирования файла
  • Инструмент масштабирования (Scale Tool)
  • Перемещение объекта (Move Tool)
  • Фигуры Срез (Slice Tool)
  • Создание арт-борда (Frame Tool)
  • Панель свойств
  • Текст (Text Tool)
  • Прямоугольник (Rectangle Tool)
  • Интерфейсная сетка
  • Понимание контейнеров в web-дизайне
  • Прототипирование

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

  • Интерфейс программы Substance Design
  • Дизайн сайта блога 

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

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

Курсы веб мастера в Киеве. Учебный центр УспехМодуль 2. Введение в язык разметки Интернет страниц HTML.

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

  • Изучение основ языка разметки HTML5 необходимых для построения сайтов и статических страниц в сети Internet.
  • Введение и основные понятия . Основы разработки web-ресурсов. Модели информационной архитектуры. Принципы «юзабилити». Основные элементы web-страницы и способы их компоновки. Разработка структуры сайта и системы навигации. Обзор форматов web-графики. Стандарты HTML5 и CSS3. Стандарты разработки HTML5-документов. Meta-теги, keywords (элементы поисковой оптимизации). Методы верстки web-страниц
  • WEB-сервер, web-сайт, web-страница 
  • Типы тегов. Теги - header, nav, section, article,aside,footer и др.
  • Правила оформления HTML5-документа 
  • Использование комментариев. 
  • Создание HTML5-документа в программе Sublime Text 3
  • Возможности программы Sublime Text 3: Основы работы. Управление web-сайтом. Редактирование html5-кода

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

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

Модуль 4. CSS свойства, модульная система CSS

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

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

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

Модуль 5. Слои в HTML

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

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

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

Модуль 6. Программирование на JavaScript

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

Сценарии в HTML, язык JavaScript

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

Функции и объекты JavaScript

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


Объектная модель браузера

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

Модуль 7. Начало работы с bootstrap 4

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

Дизайн и форматирование текста содержания, таблицы, формы, списка изображения и иконки в 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

МОДУЛЬ 8. Основы WORDPRESS. Joomla. Drupal

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

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

Разработка сайта на CMS Joomla настройка системы.
Основы создания сайтов на CMS Drupal

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

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

Финишная вёрстка макета

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

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

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

Специалисты, обладающие этими знаниями и навыками, в настоящее время крайне востребованы. Большинство выпускников наших курсов делают успешную карьеру и пользуются уважением работодателей.




Поиск по сайту
X
Компьютерные курсы
Школа архитектурного и ландшафтного дизайна

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

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

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

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

Курсы психологии


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



  О центре     |     Курсы     |     Цены     |     Запись на курсы     |     Корпоративные программы     |     Наши координаты
  Developed by Domino    
© 2003-2016 Успех: курсы дизайна, 3d, дизайн интерьера, курсы web, курсы обучения, бухгалтерские, компьютерные курсы, курсы 1С, курсы менеджеров, бизнес курсы.