Как создать электронный учебник

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

Электронное пособие будет создано в формате html. Но при этом вам не понадобится изучать язык HTML. Итак, приступим.

Содержание


Установка программы Turbo Site 1.7.1

Первое что нужно сделать, это скачать программу Turbo Site. И установить её на компьютер. Программу можно скачать по ссылке. Запускаем программу Turbo Site. И видим окно приветствия.

Создание электронного учебника в программе Turbo Site

Создадим новый проект (кнопка Создать проект). Сохраните проект электронного учебника в пустую папку. Я назвал папку «Электронное руководство». После сохранения проекта появится рабочая область программы. Можно приступать к созданию страниц электронного учебника.

Оформление электронного учебника

Давайте изменим внешний вид учебника. Для этого перейдите на вкладку Шаблон и выберете из списка понравившийся вам вариант.

Например, такой (Condition):

Создание электронного учебника в программе Turbo Site

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

Генерировать сайт – применяет все изменения. Нужно нажимать всегда, когда хотите закончить работу, и посмотреть текущий результат.
Открыть папку с сайтом – позволяет открыть папку со всеми файлами вашего учебника.
Просмотр сайта – открывает ваш учебник. Показывает текущий результат учебника в браузере.

Основные настройки электронного учебника

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

Мы изменим только три основные настройки:  заголовок сайта, подзаголовок и подвал. Остальные настройки можете опробовать самостоятельно в процессе работы.

Создание электронного учебника в программе Turbo Site

Добавление страницы учебника

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

По умолчанию у вас уже создана главная страница(index). Можете начинать вводить данные с нее, но я обычно оставляю её для оглавления.

Нажмите кнопку Добавить. В левом окошке появится новая страница. Теперь в правую часть вставьте свой текст.

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

Создание электронного учебника в программе Turbo Site

Так же не забывайте менять заголовки страниц.

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

Создание страницы оглавления

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

Перейдите на первую страницу (index). В правой части напишите оглавление своего учебника.

Пример:

Создание электронного учебника в программе Turbo Site

И расставляем ссылки на страницы, согласно оглавлению: выделяем пункт оглавления – жмем кнопку Ссылка – на страницу проекта – указываем ту страницу, на которую нужно ссылаться.

Создание электронного учебника в программе Turbo Site

На вкладке Параметры сайта я заполнил еще 3 дополнительных поля шаблона.

Создание электронного учебника в программе Turbo Site

Подведение итогов

Это был минимальный перечень действий, который необходимо выполнить, чтобы получился следующий электронный учебник:

Создание электронного учебника в программе Turbo Site

Теперь электронный учебник находится в папке public_html. Чтобы его открыть, достаточно запустить внутри этой папки файл index.html.

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

Первые 4 урока видеокурса "Электронный учебник за 1 день"

Также, для посетителей этой страницы 4 бесплатных видеоурока из 20 платных (их можно посмотреть тут) по созданию электронного учебника в программе Turbosite. Их можно посмотреть ниже.

Видео по теме (щёлкните для просмотра)

37140 07.05.2015 г. Программы

