Уроки по созданию сайта с нуля до самого заработка: дюжина шагов к полноценному проекту в интернете

Авторы: [Udemy] Доминик Кузьмицкий и Иван Петриченко

Курс скачан из открытых интернет-источников. Авторские права на продукты принадлежат только их владельцам. Основная цель сайта — это предоставление пользователям бесплатного материала для самостоятельного обучения. Если вы заметили нарушение своих авторских прав, то вы можете связаться с нами для удаления вашего продукта с нашего сайта по ссылке>>>>>

С Уважением,

Администрация проекта learn-free.site «Учитесь бесплатно» 

ОПИСАНИЕ

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

Этот курс подойдет для всех желающих – как для тех, кто хочет стать профессионалом в разработке сайтов, так и для тех, кто просто хочет заниматься этим в качестве хобби и зарабатывать на этом – никакого опыта программирования не требуется.

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

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

Данные уроки научат Вас самым актуальным знаниям по созданию сайтов. На практическом примере мы изучим все, что только может Вам понадобится при разработке современных Веб-приложений с использованием HTML, CSS, JavaScript и  jQuery.

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

  • Курс полностью основан на практике!

Вместе мы создадим профессиональный, красивый и отзывчивый сайт портфолио, который вы сможете использовать для своего . Шаг за шагом вы узнаете все больше и больше возможностей HTML5 и CSS3, от новичка до продвинутого уровня. Это новейшие веб-технологии, используемые каждым веб-сайтом в мире. Изучите супер крутые эффекты jQuery, такие как анимация, эффекты прокрутки и научитесь создавать модальные окна на сайте.

Этот проект научит вас всем реальным практическим навыкам создания веб-сайтов используя HTML5 и CSS3. Полученные знания позволят Вам создавать любые веб-сайты, которые Вы только можете себе представить абсолютно с нуля!

  • В результате вы создадите свой готовый полноценный сайт портфолио!

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

С данными практическими уроками Вы получите и закрепите все знания на практике и легко сможете создавать абсолютно любые сайты!

Итак, что же именно мы рассмотрим в этом курсе:

  • мы изучим основы web-разработки и создадим свой собственный профессиональный и красивый сайт абсолютно с нуля!
  • мы научимся работать с графическими редакторами в контексте верстки: Photoshop, Zeplin, Figma, Avocode
  • мы научимся использовать изображения, шрифты, значки и иконки на нашем сайте
  • мы узнаем и поймем как использовать HTML5 и CSS3 на практике на примере реального проекта
  • мы узнаем основы JS и Jquery, научимся применять их в своих проектах
  • мы научимся работать с технологией FlexBox
  • мы научимся создавать мобильную адаптацию сайтов и приложений. Узнайте, как создавать веб-сайты, которые прекрасно работают на всех устройствах от телефона до компьютера.
  • мы научимся использовать jQuery для создания супер крутых эффектов, таких как анимация, эффекты прокрутки, а также с помощью него научимся создавать модальные окна на сайте.
  • мы разместить свой сайт в интернете для того, чтобы другие люди могли его увидеть.

Создание сайтов (верстка) – очень востребованный на рынке труда навык, который к тому же еще и хорошо оплачивается. Мало того, что изучив всю данную Вам информацию Вы уже сможете создавать свои продукты и сайты, вы также сможете работать как на фрилансе, так и в компании, а также заложите базу для дальнейшего обучения!

ДЛЯ КОГО КУРС:

  • Для людей, которые хотят начать карьеру в ИТ и готовы учиться
  • Для новичков, желающих освоить профессию Frontend-разработчика
  • Для тех кто хочет научиться создавать профессиональные, красивые и отзывчивые сайты
  • Для специалистов, которые планируют посвятить себя фрилансу
  • Для тех кто хочет на практике закрепить знания и навыки программирования
  • Для людей, которые хотят научиться верстать сайты используя HTML5 и CSS3
  • Дизайнеры, которые хотят расширить свои навыки в HTML5 и CSS3

Требования

  • Желание освоить создание сайтов и начать зарабатывать на этом!
  • Никакой другой предварительной подготовки! Все что нужно мы выучим вместе с Вами

