Корзина
Институт информационных и бизнес-технологий. Профессиональное обучение: (098)213-1991, (099)240-1991
+38 (044) 233-19-91
...

WEB-дизайн и Front-End разработка сайтов (HTML, CSS, CMS WordPress, Joomla) – компьютерные курсы обучения

В наличииКод: ВД

1 800 грн.

Написать
WEB-дизайн и Front-End разработка сайтов (HTML, CSS, CMS WordPress, Joomla) – компьютерные курсы обучения
WEB-дизайн и Front-End разработка сайтов (HTML, CSS, CMS WordPress, Joomla) – компьютерные курсы обучения
1 800 грн.
Написать
Перезвоните мне
  • +380 показать номер +380 (44) 233-19-91
  • +380 (44) 233-19-91 стац.
  • +380 (63) 233-19-91 Life
  • +380 (98) 213-19-91 Киевстар
  • +380 (99) 240-19-91 МТС
Перезвоните мне
  • +380 показать номер +380 (44) 233-19-91
  • +380 (44) 233-19-91 стац.
  • +380 (63) 233-19-91 Life
  • +380 (98) 213-19-91 Киевстар
  • +380 (99) 240-19-91 МТС
  • Адрес и контакты
    • Телефон:
      +380 (44) 233-19-91, стац.
      +380 (63) 233-19-91, Life
      +380 (98) 213-19-91, Киевстар
      +380 (99) 240-19-91, МТС
    • Контактное лицо:
      Григорий
    • Адрес:
      ул. Антоновича (Горького), 4/6, Киев, Украина
    • Email:
      educator@ukr.net

 

Курс web-дизайна и FrontEnd-разработки сайтов (HTML, CSS, JS, CMS) – Актуальность и краткое описаниеАнализ современных тенденций в области WEB-дизайна, используемых художественных стилей и бизнес-решений существующих интернет-страниц и других WEB-приложений позволяет сделать вывод о высоком уровне профессионализма веб-разработчиков и существенном повышении динамики развития этой области деятельности в сфере информационных технологий. При этом правильно выбранный дизайн и эффектно разработанная эргономика значительно увеличивают посещаемость и уровень выполнения веб-сайтом своих задач (информативность – у блога, конверсия – у интернет-магазина и т.д.). Предлагаемый комплексный курс WEB-дизайна и Front-End-разработки сайтов призван помочь всем желающим успешно решать вышеупомянутые насущные сегодня задачи. Он обучает слушателей созданию клиентской части сайтов, верстке шаблонов интернет-страниц и веб-разработке пользовательских интерфейсов (Front-End WEB Development) на основании современных принципов веб-дизайна и методов управления контентом.

 

Базовый курс web-дизайна и FrontEnd-разработки сайтов (HTML, CSS, WordPress, Joomla)

На занятиях базового модуля курса (I уровень – Web Design & Front-End Basic) учащиеся профессионально осваивают способы создания сайтов на языках верстки и описания WEB-документов HTML (разметка) и CSS (стили) с использованием визуальных HTML-редакторов (Adobe DreamWeaver и др.). Языки, изучаемые на курсах HTML и CSS, являются базой для любого сайтостроения. Особое внимание уделяется приемам конструирования сайтов с помощью систем управления контентом (CMS – content management system), которые предоставляют широкий визуальный инструментарий создания веб-сайтов с использованием шаблонов, включая возможность доступа к HTML-кодированию. Данный модуль курса обучения позволяет овладеть широкими возможностями  наиболее распространенных CMS WordPress и Joomla, как эффективных платформ для построения сайтов. Он состоит из практических уроков по веб-разработке и верстке сайтов, что дает возможность успешно освоить учебный материал новичкам и структурировать свои знания уже имеющим какой-либо опыт, пошагово прогрессируя от сайта-визитки до интернет-магазина или персонального блога. После изучения HTML/CSS и создания собственных статических интернет-страниц слушатели переходят к продвинутому модулю «WEB-программирование и Front-End разработка сайтов (JavaScript, JQuery)» (II уровень – Web Design & Front-End Pro), где обучаются превращать статические веб-страницы в динамические, целиком овладевая профессией FrontEnd-разработчика.

 

Курс web-дизайна и FrontEnd-разработки сайтов (HTML, CSS, JS, CMS) – Что получает выпускник

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

 

