Как прикрепить документ Word на сайт: пошаговая инструкция

Офисным сотрудникам и представителям любого бизнеса, где используется интернет для работы, часто приходится работать с электронными документами — ppt, pdf, word, xls и др. До появления сервиса Google Viewer — все эти документы нужно было скачивать на компьютер, чтобы просмотреть их содержимое, что не всегда удобно.

Довольно давно мы писали об этом и конкурирующих сервисах в статье «Как вставить документ PDF в сайт», в которой упоминался прямой конкурент Google Viewer и Google Docs в целом — Microsoft Office Online.

За пару лет сотрудники Microsoft смогли наконец удивить многих скептиков линейкой современных программных решений, среди которых Windows 8, IE 10, SkyDrive, почта Outlook online и Office, который до сих пор ещё в версии beta, но уже может многое.

Отличия просмотра документов онлайн с помощью Google Docs Viewer и Office Viewer от Microsoft

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

Вы можете посмотреть как он выглядит онлайн в Google Docs и Office.com по ссылкам ниже, а также скачать файл для просмотра на компьютере:

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

Вставка документа на сайт и блог с помощью Google Docs и Microsoft Office

О вставке документа на сайт из Google Docs можно прочитать в этой статье — «Как вставить документ PDF в сайт», по аналогии можно вставлять файлы Doc, Xls, Ppt.

Чтобы вставить документ из Office в свой сайт, необходимо:

  • иметь учётную запись на сайте Live.com;
  • войти в сервис Live.com и перейти к сервису Skydrive;
  • загрузить документ в сервис;
  • расшарить документ для всех в сети;
  • получить код для вставки в сайт или блог;

Как это делается, можно посмотреть на скриншотах:

Как выглядит документ, вставленный из SkyDrive

Код вставки на сайт поставляется в формате html5 во фрейме, вы сможете настроить его ширину и высоту с помощью параметров Width и Height.

Отсебятина

Конечно, вы встретите глюки и сбои. Также интерфейс skydrive ещё не переведён на русский и имеет приличное количество минусов, но если вам необходимо красиво отобразить документы на своем сайте — это уже неплохая альтернатива Google Docs и других сервисов.

Как вставить документ на сайт (видеоинструкция)

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

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

Как вставить документ Ворд на сайт

Текстовый редактор Word от Microsoft – один из наиболее распространенных. Поэтому нет ничего удивительного, что многих интересует, как вставить документ Ворд на сайт. Алгоритм действий простой:

  • готовим документ;
  • даем ему название;
  • заливаем на хостинг;
  • на сайте вставляем ссылку;
  • пользователь, кликая на неё, сразу скачивает документ.

(Смотрите видео всего 10 минут и вы узнаете как вставить документ на сайт через хостинг либо Гугл-диск)

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

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

Как вставить Гугл документ на сайт

Следующий этап нашей работы – как вставить Гугл документ на сайт через Google-диск. Алгоритм действий:

  • зайти на Google-диск;
  • кликнуть на кнопку «Создать» и выбрать «Загрузить файл»;
  • в открывшемся окне выбрать ваш подготовленный документ;
  • после окончания загрузки открыть его с помощью сервиса Google-документы;
  • слева вверху проверить название документа;
  • в правой части экрана выбрать настройки доступа – рекомендую выбрать опцию «Просматривать могут все»;
  • скопировать ссылку документа;
  • зайти в административную панель сайта на страницу статьи, в которую вы хотите вставить документ;
  • написать слово, по которому нужно кликнуть для перехода к документу;
  • выделить это слово, кликнуть на изображение цепи в редакторе и вставить ссылку;
  • нажать ОК и у вас открывается добавленный документ.

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

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

Как вставить ПДФ документ на сайт через хостинг

Теперь о том, как вставить PDF на сайт Вордпресс через хостинг, на котором размещен веб-ресурс. Принцип аналогичен:

Теперь вы знаете, как вставить ПДФ документ на сайт через хостинг. Ничего сложного в этом нет, как видите. Все предельно просто и понятно.

PDF на сайт через Google-диск

Теперь о том, как вставить документ на сайт для скачивания, если это PDF и вы хотите использовать Google-диск. Последовательность действий следующая:

  • зайти на гугл-диск;
  • кликнуть «Создать» и «Загрузить файлы»;
  • выбрать документ на компьютере;
  • после загрузки справа в верхнем углу нажать на три точки;
  • потом выбрать опцию «Открыть доступ»;
  • скопировать ссылку на документ;
  • вставить ее в текст статьи через кнопку с цепочкой в редакторе Вордпресс;
  • после этого документ будет открываться в новой вкладке.

Совет! Рекомендую заливать на сайт документ именно в формате PDF – это оптимальное расширение для всех устройств: компьютеров, мобильных гаджетов.

Как вставить документ на сайт Вордпресс с опцией Lightbox

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

  1. Сначала на сайт WordPress нужно установить плагин Simple Lightbox (в административной панели зайти в раздел Плагины, найти нужное расширение и установить).
  2. В текстовом редакторе WordPress выбрать место для публикации документа.
  3. Кликнуть на кружочек с плюсом, выбрать «Изображение».
  4. На компьютере найти нужную «бумагу» и загрузить.
  5. Он сразу отображается в редакторе.
  6. Выделить картинку, в правом верхнем углу редактора нажать кнопку «Блок».
  7. Установить в настройках нужный размер документа.
  8. Теперь в редакторе над картинкой нажать на кнопку ссылки – там появилась возможность «Медиафайл» и кликнуть на кнопку обновить в правом верхнем углу страницы.
  9. Теперь для пользователей документ будет отображаться миниатюрой, а при нажатии по нему они смогут рассмотреть его во весь экран.

Подводя итог

Теперь вы знаете, как вставить документ на сайт. Я подробно рассказал вам, что нужно делать. Дополнительно рекомендую посмотреть видео – в нем еще и демонстрируются все действия на примере.

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

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

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

Оцените статью
InternetDoc.ru
Добавить комментарий