Чему вы научитесь

  • Научитесь создавать профессиональные сайты используя HTML , CSS и Javascript
  • Создадите свой полноценный сайт портфолио с нуля!
  • Узнаете основы JavaScript и Jquery и научитесь применять их в своих проектах. Изучите супер крутые эффекты jQuery, такие как анимация, эффекты прокрутки и научитесь создавать модальные окна
  • Научитесь делать адаптивную верстку под мобильные устройства, планшеты и компьютеры. Получите практические навыки создания профессиональных, красивых и по-настоящему отзывчивых сайтов
  • Научитесь верстать сайты по макетам, работать с технологией FlexBox
  • Научитесь добавлять интерактивность на ваши сайты при помощи языка JavaScript
  • Научитесь работать с графическими редакторами в контексте верстки: Photoshop, Figma
  • Научитесь стилизовать сайты при помощи CSS

ВНИМАНИЕ!

СКАЧИВАЙТЕ КУРС СРАЗУ

Материал может быть удален в любой момент по запросу правообладателя!

СКАЧАТЬ КУРС ВЫ МОЖЕТЕ ЗДЕСЬ

Обучение: В  image Индивидуальное В  image Группы В  Корпоративное В  Дистанционное

В 

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

Как Вы думаете, каков основной тренд развития современного общества и бизнеса? Конечно же информатизация и внедрение сети Internet во все сферы жизни общества! Сегодня Интернет уже обогнал по популярности традиционные средства массовой информации. И этот процесс только набирает обороты. Главной же ячейкой всемирной сети, представляющей интересы частного лица или организации является сайт.

Сайт (от англ. site – место) – это совокупность электронных страниц (файлов) определяющихся одним адресом (доменом) и имеющих своего владельца (физическое или юридическое лицо).

Наиболее дальновидные предприниматели, а вслед за ними и частные лица, уже обзавелись собственными сайтами, достойно представляющими их дело в пространстве сети Интернет, и получают с этого неплохие “дивиденды”. Собственный сайт позволяет привлекать новых клиентов, а также информировать и удерживать уже имеющихся, создавая уверенность в надёжности и солидности Вашего бизнеса. Иными словами, сайт – это Ваш офис, который открыт 24 часа в сутки, не требует сотрудников и расходов на аренду и доступен в любом уголке земли!

В 

Обучение созданию сайтов – лучшая инвестиция в будущее!

Итак, Вы решили использовать возможности Internet на все 100%… Что дальше? Конечно же поиск знающего и опытного консультанта, такого, которые работают на компьютерных курсах “Урок ПК”! Наши опытные преподаватели, для начала смогут обучить грамотному пользованию сетью Интернет. А для тех, кто уже владеет данными навыками, предложим ускоренные курсы по созданию сайтов. Более того, у нас также есть специализированные детские курсы по созданию сайтов.

В 

Самостоятельное создание сайта – надёжная гарантия от всех проблем!

“Почему создавать сайты лучше самостоятельно? Ведь существует же множество фирм, специализирующихся на разработке сайтов, да и частных web-мастеров предостаточно” вЂ“ можете возразить Вы. Такой вариант действительно проще, да и обучаться, казалось бы, не нужно, однако он таит в себе множество “подводных камней”. Вы же не хотите столкнуться с проблемами в будущем?

Вот главные причины обучиться создавать сайты самостоятельно:

  1. Недобросовестные web разработчики – самая очевидная опасность. С заказчика могут взять деньги за создание сайта и попросту исчезнуть. Или, под видом уникального сайта, предъявить распространённый шаблон. А уж недобросовестное заполнение важнейших скрытых элементов кода, таких как title, description, keywords, alt, встречается сплошь и рядом.

  2. Независимость. Сайт мало разработать, – его нужно впоследствии развивать, наполнять материалом, поддерживать, продвигать. Вас прельщает перспектива полностью зависеть от web-разработчика, который может исчезнуть или повысить стоимость работ? Никто не сможет сотрудничать с Вами стабильнее, чем Вы сами!

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

  4. Выгодность. С экономической точки зрения, гораздо целесообразней заплатить за обучение работе с сайтом однократно, чем платить за его создание, поддержку и продвижение постоянно.

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

В 

Сайт создать с нуля не сложно… Мы обучим и поможем!

Как создать сайт самостоятельно? Компьютерные курсы “Урок ПК” разработали различные варианты программы обучения созданию сайтов, которые подойдут как начинающим пользователям, изучающим web разработку с нуля, так и профессионалам, задумавшим самостоятельно создать сложный портал.