Данный курс по веб-дизайну и FrontEnd-разработке дает возможность не только получить профессию верстальщика веб-сайтов или контент-менеджера. Благодаря нашему модульному принципу многоуровневой подготовки специалистов он может стать ступенькой для дальнейшего освоения профессии графического дизайнера, веб-программиста или интернет-маркетолога. После создания слушателями курса своей интернет-страницы посредством системы управления контентом с использованием шаблонов ее желательно персонифицировать, оснастив графикой собственной разработки (коллажи, фото...) и сделав уникальной, не похожей на другие сайты. Для этого служит наш следующий учебный курс «Художественная компьютерная графика и дизайн (PhotoShop, Illustrator, CorelDRAW)». Кроме того, при работе верстальщиком сайтов с объемными проектами станет понятно, что желательно иметь возможность не вручную писать HTML-код, а автоматически генерировать его, что существенно повышает скорость и производительность выполнения проекта. Этому детально обучает наш курс «Web-программирование и BackEnd-разработка сайтов (PHP, MySQL)». С другой стороны, после создания и регистрации разработанного веб-сайта нужно позаботится о том, чтобы заложенная в контенте информация эффективно отображалась в интернете. То есть сайт необходимо рекламировать и продвигать в поисковых системах, социальных сетях и т.п. Для этого у нас есть курс обучения «Интернет-маркетинг (SEO, контекстная реклама, SMM и другое продвижение сайтов)». 

 

Курс web-дизайна и FrontEnd-разработки сайтов (HTML, CSS, JS, CMS) – Особенности организации обучения

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

 

Вследствие этого, слушатели могут овладеть востребованной профессией и соответствующей квалификацией веб-дизайнера, FrontEnd-разработчика и контент-менеджера в течение короткого срока – всего за 1 месяц (от 3-х недель), поэтапно превращаясь из новичка в искусного профессионала. Благодаря особенностям организации качественного учебного процесса любой начинающий может стать реальным веб-мастером и верстальщиком сайтов, практически с нуля профессионально освоив языки разметки и верстки HTML + CSS, системы управления контентом WordPress или Joomla.

 

 

 

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

 

Web Design & Front-End Basic (HTML+CSS+CMS, базовый модуль)

 

Название темы

1

Создание структуры WEB-сайта, этапы разработки. Основные понятия и терминология. Понятия WWW и WEB-сайта. Основные задачи и принципы FrontEnd-разработки веб-приложений. Инструментарий разработки. Проектирование концепции сайта на основании поставленных задач, целевой аудитории, фирменного стиля организации. Графический дизайн интерфейсовСпособы определения набора страниц сайта и навигации между ними. Классификации WEB-сайтов. Виды сайтов – простые (визитки), корпоративные и креативные сайты, блоги, интернет-магазины, тестовые WEB-приложения. Структура сайта. WEB-сервер, его взаимодействие с пользователем.

2

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

3

Эргономика сайта (WEB-usability). Факторы осложняющие и те, которые помогают правильному восприятию информации на сайте. Макетирование в WEB. Ритм. Правила расположения, форма основных навигационных и графических компонентов на странице (выпадающие одноуровневые и многоуровневые меню, логотипы, информационные блоки). Обзор ресурсов, связанных с вопросами WEB-дизайна и WEB-usability.

4

Создание основной конструкции сайта с помощью языка верстки HTML. Тег, его атрибуты, виды и синтаксис структуры. Формирование основных принципов работы с кодом страниц. Открывающие и закрывающие теги. Распознание HTML-страниц разными браузерами (Internet Explorer, Opera, Google Chrome, Mozilla Firefox). Оформление кода – теги «html», «body», «head». Создание основной страницы с текстом. Редактирование текста, правила использования тега «span». Способы форматирования. Маркирование текста. Правила размещения и настройки размера графических изображений (jpg, gif, png), звука, бегущей строки и видео. Правила тегов «img», «object». Таблицы «table» ― регламентация их размещения и информации в них (текст, изображения, видео). Объединение ячеек, создание «резиновых» и фиксированных таблиц. Фрейм «frameset», фреймовая структура как альтернативное конструирование интернет-страниц. Формы «form», их создание. Формы для регистрационных анкет, поисковых систем, тестовых задач. Интеграция с базой данных сервера хостинга. Новая спецификация HTML5.

5

