Превращаем документ Word в работающий сайт

Иван Корнев·13.05.2026·⏱5 мин

Чтобы сохранить документ Word как веб-страницу, используйте функцию «Сохранить как» с выбором формата «Веб-страница (*.htm; *.html)». Для создания полноценного простого сайта потребуется дополнительная очистка полученного HTML-кода от служебных стилей Microsoft, проверка путей к изображениям и загрузка файлов на хостинг. Этот метод подходит для быстрых лендингов, инструкций и статей, но не заменяет профессиональную верстку для сложных проектов.

Краткий ответ: Экспорт делается через меню Файл → Сохранить как → Веб-страница. Однако «чистый» сайт получится только после ручной правки кода или использования конвертеров, так как Word генерирует избыточный HTML.

Пошаговый экспорт документа в HTML

Microsoft Word позволяет сохранить файл в формате, понятном браузерам. Процесс выглядит одинаково для большинства современных версий редактора (2016, 2019, 2021, Microsoft 365).

Инструкция по сохранению

  1. Откройте нужный документ в Word.
  2. Перейдите в меню Файл и выберите Сохранить как (или «Экспорт»).
  3. Нажмите Обзор, чтобы выбрать папку для сохранения.
  4. В выпадающем списке «Тип файла» выберите один из вариантов:
    • **Веб-страница (.htm; .html) — стандартный вариант. Создает HTML-файл и папку с ресурсами (картинками, стилями). Код содержит много служебной информации Word.
    • **Веб-страница, отфильтрованная (.htm; .html) — удаляет специфические теги Microsoft Office. Код становится чище, но может потерять часть сложного форматирования.
    • **Одна веб-страница (.mht; .mhtml) — упаковывает всё (текст, картинки, стили) в один файл. Удобно для пересылки, но плохо подходит для публикации на хостинге, так как поисковики и некоторые браузеры работают с таким форматом хуже.
  5. Нажмите Сохранить.

Для создания сайта выбирайте вариант «Веб-страница» или «Отфильтрованная веб-страница». Формат MHT используйте только для архивного хранения одной страницы.

Почему код Word нужно дорабатывать

Прямая загрузка файла, сохраненного из Word, на хостинг технически сделает сайт доступным, но результат будет далек от идеала.

Основные проблемы экспорта

  • Избыточный код. Word добавляет тысячи строк служебных стилей (<o:p>, v:shape и др.), которые увеличивают вес страницы и замедляют загрузку.
  • Инлайн-стили. Форматирование прописывается внутри каждого тега, что делает невозможным быстрое изменение дизайна всего сайта через один CSS-файл.
  • Абсолютные пути. Ссылки на изображения могут вести на локальный диск вашего компьютера (например, file:///C:/Users/...), из-за чего картинки не отобразятся у посетителей сайта.
  • Отсутствие адаптивности. Страница будет выглядеть как лист бумаги A4, сжиматься под мобильные экраны она не будет без дополнительной верстки.

Как подготовить файлы для публикации

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

1. Очистка HTML-кода

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

  • Онлайн-конвертеры. Сервисы вроде Word2CleanHTML или CellsToHTML позволяют вставить скопированный из Word текст и получить чистый HTML-код.
  • Ручная правка. Откройте сохраненный .html файл в «Блокноте» или редакторе кода (VS Code, Notepad++). Удалите секции <xml>, <o:DocumentProperties> и длинные блоки стилей в <head>, если они не нужны.

2. Работа с изображениями

При сохранении в формате «Веб-страница» Word создает папку с названием вида filename_files.

  1. Переименуйте эту папку в понятное имя, например, images.
  2. Откройте HTML-файл в редакторе кода.
  3. Найдите теги <img>. Проверьте атрибут src.
    • Было: src="file:///C:/.../image001.png" или src="filename_files/image001.png".
    • Стало: src="images/image001.png".
  4. Убедитесь, что все картинки лежат в папке images и пути к ним относительные.

3. Добавление базовой структуры

Для корректного отображения на мобильных устройствах и правильного индексирования добавьте в секцию <head> вашего HTML-файла следующие строки:

<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Заголовок вашей страницы</title>
<meta name="description" content="Краткое описание содержания страницы для поисковиков">

Размещение сайта в интернете

Когда файлы готовы (один .html файл и папка с картинками), их нужно выложить на хостинг.

Вариант 1: Статический хостинг (бесплатно)

Для простых сайтов из одного файла идеально подходят GitHub Pages, Netlify или Vercel.

  1. Зарегистрируйтесь на платформе (например, Netlify Drop).
  2. Перетащите папку с вашим .html файлом и изображениями в окно браузера.
  3. Сервис выдаст вам готовую ссылку на сайт.

Вариант 2: Классический хостинг

Если у вас есть домен и платный хостинг:

  1. Подключитесь к серверу через FTP-клиент (FileZilla) или файловый менеджер в панели управления хостингом.
  2. Загрузите файл index.html (переименуйте ваш основной файл в index.html, чтобы он открывался по умолчанию) и папку с изображениями в корневую папку сайта (обычно public_html или www).
  3. Проверьте открытие сайта по вашему домену.

Частая ошибка: Файл главной страницы обязательно должен называться index.html (все буквы строчные). Если назвать его main.html или Home.html, посетители увидят ошибку 404 или список файлов вместо сайта.

Сравнение методов сохранения

МетодКачество кодаСложность правкиПодходит для
Веб-страница (стандарт)Низкое (много мусора)ВысокаяВнутренних документов, черновиков
Отфильтрованная веб-страницаСреднееСредняяПростых статей без сложной верстки
Копирование в онлайн-конвертерВысокое (чистый HTML)НизкаяПубликации статей на внешних сайтах
Сохранение как PDFНеприменимо (не HTML)НетДокументов для скачивания, не для сайта

Частые ошибки при создании сайта из Word

  • Игнорирование проверки ссылок. Гиперссылки внутри документа могут вести на другие файлы Word. При экспорте они останутся ссылками на локальные файлы. Замените их на рабочие URL-адреса перед публикацией.
  • Слишком сложное оформление. Таблицы, текстовые поля и обтекание картинками в Word часто ломаются при конвертации. Используйте простые заголовки, списки и абзацы.
  • Отсутствие тестирования на мобильном. Word не адаптирует контент под смартфоны. Обязательно откройте полученный HTML-файл на телефоне перед загрузкой на хостинг. Если текст слишком мелкий, добавьте мета-тег viewport (см. раздел выше) или оберните контент в простой контейнер с CSS-стилем max-width: 800px; margin: 0 auto;.

FAQ

Можно ли редактировать сайт после публикации, используя Word? Технически да: вы можете открыть HTML-файл в Word, внести правки и сохранить обратно. Но каждый раз код будет «замусориваться» заново. Лучше редактировать текст в Word, а затем повторно очищать его через конвертер и заменять файл на хостинге.

Почему картинки не отображаются на сайте? Скорее всего, нарушены пути к файлам. Убедитесь, что папка с изображениями загружена на хостинг вместе с HTML-файлом, и в коде прописаны относительные пути (например, images/foto.jpg), а не абсолютные пути к диску вашего компьютера.

Подходит ли этот метод для интернет-магазина? Нет. Этот способ предназначен только для статических информационных страниц. Для магазинов, блогов с комментариями или форм обратной связи необходимы системы управления контентом (CMS), такие как WordPress.