Комментарии (51)

  • Александр 17.01.2018 г. в 23:59

    Здравствуйте, мне необходимо, написать учебник в котором после каждой главы будет тест, при условии правильных ответов на 80% тестов, открывается следующая глава. Подскажите пожалуйста программу на которой это можно было - бы реализовать? CourseLab не предлагать она стоит более 28 тысяч. Да если с HTML и таблицей стилей я ещё могу найти общий язык... То программист из меня никакой знания на уровне циклы, ветвления... Поэтому был бы благодарен за наводку на программу конструктор.

  • Александр 17.01.2018 г. в 23:50

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

  • Роза 06.01.2018 г. в 19:21

    Здравствуйте! Как поменять размер шрифта?

  • Татьяна 11.11.2017 г. в 18:47

    Можете ли Вы поделиться созданным вами электронным учебником? Как раз для преподавания информатики нам бы очень пригодился...

  • Кира Найтли 10.11.2017 г. в 22:21

    Артур, все хорошо. Только как создать многоуровневое меню в учебнике?

  • Лена 04.11.2017 г. в 15:00

    Дайте ссылку на программу

  • Надежда 26.09.2017 г. в 08:09

    Здравствуйте, если создать электронный учебник то он будет открываться на телефонах и планшетах?(android, ios, linux.)Спасибо

    • Артур Шарипов > Надежда 29.09.2017 г. в 00:09

      Да, будет, но в экран он скорее всего не поместится

  • Надя 22.09.2017 г. в 11:09

    а этот учебник будет открываться на планшетах, телефонах?

  • Калдыбай 02.09.2017 г. в 08:09

    Здравствуйте! Пытаюсь опубликовать программу, нажимаю «опубликовать», но письмо с Результат: Failed Request Failed: 500 DNS lookup error - Host not found (#11001) приходит. Что мне делать?

  • Калдыбай 01.09.2017 г. в 21:09

    Привет!Скажите пожалуйста,как опубликовать свой книгу.Постоянно ошибку показывает.Результат: Failed\r\nRequest Failed: 500 DNS lookup error - Host not found (#11001)

  • Калдыбай 31.08.2017 г. в 20:08

    подскажите как опубликовать электронное книгу TurboSite

  • Евгения 02.08.2017 г. в 17:08

    Привет, если покупаешь \"Полный курс\", то сама программа (установочный файл)там уже есть?

    • Артур Шарипов > Евгения 07.08.2017 г. в 14:08

      Да, есть!

  • Еркебулан 05.06.2017 г. в 21:06

    как можно купить?

  • Андрей 26.05.2017 г. в 23:05

    Подскажите пожалуйста как вставить презентацию у меня скоро дипломная защита

    • Артур Шарипов > Андрей 28.05.2017 г. в 19:05

      Её нужно перевести в флеш формат, а затем вставить код на страницу сайта

  • Дарья 18.05.2017 г. в 22:05

    А можно это разместить не на сайте, а на диске и подручно пользоваться

    • Артур Шарипов > Дарья 19.05.2017 г. в 10:05

      Да, можно! Скидываете папку public_html в любое место, и запускаете index.html

  • христина 12.05.2017 г. в 16:05

    а можно ли туда внести лаборатоные работы что бы их в следствии потом решали студенты...я просто ищу где сделать методический практикум...тут же я могу это сделать??

  • Екатерина 29.04.2017 г. в 09:04

    Отличная программа, разобралась за 5 минут)) вот только вопрос: рисунок нельзя чтоли разместить по середине?

    • Артур Шарипов > Екатерина 02.05.2017 г. в 20:05

      Можно, там есть инструмент выровнять по центру!

  • ...... 20.04.2017 г. в 21:04

    Можно добавить видео через эту программу?

    • Артур Шарипов > ...... 22.04.2017 г. в 06:04

      Да можно, об этом я рассказываю в полной версии курса

  • 48 20.04.2017 г. в 14:04

    А можно ли вставить фаил видео или мр3

    • Артур Шарипов > 48 22.04.2017 г. в 06:04

      Да можно, об этом я рассказываю в полной версии курса

  • Зема 11.04.2017 г. в 08:04

    а новичок справится с этим)?

    • Артур Шарипов > Зема 16.04.2017 г. в 18:04

      Конечно, справится!

  • Зема 11.04.2017 г. в 06:04

    Помогите плиз! как создать базу тестов из 500 вопросов и при каждой тестирований выдовало по 30 вопросов из 500???

    • Артур Шарипов > Зема 11.04.2017 г. в 06:04

      Стандартными функциями не реализовать, можно доработать на языке javascript

  • Глеб 08.04.2017 г. в 20:04

    скажите пожалуйста где находятся математические формулы

    • Артур Шарипов > Глеб 10.04.2017 г. в 12:04

      В программе их нет, попробуйте скопировать с Word

  • Дария 08.04.2017 г. в 13:04

    Отличная платформа! достаточно быстро разобралась. спасибо! Разъясните, пожалуйста, как правильно опубликовать готовый учебник в интернете? где взять FPT сервер, логин, пароль..?

    • Артур Шарипов > Дария 10.04.2017 г. в 12:04

      Нужно зарегистрировать хостинг(он выдаст вам FTP сервер с логином и паролем)? и домен.

  • Азамат 04.04.2017 г. в 14:04

    Здравствуйте, как можно поменять шрифты и размер шрифтов. я что то не вижу. помогите!

  • Юлия 01.04.2017 г. в 14:04

    Добрый день, Артур. Подскажите, пожалуйста, как выложить уже созданный електронный учебник в интернет? Другими словами, какую ссылку скопировать и куда я её могу вставить, чтобы обеспечить доступ к моему учебнику ученикам. Заранее спасибо.

  • Инна 01.04.2017 г. в 10:04

    Добрый день! Спасибо за Ваши уроки, учебник создан. Подскажите, как я могу разместить его в Интернете?

    • Артур Шарипов > Инна 10.04.2017 г. в 12:04

      Нужно содержимое папки public_html загрузить на хостинг своего сайта

  • Анна 31.03.2017 г. в 14:03

    Чем отличается от Word? Там ведь тоже автоматическое оглавление, возможность опубликовать

    • Артур Шарипов > Анна 10.04.2017 г. в 12:04

      Тут есть наличие шаблонов, а также программа бесплатная и легкая. Word не предназначен для создания web-страниц

  • Диана 27.03.2017 г. в 13:03

    Здравствуйте как из формата PDF,перевести в формат чтобы читался в Worde Microsoft

    • Артур Шарипов > Диана 31.03.2017 г. в 06:03

      Можно либо через Pdf Transformer, либо FineReader

  • Бек 14.03.2017 г. в 16:03

    очень классная программа

    • Артур Шарипов > Бек 16.03.2017 г. в 12:03

      Согласен!

  • Наталья 18.02.2017 г. в 16:02

    Подскажите, пожалуйста, как величину шрифта изменить? Слишком мелко на странице получается...

  • Лана 13.02.2017 г. в 20:02

    Как сохранить электронный учебник?

    • Артур Шарипов > Лана 16.03.2017 г. в 12:03

      Скинуть папку public_html из папки с проектом, в ней все необходимые файлы

  • Алехандро 07.02.2017 г. в 00:00

    Автору респектище за такую статью. Супер

  • Олена 23.12.2016 г. в 00:00

    а можно в электронном учебнике вводить математические формулы?

  • Vera 21.12.2016 г. в 00:00

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

  • Олена 21.12.2016 г. в 00:00

    а можно вводить математические формулы?\r\n

    • Артур Шарипов > Олена 01.02.2017 г. в 01:08

      Да можно

  • Елена 17.12.2016 г. в 00:00

    Добрый день. Скажите, а блокировать текст от копирования можно ли? И как?

    • Артур Шарипов > Елена 31.03.2017 г. в 08:03

      С помощью Javascript

  • Алеся 12.12.2016 г. в 00:00

    Здравствуйте, могу ли я здесь создать в конце проверочный тест?

  • Диана 09.12.2016 г. в 00:00

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

    • Артур Шарипов > Диана 12.12.2016 г. в 00:00

      Да, запросто! Скинуть папку public_html из папки с проектом, в ней все необходимые файлы

  • Василий Пашинин 31.10.2016 г. в 00:00

    Классная статья спасибо вам огромнейшее!!!!!

  • Анжелика 20.05.2016 г. в 18:43

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

    • Артур Шарипов > Анжелика 24.05.2016 г. в 12:13

      Внутри папки с проектом есть папка public_html, а чтобы открыть учебник нужно запустить в ней файл index.html

  • Виктор 21.04.2016 г. в 18:14

    Смотрел программу у друга. Понравилась.Хотел запустить у себя.Почему-то антивирусник блокирует ее.

  • Павел 31.01.2016 г. в 20:10

    Подскажите пожалуйста как изменить размер шрифта?

  • Аида 25.12.2015 г. в 01:04

    ЗДРАВСТВУЙТЕ! ПОДСКАЖИТЕ МОГУ ЛИ Я СОЗДАТЬ ТАКУЮ ПРОГРАММУ(НАПОДОБИЕ) НА ДЕЛЬФИ ИЛИ ДРЕАМВИВЕР?

    • Артур Шарипов > Аида 25.12.2015 г. в 06:33

      Да! Если вы имели ввиду электронный учебник, то на Dreamviewer'е. Если саму оболочку создавать, то думаю лучше писать на языке C# или Java.

  • Никито 15.12.2015 г. в 08:39

    Очень доходчево, большое спасибо за инструкцию

  • Лидия 28.11.2015 г. в 14:45

    Учебники, созданные в этой программе, работают только при наличии интернет-соединения?

    • Артур Шарипов > Лидия 28.11.2015 г. в 19:58

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

  • Несибели 27.11.2015 г. в 18:36

    Спасибо, очень помогло

  • Кени 09.11.2015 г. в 12:30

    а в какой программе вы открывали готовый учебник?

    • Артур Шарипов > Кени 16.11.2015 г. в 14:25

      Открывается в любом браузере (в моем случае Google Chrome)

  • weqwewqe 21.09.2015 г. в 08:35

    Сделайте видеоурок по этой программе, в наглядном виде было бы поднятнее

    • Артур Шарипов > weqwewqe 21.09.2015 г. в 09:46

      В ближайшем будущем планирую сделать миникурс по этой программе!

  • sdfdf11 23.07.2015 г. в 10:21

    Спасибо, помогли

  • Виталий 10.06.2015 г. в 07:30

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

  • Дмитрий 11.05.2015 г. в 10:28

    Спасибо! Простое и быстрое решение. Статья отличная

Электронный учебник за 1 день
Создайте электронный учебник прямо сейчас