Использование языка описания CSS. Введение в CSS – содержание и представление. Синтаксис CSS, атрибуты и правила. Контейнеры и селекторы CSS. Подключение и основные свойства CSS-стилей, каскадные таблицы. Применение валидатора. Способы раскладки в CSS – floatflexboxПрименение SASS. Псевдоклассы и псевдоэлементы. CSS-фреймворки, Bootstrap. Верстка слоями. Приоритеты и доступ к стилям элементов документа. Возможности использования каскадных таблиц стилей. Варианты встраивания CSS в HTML-код. Адаптивная верстка и веб-дизайн с использованием Media queries. Оптимизация верстки. Новая спецификация CSS3.

6

Подготовка графического контента для WEB. Обзор графических статических и динамических форматов – GIF, PNG, TIF, JPG, BMP, SWF, MOV, AVI, условия их использования в среде Интернет. Сравнительный обзор WYSIWYG-редакторов для HTML-верстки. Визуальный HTML-редактор DreamWeaver – основные функции, применение, создание, модификация шаблонов. Использование основных режимов DreamWeaver. Разработка и создание собственной структуры сайта. Правила работы с главным меню. Меню Properties. Создание навигационного меню с помощью палитры Behaviors. Правила создания эффекта Rollover. Редактирование целевых интернет-страниц.

7

Конструирование сайтов посредством систем управления контентом (CMS). Функции CMS для контента – предоставление инструментов создания, организация совместной работы, управление (хранение, отслеживание версий, соблюдение режима доступа, контроль над потоком), публикация, представление в удобном для поиска и навигации виде. Разновидности CMS – с генерацией по запросу, при редактировании и смешанные. Объектная, модульная и сетевая модели CMS. Свободные и коммерческие CMS. Платформы WEB-приложений CMS – PHP, .NET, Java, Perl. Сравнительный обзор CMS – WordPress, Joomla!, OpenCart, uCoz, Wix, 1С-Битрикс, Prom.ua и т.д.

8

Создание сайта на CMS WordPress. CMS с открытым исходным кодом на PHP с MySQL. Назначение. Установка. Панель управления сайтом – настройка внешнего вида, создание записей, страниц, рубрик. Плагины – назначение, поиск, установка, настройка. Обязательные плагины. Публикация новых записей, статей, заметок. Изменение внешнего вида сайта в соответствии с типом, стилем, назначением. Поиск тем дизайна и шаблонов оформления. Сохранение, резервное копирование и восстановление сайта. Перенос сайта на другой сервер.

9

Создание сайта на CMS Joomla. Свободная CMS на PHP и JavaScript с MySQL. Назначение. Установка. Набор инструментов разработки. Отображение интерфейса фронтальной и административной части. Дополнительные расширения – модули и плагины. Внешний вид сайта, шаблоны готовые и оригинальные. Настройка схем расположения модулей. Администрирование. Создание описания динамических страниц. Иерархия объектов. Менеджер рассылки новостей. Встроенный визуальный редактор. Модуль безопасности и ограничение доступа.

10

Тестирование и оценка сайта. Требования к дизайну и критерии оценок созданного сайта. Тест-стратегия. Этапы стандартного тестирования сайта. Инструменты WEB-тестирования – Firebug, инспектор Google, TamperData. Кросс-браузерное тестирование. Обоснование необходимости и разработка предложений по редизайну сайта.

11

Размещение сайта на хостинге. Правила размещения сайтов на бесплатных (narod.ru, ucoz.ru) и платных хостингах. Регистрация доменного имени, услуги и баланс хостинга. Использование FTP-протокола, файловый менеджер Total Commander. Личный кабинет, логин и пароль. Администрирование и текущий контроль контента.

 

 

 

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

 

 

 

 