В программу курсов по созданию сайтов могут входить:

  • изучение процедуры регистрации доменного имени – важнейшие знания, позволяющие избежать регистрации прав владения сайтом на посторонних лиц;
  • советы по правильному выбору лучшего хостинга (сервера для размещения сайта) – позволяющие избежать проблем с доступностью, скоростью ответа, безопасностью и индексированием сайта поисковыми системами;
  • обучение созданию сайта. С помощью преподавателя Вы сможете выбрать оптимальный вариант разработки, отвечающий Вашим потребностям: блог, конструктор сайтов, система управления контентом (Content management system, CMS), например Joomla, Drupal или WordPress, или же самостоятельная вёрстка сайта с использованием HTML, CSS, PHP, MySQL;
  • обучение навыкам разработки не только функционального, но и красивого сайта в рамках курса web-дизайн. Привлекательный контент заставляет посетителей возвращаться снова и снова;
  • работа с основными HTML-редакторами, программами призванными облегчить и визуализировать кодирование сайта. Наши курсы предлагают обучение программам Adobe Dreamweaver, FileZilla, Total Commander, CuteFTP;
  • поддержка сайта. Вы получите знания о том как не только создать, но и развивать, наполнять информацией и модернизировать сайт;
  • SEO оптимизация сайта. С нашими преподавателями Вы узнаете азы грамотного, а главное нерискованного, продвижения сайтов в поисковых системах;
  • web безопасность – важнейшая тема, касающаяся защиты сайта от негативных воздействий со стороны недобросовестных конкурентов и просто злоумышленников.

В 

Наши курсы метят в цель – сайт, портал, html

И, заметьте, курсы создания сайтов от компании “Урок ПК” универсальны. С нашими репетиторами каждый сможет обучиться разработке сайта по душе: предприниматель, творческий и общественный деятель, а также, любой, просто открытый миру человек!

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

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

Приглашаю на открытый онлайн-интенсив по запуску онлайн-курса за 3 дня. На онлайн-интенсиве вы получите пошаговую карту запуска своего курса от А до Я. Все подробности здесь.

Содержание

Основные навыки, необходимые для создания онлайн-курса

  1. Умение писать тексты (без орфографических и пунктуационных ошибок), составлять чек-листы, делать презентации в специальных программах.
  2. Наличие базовых дизайнерских навыков для визуального оформления курса.
  3. Грамотная речь, если обучающий онлайн-курс будет представлен в видеоформате.
  4. Умение записывать видео с экрана, если это скринкасты, или на камеру, если вы планируете выступать в роли “ведущего”.
  5. Наличие навыков монтажа и редактирования видео в специальных программах.
  6. Терпение и вера в свои силы.

Не стоит забывать, что любой из этих пунктов (кроме последнего) можно делегировать другим специалистам, которые сделают вашу работу намного быстрее и качественнее. Это только ускорит создание онлайн-курса.

Что такое онлайн-курс?

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

Поэтому создание онлайн-курсов начинается с понимания того, в каком формате это будет реализовано.

Тренинги рассчитаны на практическую работу с доведением учеников до определенного результата. На тренингах всегда идет отработка конкретного навыка.

Мастер-классы – это активная работа с учениками во главе с экспертом, и возможность поделиться определенными “фишками” с участниками МК. Преимущество мастер-классов – незамедлительная обратная связь с возможностью задать вопрос и получить ответ, и вовлечение учеников в процесс наработки навыков.

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

Консультации (работа с клиентом 1 на 1) – вероятно, это самый продуктивный формат онлайн-курсов, когда эксперт буквально “за руку” ведет ученика до результата. Стоит понимать, что это один и из самых дорогих форматов обучения, но со 100%-ной гарантией. 

Общая схема, как создать онлайн-курс

Начало

Ревизия знаний

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

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

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

Ну и кроме того, вы можете выступить, как посредник, и пригласить экспертов для записи онлайн-курса. 

Сервисы для онлайн-курсов

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

Итак, основные площадки для онлайн-курсов:

  • специализированные платформы для онлайн-обучения (Emdesell, Smartller, GetCourse, JustClick, Антитренинги и др.);
  • коробочные сервисы (School-master);
  • собственный сайт с закрытым доступом;
  • закрытые группы в социальных сетях;
  • YouTube-канал;
  • Яндекс, Google и mail диски.

Наиболее удобным вариантом организации онлайн-курсов из этого списка будут являться первые две позиции. Так как на обучающих платформах продуман и внедрен весь функционал для успешного взаимодействия эксперта с учениками. Такие услуги стоят денег, но это ни какие-то сумасшедшие суммы (от 300 рублей). Если же вы хотите сэкономить на платформе для онлайн-обучения, тогда выбирайте из бесплатных вариантов: Ютуб, соцсети и диски. Бесплатные варианты больше подходят новичкам, чем настоящим профессионалам.

