• Назад

    Из Word в HTML. Как правильно cделать документ, чтобы он хорошо превращался в HTML

    Дата публікації: 14.04.2020
    Перегляди

    Вибачте цей текст доступний тільки в “російська і “англійська”.

    Бочка меда

    СДО Collaborator умеет создавать учебные ресурсы из готового документа MS Word. Достаточно загрузить файл DOCX-формата, и система предложит преобразовать его в ресурс типа «Страница». Это существенно экономит время авторам ресурсов.
    Порядок действий:

    1. Создать новый ресурс типа «Файл».
    2. Загрузить документ.
    3. После загрузки система спросит «Преобразовать файл в Ресурс-Страницу?» – соглашайтесь.
    4. Сохранить и просмотреть результат.

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

    СДО Collaborator умеет создавать учебные ресурсы из готового документа MS Word.

    СДО Collaborator умеет создавать учебные ресурсы из готового документа MS Word.

    Ложка дегтя

    Но преобразование подразумевает, что при верстке документа DOCX вы пользовались общепринятыми правилами и форматированием, которому существует прямая альтернатива в формате HTML. Если прямого соответствия не будет, то и результат преобразования не сможет соответствовать оригиналу.
    Что получится из вашего документа, вы можете легко проверить на сервисах преобразования Word в HTML. Например, этих:

    Можно проверить, как сам MS Word справляется с преобразованием своего документа в формат HTML. Попробуйте команду «Файл» – «Сохранить как…» и выберите формат «Веб-страница с фильтром (.htm)».
    Если результат будет адекватен оригиналу – то ваш документ отформатирован хорошо.
    Абсолютного точного (или максимально близкого к нему) преобразования документа DOCX в другой формат можно добиться только преобразованием в PDF.
    Но есть способы сделать документ так, чтобы он конвертировался в HTML без критических искажений.

    Лучшие практики форматирования документа MS Word

    1. Стили заголовков и текста

    стандартные стили заголовков и текста
    Используйте стандартные стили заголовков: «Заголовок», «Подзаголовок», «Заголовок 1», «Заголовок 2» и т.д.
    Текст набирайте стандартным стилем – «Обычный».
    blank

    2. Интервалы и отступы

    Если нужно для абзацев изменить отступы, поменять интервал, шрифт – изменяйте в тексте. Можно изменять стили, но это не всегда работает.
    blank

    3. Выравнивание текста

    Обычно с этим проблем не бывает. Все преобразуется корректно.
    blank

    4. Форматирование шрифта

    Все обычные способы изменения шрифта – начертание, цвет, размер – будут хорошо преобразовываться. blank

    5. Изменение типа шрифта

    Шрифт сможет отобразиться правильно только в том случае, если на чужом компьютере будут установлены те же шрифты, что и у вас. Используйте «безопасные шрифты» (узнать больше про безопасные шрифты):
    blank

    6. Списки

    С простыми маркированными и нумерованными списками проблем не должно возникнуть. Иерархические списки тоже неплохо конвертируются, но будут отличия.
    blank

    7. Вставка картинок

    Корректно будут отображаться картинки, вставленные в текст как знак, а не как отдельный объект с возможностью обтекания. На всякий случай проверьте, что настроено в параметрах картинки «Размер и положение» – «Обтекание текстом», должно быть так:
    blank
    Самый надежный способ – отдельная картинка в отдельном абзаце текста.
    blank
    Никакие настройки обтекания картинки текстом не дадут хорошего результата. Картинки будут «убегать» со своих мест и игнорировать ваши настройки.
    blank
    Единственный стабильный случай – это обтекание картинки текстом справа. Вставьте картинку первой в абзаце перед всем текстом и в настройках «Размер и положение» – «Обтекание текстом» выберите стиль обтекания «Квадрат» и обтекание текстом «Справа». Там же дополнительно можно настроить отступы от текста.
    blank

    8. Изменение размера, оформления и параметров картинок

    Вы можете изменять размеры картинок и экспериментировать с другими преобразованиями.
    Как правило, простые изменения корректно переносятся в HTML. Но что-то особенное – вряд ли будет распознано правильно.
    blank

    9. Таблицы

    Таблицы конвертируются практически без ошибок.
    blank
    Если нужно, чтобы таблица растягивалась на всю ширину страницы – установите для нее параметр «Автоподбор по ширине окна». В этом случае лучше делать таблицу как можно проще – без объединённых и разбитых ячеек, преобразование может быть неточным.
    blank

    Итог

    Волшебного средства, что точно преобразовывает любой DOCX в HTML, не существует. И не может быть. Слишком много специфических отличий у этих форматов.
    Если вам важна скорость создания учебных ресурсов в СДО и их адаптивность к чтению с мобильных устройств – очищайте и упрощайте форматирование документов, конвертируйте в HTML. У вас будет быстрый и приемлемый результат.
    Требуется точное соответствие документу? С этим лучше всего справляется преобразование в формат PDF. Но придется забыть про удобства чтения с экрана смартфона.
    Есть время и вдохновение – изучайте верстку HTML документов с помощью правил Bootstrap его альтернатив Bootstrap Alternatives (Top 10 Best Frontend Frameworks).
    P.S. У нас есть пример правильно подготовленного Word файла. Его можно брать как шаблон для своих документов. Пройдите на демо-портал LMS Collaborator в Каталог учебных заданий и заберите его по этой ссылке:

    Просто взять и скачать.

    P.S. Есть предложения, вопросы, замечания, идеи – пишите в комментарии.


    Присоединяйтесь к нашему сообществу корпоративного обучения в Facebook и Linkedin, а также подписывайтесь на нашу e-learning рассылку, чтобы получить апрельскую скидку на использование LMS Collaborator по промокоду: LMS2020-04

    Приглашаем вас посетить наши странички в соцсетях.
    Там вы найдете множество советов и фишек корпоративного обучения, которые не вошли в блог:
    blank
    root
    Content Manager LMS Collaborator
    Всі записи автора
    Комментарии
    Мы будем рады, если вы поделитесь с нами своим опытом использования геймификации в обучении.

    Спробуйте систему в дії
    Ніщо не замінює практичний досвід. Випробуйте зараз LMS Collaborator для вирішення своїх завдань безкоштовно
    Замовити демо
    Або телефонуйте нашому менеджеру
    +38(067)217-0440