• Назад

    З Word в HTML. Як правильно робити документ, щоб він добре перетворювався на HTML

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

    Бочка меду

    LMS Collaborator вміє створювати навчальні ресурси з готового документа MS Word. Достатньо завантажити файл DOCX-формату і система запропонує перетворити його в ресурс по типу «Сторінка». Це значно економить час для авторів ресурсів.

    Порядок дій:

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

    Результатом буде HTML-ресурс у вигляді однієї сторінки, яка швидко завантажується та має всі шанси ідеально відображатися на будь-яких пристроях – від робочого столу до мобільного телефону.

    Ложка дьогтю

    Але перетворення передбачає, що при верстці документа DOCX ви користувалися загальноприйнятими правилами та форматуванням, якому існує пряма альтернатива у форматі HTML. Якщо прямої відповідності не буде, то результат перетворення не зможе відповідати оригіналу.

    Що вийде з вашого документа, ви можете легко перевірити на сервісах перетворення Word в HTML. Наприклад, ост таких:

    Ще можна побачити як сам MS Word справляється із перетворенням свого документа у формат HTML. Спробуйте команду «Файл» – «Зберегти як…» та збережіть у форматі файлу «Веб-сторінка з фільтром (.htm)».

    Якщо результат буде відповідати оригіналу – то ваш документ відформатований добре.
    Абсолютно точного (чи максимально близького до нього) перетворення документа DOCX в інший формат можна досягти тільки перетворенням у PDF.

    Але є способи зробити «правильний» документ, який буде перетворюватися в HTML без критичних спотворень.

    Найкращі практики форматування документу MS Word

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

    blank

    Використовуйте стандартні стилі заголовків: «Заголовок», «Підзаголовок», «Заголовок 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 у Каталог навчальних завдань та заберіть його за цим посиланням:

    Зайти і скачати.

    blank
    The LMS Collaborator Team
    Content Manager LMS Collaborator
    Всі записи автора
    Спробуйте LMS Collaborator в дії
    Потрібні рекомендації щодо вибору правильних функцій для оцифрування та автоматизації процесів корпоративного навчання? Ми тут, щоб допомогти.
    Замовити демо
    Або телефонуйте нашому менеджеру
    +38(067)217-0440