Учебный план

Составление учебного плана – еще один важный этап в вопросе, как создать онлайн-курс. Учебный план должен базироваться на знаниях потребностей ваших потенциальных клиентов. Вам необходимо прописать путь клиента из точки А (где он сейчас находится) в точку Б (куда он хочет прийти). Для этого ответьте себе на следующие вопросы:

  • какую боль клиента закроет ваше обучение;
  • для чего клиенту приобретать ваш онлайн-курс;
  • какой результат он получит от прохождения этого обучения;
  • на каком уровне он сейчас находится и что чувствует;
  • что будет чувствовать, когда дойдет до результата;
  • какие конкретные шаги нужно предпринять клиенту для достижения результата;
  • какие факторы могут ему в этом помешать (внутренние и внешние). К внутренним факторам можно отнести лень, неуверенность в своих силах, страх, что не получится, и т.д. Внешние факторы – отсутствие времени, окружение, работа, семья и др.;
  • какие методики позволят клиенту достичь поставленных задач;
  • какие форматы будут наиболее эффективны в обучении;
  • что может побудить клиента к достижению результата, и какие оправдания он может озвучивать, чтобы не действовать;
  • как сложится жизнь клиента, если он оставит все так, как есть;
  • что изменится в его жизни, если он достигнет результата;
  • сколько времени понадобится для достижения цели.

Ответы на эти вопросы позволят создать логическую цепочку движения из точки А в точку Б, которую вы сможете разбить сначала на модули, а модули – на уроки.

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

Советы по раскрытию каждого модуля

  1. Показывайте наглядно. Если вы обучаете, например, как создавать видеопрезентации в программе After Effects, покажите, какие функции и инструменты есть на этом сервисе, где они находятся, как их открыть и т.д.
  2. Приводите примеры. Если вы учите, как печь праздничные торты, и рассказываете, какие виды глазури существуют, сопровождайте эту информацию фотографиями образцов.
  3. Обосновывайте решения. В процессе обучения старайтесь объяснять, почему вы делаете то или иное действие. Это только вызовет к вам больше доверия со стороны учеников и подчеркнет вашу экспертность.
  4. Давайте задания. Чтобы ученики лучше усваивали обучающую информацию, давайте им задания. Таким образом будут закрепляться полученные навыки, и это станет гарантией того, что они дойдут до результат.

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

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

  1. Интерактивное обучение, когда ученик по порядку переходит к изучению от одного урока к другому. Интерактивное обучение может сопровождаться домашним заданием и тестами. Такая цепочка автоматически может быть реализована только на профессиональных площадках для онлайн-обучения, о которых речь шла выше.
  2. Вебинары как часть обучающего процесса. Вебинары в прямом эфире позволяют взаимодействовать с учениками в реальном времени и отвечать на все интересующие их вопросы.
  3. Видео – это “фундамент” любого онлайн-курса. 95% онлайн-обучения будут составлять видеоуроки. Это наиболее удобный формат для усвоения учениками всей информации. 
  4. Тексты по сравнению с видео в онлайн-обучении не так популярны хотя бы потому, что текстовая информация запоминается в разы хуже, чем из видеоуроков. Согласитесь, что и эксперту записать видео намного проще, чем печатать на клавиатуре текст. Тем не менее, формат текстов также используется в онлайн-обучении.

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

Дизайн онлайн-курса

В теме, как создать онлайн-курс с нуля, нельзя обойти вопрос дизайна. Под дизайном подразумевается визуальное оформление курса. Сюда относится:

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

После разработки программы онлайн-курса необходимо перейти к подготовке учебных материалов.

Для видео понадобится видеокамера, если вы планируете появляться в кадре. Кстати, могу вам посоветовать отличный канал на YouTube, автором которого является Кирилл Евсеев: канал так и называется Как снимать видео. На этом канале вы найдете огромное количество информации по съемке видео, познакомитесь со всеми тонкостями и нюансами этого непростого процесса. И что самое приятное – вся информация будет понятна даже новичкам. 

Если вы планируете записывать обучающие видео в формате скринкастов, в этом случае я могу порекомендовать 2 специальные программы для записи видео с экрана:

  • Camtasia studio
  • FastStone Capture.

Лично я пользуюсь вторым вариантом, и довольна, более чем!

