Офисным сотрудникам и представителям любого бизнеса, где используется интернет для работы, часто приходится работать с электронными документами — 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

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

Теперь вы знаете, как вставить документ на сайт. Я подробно рассказал вам, что нужно делать. Дополнительно рекомендую посмотреть видео – в нем еще и демонстрируются все действия на примере.
Зачем нужна информация, как добавить файл на сайт для скачивания? Например, если это интернет-магазин и нужно получить прайс-лист с ценами на все товары сразу – это удобно для пользователей.
Кстати, если вы только хотите создать свой интернет-магазин, но не знаете, с чего начать, приглашаю на бесплатный курс по созданию и продвижению интернет магазина с нуля. Он построен на выполнении практических заданий.
Видео-инструкции – лучший способ своими руками сделать интернет-магазин без вложений. Если у вас возникнут сложности, на помощь придет бесплатная служба технической поддержки и решит все проблемы. После окончания обучения у вас будет собственный веб-ресурс – готовый для продвижения, с загруженными товарами, правильной структурой и, вероятно, даже первыми продажами.