Характеристики
Основные
Тип курсов Компьютерные курсы по созданию и раскрутке сайтов
Продолжительность 34.0 (час)
Особенности услуги Выдача сертификатов
Стаж преподавателя/наставника 5.0 (лет)
Преподаватели
Алексей Михайлович Пуха FrontEnd-разработчик, Web-программист, специалист по HTML / CSS / JavaScript / jQuery / WordPress / PHP / MySQL / Python; образование: ФИВТ НТУУ «КПИ»; преподавательский стаж: 3 года
Вячеслав Викторович Полетаев Web-программист, специалист по HTML / CSS / JavaScript / jQuery / WordPress / PHP / MS SQL; образование: УЭП «Крок», КУБГ; преподавательский стаж: 5 лет
Тарас Викторович Чернявский Web-дизайнер, FrontEnd-разработчик, специалист по HTML / CSS / JavaScript / jQuery / WordPress / Joomla / PHP / MySQL; образование: ФПМ НТУУ «КПИ»; преподавательский стаж: 7 лет
Порядок занятий ближайших учебных групп
Web Design & Front-End Basic Начало 31 октября в 19:00 в Старокиевском центре обучения ИИБТ (г.Киев, ул.Антоновича/Горького, 4/6), вечерняя форма подготовки, 3 занятия в неделю (вт,чт,сб)
Дополнительные характеристики
Длительность обучения 10 занятий; 3,3 недели при трех занятиях в неделю, а также другие варианты
Приобретаемая квалификация WEB-дизайнер, WEB-мастер, FrontEnd-разработчик, контент-менеджер, администратор сайта
  • Цена: 1 800 грн.
Отзывы об услуге
4 отзыва100% положительных
Добавить отзыв
  • Руслан Газда

    До обучения здесь пытался сам делать сайты в CMS Opencart и Joomla!, но шло тяжело и медленно. Записался на курс, чтобы разобраться в нюансах разработки веб-приложений и повысить свой уровень, так как мое ближайшее окружение со всем этим было уже хорошо знакомо. Простую верстку в HTML освоил довольно быстро, разобравшись с основными тегами, таблицами и фреймами. Далее познакомился с CSS-стилями и способами встраивания CSS в HTML-код. Также понравилась адаптивная верстка с помощью Media queries. Благодаря занятиям смог освоить не только Front-End, но и сделать нормально функционирующую админку для сайта. В результате разработал несколько вариантов сайта с различными дизайнами и навигацией. Также подружился с методами создания графического контента, вариантами анимации и другими «вкусными» фишками. Общая организация учебного процесса – на уровне, хорошо продуманная программа и спланированное расписание. Отдельное спасибо преподавателю Вячеславу Викторовичу, который между занятиями поддерживал общение в он-лайне, без чего делать домашние задания было бы затруднительно. При этом, он всегда ориентировал на практические цели и современные перспективы. В общем, курс очень интересный, нужный и стоит, я думаю, подороже, чем за него было заплачено. Очень благодарен, желаю Институту информационных и бизнес-технологий финансовой и творческой удачи!

  • Елена Паненко

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

  • Аркадий Зовский

    Очень хороший базовый курс, дающий перспективный старт в этой области. Все, конечно, довольно интенсивно, но преподаватель дополняет изложение материала домашними заданиями, причем для каждого слушателя в отдельности, в соответствии с уровнем подготовки. Вообще преподаватель понравился – дает возможность дополнительно получить больше полезной информации, все аргументирует ссылками на веб-ресурсы. Я довольно детально освоил языки разметки и описания HTML, CSS, без чего нельзя двигаться дальше. После создания статических сайтов преподаватель показал, как подключать к ним динамические блоки с помощью скриптов (этого, правда, было маловато, времени не хватило). Принципы и основные методы FrontEnd-разработки интерфейсов web-приложений преподаватель излагал, показывая все на примерах. Довольно много времени уделил дизайну и эргономике сайтов. Также познакомил с инструментарием тестирования сайтов и наиболее применяемыми способами их оценки. Продуманная программа курса и уровень преподавания были такими, что удалось все освоить успешно. Рекомендую пройти этот курс, начать с него в сфере сайтостроения. По окончании обучения меня познакомили с предпринимателем-заказчиком, которому понравился мой уровень. В результате он поручил мне разработку web-дизайна и контента небольшого интернет-магазина. Заказ успешно выполнил, но вижу, что теперь желательно попасть на второй уровень пройденного курса – сценарный язык JavaScript с фреймворком JQuery.

Высшее учебное заведение "Институт информационных и бизнес-технологий"
Григорий
+380
44
233-19-91
стац.
+380
63
233-19-91
Life
+380
98
213-19-91
Киевстар
+380
99
240-19-91
МТС
УкраинаКиевул. Антоновича (Горького), 4/6
Форма организации: Частное акционерное общество. Дата образования: 15.01.2003 г. Идентификационный код ЕГРПОУ: 32710866. Расчетный счет: 26000052643786 в ПАТ КБ «ПриватБанк», МФО: 320649. Почтовый адрес: 03047, Украина, г. Киев, пр-т Победы, 50, к. 443а.
Карта