Для монтажа видео подойдет программа Sony Vegas. Я работаю именно с ней. Правда, я слышала такое мнение, что в ней сложно разобраться новичкам. Если не вникать во все возможности программы, то знаний базовых функций вполне будет достаточно. Если все-таки нужна программа попроще, тогда воспользуйтесь уже вышеупомянутой Camtasia studio.

Вы планируете самостоятельно создавать электронные курсы или уже создаете, но в процессе возникает масса вопросов: с чего начать? как изучить аудиторию? как оформить курс? какие задания подготовить?

Пора разложить все по полочкам! Совместно с экспертами из сферы eLearning мы запускаем серию подробных уроков о том, как создать электронный курс при помощи редактора iSpring Suite.

В программе обучения:

  1. Определяем задачи курса и целевую аудиторию → Что узнаете: почему важно изучить целевую аудиторию и сформировать задачи будущего курса.
  2. Как работать с предметным экспертом → Что узнаете: для чего работать с предметными экспертами, как наладить взаимодействие, как правильно задавать вопросы.
  3. Как написать сценарий для тренингового курса → Что узнаете: какие бывают форматы сценария, для чего тренинговому курсу сторителлинг, что в составе хорошей истории и как написать качественный текст.
  4. Как оформить онлайн-курс: советы по визуальному дизайну → Что узнаете: принципы визуального дизайна, цвета, шрифты, баланс, контраст.
  5. Диалоговый тренажер: зачем нужен и как создать → Что узнаете:как создать сценарий ветвления, методики составления дерева диалога, практика работы с редактором диалогов iSpring TalkMaster.
  6. Что проверяет хороший тест → Что узнаете: как правильно составить вопросы, какие типы заданий бывают, когда лучше запускать тестирование, что проверяет хороший тест, практика работы с Quizmaker.
  7. Как создать качественный видеоурок в офисе или дома → Что узнаете: как выбрать оборудование, настроить освещение, работать в кадре, монтировать и синхронизировать видео со слайдами.
  8. Для чего нужен пилотный запуск курса → Что узнаете: для чего собирать фокус-группу, как получить обратную связь и отработать ошибки в курсе.

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

Чем отличается iSpring Suite от аналогов читайте в статье «Cравнение программ для создания курсов».

Шаг 1. Определите цели и задачи электронного курса

«Что сотрудник должен уметь делать после прохождения обучения?» — ответ на этот вопрос поможет правильно начать формирование целей и задач обучения, потому что простого «понимания» и «знания» определенной информации недостаточно. От сотрудника прежде все ждут применения конкретных навыков на практике, добиваясь нужного для компании результата. От этого стоит отталкиваться при составлении обучающего курса.

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

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

Исходя из целей бизнеса можно сформулировать задачи обучения: обучить продавцов новому товару, научиться снимать возражения о цене товара.

Подробнее о том как определить цели и задачи обучения, целевую аудиторию курса читайте в отдельном уроке. Урок подготовлен совместно с практикующими разработчиками — Владимиром Раджаповым, Александром Воробьевым, Ксенией Серебряковой, Татьяной Левановой.

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

Шаг 2. Проведите интервью с предметным экспертом

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

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

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

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

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

Итоги шага 2: После прохождения второго этапа разработки курса у вас есть представление о том, какой предметный эксперт нужен вам для успешного создания онлайн-курса и как выстроить взаимодействие с ним.

Шаг 3. Напишите сценарий электронного курса

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

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

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

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

После создания структуры наступает следующий этап — работа с тем материалом и текстами, который удалось собрать и получить от эксперта.

Подробную инструкцию по созданию сценария курса мы подготовили вместе с экспертом в области eLearning и основателем студии по разработке электронных курсов New York Александром Виноградовым.

Итоги шага 3: Если следуете всем инструкциям, у вас готов сценарий будущего онлайн-курса. Он имеет четкую структуру, поделен на блоки и модули, соответствует заявленным целям и задачам курса, а вы точно знаете, в какой последовательности выстроены все элементы.

Шаг 4. Оформите онлайн-курс

Успешно составленный онлайн-курс с нуля — это красивый и аккуратный дизайн. При этом быть профессиональным дизайнером для этого сегодня не требуется. Подробно о подходах к дизайну курсов рассказывается в нашем уроке.

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

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

Как быстро создать курс с нуля при помощи библиотеки контента, смотрите в этом видеоуроке:​

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

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

Шаг 5. Создайте диалоговый тренажер

Диалоговый тренажер в eLearning представляет собой интерактивное упражнение, которое имитирует разговор с человеком: покупателем, подчиненным или коллегой. Тренажер позволяет в формате диалога отработать навыки общения без рисков. Основой любого диалога выступает какой-либо пример из практики — бизнес-кейс, вокруг которого складывается сюжет ситуации.

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

Как сверстать диалоговый тренажер читайте в отдельном уроке. В программе можно продумать ветвление, подобрать фон и персонажа к каждой сцене, озвучивать реплики, назначить баллы за правильные ответы и штрафовать за неправильные. Как им пользоваться, подробно описано в видео:​

м электронного обучения — диалоговым тренажером.

Итоги шага 5: После прохождения пятого этапа разработки онлайн-курса вы сможете пользоваться важным инструментом электронного обучения — диалоговым тренажером.

Шаг 6. Создайте онлайн-тест

Онлайн-тест является неотъемлемой частью любого обучающего курса, так как позволяет проверить полученные знания.

Ошибки в составлении теста приводят к тому, что оценить результаты обучения адекватно становится невозможным. К таким ошибкам относятся неочевидные ответы, слишком высокая или, наоборот, низкая сложность, подсказки в самих вопросах.

Ниже приводится интерактивный тест для подготовки к сдаче экзамена в ГИБДД, в котором реализуются различные возможности онлайн-тестирования.

О том, как избежать неточностей при создании онлайн-теста, выбрать тип тестовых заданий, правильно рассчитать время тестирования, составить вопросы и решить ряд других задач, рассказывает основатель студии по разработке электронных курсов New York Александр Виноградов в этом уроке.

Говоря о популярности тестирования как метода оценки знаний, стоит отметить, что свыше 80% зарубежных компаний пользуются именно тестами для оценки уровня знаний соискателей и сотрудников. В России тесты используются 69% эйчаров.

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

Шаг 7. Создайте обучающее видео

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

Обычно выделяют три типа обучающего видео:

  • Скринкаст — запись с экрана компьютера, сопровождаемая закадровым голосом комментатора. Подробнее о скринкастах мы рассказали в статье «Как записать скринкаст: пошаговая инструкция».
  • Формат видеосопровождения, с так называемой “говорящей головой”, когда лектор сопровождает презентацию в PowerPoint.
  • Обучающий видеоурок, который по формату похож на телепередачу с богатым видеорядом, продуманным сценарием.

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

На сегодняшнем уровне развития и доступности техники делать видео самостоятельно не так сложно, как кажется. Об этом детально рассказывается в очередном уроке по созданию онлайн-курса с нуля, который подготовили наши эксперты — Владимир Раджапов, Дмитрий Якушев и Мария Плоткина.

Кстати, создать видеоурок можно, не выходя из PowerPoint. Подробнее о том как это сделать, смотрите в видеоуроке:

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

Шаг 8. Запустите пилотный проект

Пилотный запуск проекта — это тест-драйв обучающего курса, который позволит найти слабые места и неточности до массового запуска обучения.

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

На этапе пилотного запуска проекта курс, как правило, проходит фокус-группа из числа как опытных сотрудников, так и новичков для объективной оценки. После пробного запуска, курс следует доработать на основе полученных данных от “тестировщиков”.

Подробнее узнать о том, что представляет собой пилотный запуск проекта и зачем это нужно, можно из нашего урока от эксперта eLearning, сооснователя Corporate e-Learning Club Марины Литвиновой.

Итоги шага 8: К этому этапу у вас уже есть готовый курс со всем необходимым контентом, осталось протестировать его, собрать отзывы, доработать и вот он — готовый обучающий онлайн-курс!

Резюме

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

  • Научились ставить цели и задачи
  • Определять аудиторию курса
  • Создавать сценарий курса
  • Работать с экспертами
  • Создавать дизайн курса
  • Создавать видео-уроки
  • Создавать тесты и диалоги
  • Проводить пилотный запуск

Успехов!

iSpring Suite

Быстрый конструктор курсов и тестов

Поможет создать интерактивные курсы и тесты в рекордно короткие сроки. Без дизайнера и программиста.

image

Оцените статью
Рейтинг автора
5
Материал подготовил
Илья Коршунов
Наш эксперт
Написано статей
134
А как считаете Вы?
Напишите в комментариях, что вы думаете – согласны
ли со статьей или есть что добавить?
Добавить комментарий