Как сохранить страницу сайта целиком?

Как сохранить страницу сайта целиком?

Чтобы иметь доступ к содержимому какого-то веб-портала даже без подключения к сети, надо сделать локальную копию страницы (скрин, текстовый или HTML-файл), которая будет храниться на диске. Так вы в любой момент сможете изучить находящуюся там информацию. Конечно, если компьютер с необходимыми данными окажется рядом. Можно перенести не только текстовый контент, но и картинки, элементы форматирования, структуру. Узнайте, как сделать скриншот страницы ресурса глобальной сети, скопировать её сразу со всем графическим и мультимедийным контентом или сохранить её содержимое в виде файла.

Скопировать из браузера

Можно перенести данные из обозревателя в любой текстовый редактор. Для этого лучше всего подойдёт Microsoft Word. В нём корректно отображаются изображения и форматирование. Хотя из-за специфики документа может не очень эстетично выглядеть реклама, меню и некоторые фреймы.

Вот как скопировать страницу сайта:

  1. Откройте нужный URL.
  2. Нажмите Ctrl+A. Или кликните правой кнопкой мыши по любой свободной от картинок и flash-анимации области и в контекстном меню выберите «Выделить». Это надо сделать для охвата всей информации, а не какого-то произвольного куска статьи.
  3. Ctrl+C. Или в том же контекстном меню найдите опцию «Копировать».
  4. Откройте Word.
  5. Поставьте курсор в документ и нажмите клавиши Ctrl+V.
  6. После этого надо сохранить файл.

Иногда получается так, что переносится только текст. Если вам нужен остальной контент, можно взять и его. Вот как скопировать страницу веб-ресурса полностью — со всеми гиперссылками, рисунками:

  1. Проделайте предыдущие шаги до пункта 4.
  2. Кликните в документе правой кнопкой мыши.
  3. В разделе «Параметры вставки» отыщите кнопку «Сохранить исходное форматирование». Наведите на неё — во всплывающей подсказке появится название. Если у вас компьютер с Office 2007, возможность выбрать этот параметр появляется только после вставки — рядом с добавленным фрагментом отобразится соответствующая пиктограмма.

Способ №1: копипаст

В некоторых случаях нельзя скопировать графику и форматирование. Только текст. Даже без разделения на абзацы. Но можно сделать скриншот или использовать специальное программное обеспечение для переноса содержимого страницы на компьютер.

Сайты с защитой от копирования

Иногда на ресурсе стоит так называемая «Защита от копирования». Она заключается в том, что текст на них нельзя выделить или перенести в другое место. Но это ограничение можно обойти. Вот как это сделать:

  1. Щёлкните правой кнопкой мыши в любом свободном месте страницы.
  2. Выберите «Исходный код» или «Просмотр кода».
  3. Откроется окно, в котором вся информация находится в html-тегах.
  4. Чтобы найти нужный кусок текста, нажмите Ctrl+F и в появившемся поле введите часть слова или предложения. Будет показан искомый отрывок, который можно выделять и копировать.

Если вы хотите сохранить на компьютер какой-то сайт целиком, не надо полностью удалять теги, чтобы осталась только полезная информация. Можете воспользоваться любым html-редактором. Подойдёт, например, FrontPage. Разбираться в веб-дизайне не требуется.

  1. Выделите весь html-код.
  2. Откройте редактор веб-страниц.
  3. Скопируйте туда этот код.
  4. Перейдите в режим просмотра, чтобы увидеть, как будет выглядеть копия.
  5. Перейдите в Файл — Сохранить как. Выберите тип файла (лучше оставить по умолчанию HTML), укажите путь к папке, где он будет находиться, и подтвердите действие. Он сохранится на электронную вычислительную машину.

Защита от копирования может быть привязана к какому-то js-скрипту. Чтобы отключить её, надо в браузере запретить выполнение JavaScript. Это можно сделать в настройках веб-обозревателя. Но из-за этого иногда сбиваются параметры всей страницы. Она будет отображаться неправильно или выдавать ошибку. Ведь там работает много различных скриптов, а не один, блокирующий выделение.

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

Скриншот

Снимок экрана — это самый простой способ добавить какую-то информацию на компьютер. Она сохраняется в виде графического файла. Его можно открыть и просмотреть в любое время. Вот как сделать скрин:

  1. Зайдите на нужный портал.
  2. Нажмите на клавиатуре кнопку PrintScreen (иногда она называется «PrntScr» или «PrtSc»). Снимок экрана будет добавлен в буфер обмена — временное хранилище, используемое при операциях «Копировать-Вставить».
  3. Откройте любой графический редактор. В операционной системе Windows есть свой — называется «Paint». Можете воспользоваться им. В нём можно обрезать и немного подкорректировать скриншот. Для более серьёзного редактирования графики надо устанавливать на компьютер профессиональные программы (Adobe Photoshop, к примеру). Но чтобы просто сделать копию страницы, хватит и собственных средств Windows.
  4. Вставьте скрин в редактор. Для этого нажмите Ctrl+V.
  5. Можно добавить его и в текстовый процессор (тот же Word), который поддерживает работу с графикой.

Получить снимок страницы можно с помощью графических редакторов. Например, Paint.

Информация будет представлена в виде сплошной картинки, а не набора символов. Если понадобится скопировать какую-то часть материала, придётся перепечатывать его вручную. Ведь скриншот — не статья. Чтобы облегчить задачу, воспользуйтесь утилитами для распознавания текста с рисунков.

Так удобно копировать небольшие куски. Но вот с объёмным контентом сложнее. Придётся делать много снимков, прокручивать, часто открывать редактор. Но можно разобраться, как сделать скрин всей страницы портала, а не её части. Используйте специализированные программы.

Утилиты для создания скриншотов

Существуют программы для работы со снимками экрана. С их помощью можно охватить контент полностью, а не скринить по кускам.

  • Популярное приложение с разнообразным функционалом.
  • Расширение для веб-браузера. Можно сделать картинку всей страницы, просто нажав кнопку на панели инструментов.
  • Снимает всё, что можно снять: произвольные области, окна, большие веб-ресурсы. Есть инструментарий для редактирования получившихся изображений и библиотека эффектов.
  • Автоматически прокручивает, делает серию кадров и самостоятельно объединяет их в один скриншот.

Есть также онлайн-сервисы, которые могут сформировать снимок. Они работают по одному принципу: вставить адрес сайта — получить картинку. Вот некоторые из них.

  • Capture Full Page
  • Web Screenshots
  • Thumbalizr
  • Snapito

Сохранить как HTML-файл

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

  1. Откройте сайт.
  2. Кликните правой кнопкой мышки в любом месте, свободном от рисунков, фонов, видео и анимации.
  3. Выберите «Сохранить как». В Mozilla Firefox аналогичную кнопку можно найти в меню. Для этого нужно нажать на значок с тремя горизонтальными чёрточками. В Opera эти настройки вызываются кликом на логотип.
  4. Задайте имя. Укажите путь.
  5. Подтвердите действие.

Сохранить как PDF

В Google Chrome можно создать из страницы PDF-файл. Данная функция предназначена для распечатки на принтере. Но доступно копирование и на компьютер.

  1. Кликните на пиктограмму в виде трёх линий (они справа вверху).
  2. Нажмите «Печать» или воспользуйтесь сочетанием клавиш Ctrl+P.
  3. Кликните «Изменить».
  4. Пункт «Сохранить как PDF».
  5. На левой панели повторно нажмите кнопку с таким же названием.
  6. Дайте файлу имя и укажите путь.

Еще один способ — сохранить как PDF-страницу с помощью штатных средств Chrome.

Эта функция доступна исключительно в Chrome. Для других веб-обозревателей нужны плагины. Printpdf для Firefox и Web2PDFConvert для Opera.

Утилиты для сохранения сайтов целиком

Есть программы для копирования ресурсов глобальной сети целиком. То есть со всем контентом, переходами, меню, ссылками. По такой странице можно будет «гулять», как по настоящей. Для этого подойдут следующие утилиты:

  • HTTrack Website Copier.
  • Local Website Archive.
  • Teleport Pro.
  • WebCopier Pro.

Есть много способов перенести страницу сайта на ПК. Какой выбрать — зависит от ваших нужд. Если хотите сохранить информацию, чтобы потом её изучить, достаточно обычного снимка экрана. Но когда надо работать с этими данными, редактировать их, добавлять в документы, лучше скопировать их или создать html-файл.

Если вам нужно быстро заскринить целую веб страницу, а на установку утилит в браузере нет ни времени, ни желания, вам поможет web-capture.net. Этот бесплатный сервис сохраняет снимок любой веб страницы в виде графического файла, позволяет просматривать его в браузере или загружать на компьютер в виде ZIP архива.

У сервиса web-capture.net очень простой интерфейс — ничего лишнего, только текст. С помощью web-capture можно сохранять изображения веб страниц в разных форматах, включая популярные JPEG, PNG и BMP, а также менее распространенные, но полезные PDF, TIFF, PS и SVG.

Если вам надо сохранить только часть страницы, придется поискать другой сервис, например, Greenshot Shotty, потому что web-capture делает снимки только полных страниц. Но если вам надо сделать и целый снимок, и его часть, можете сначала заскринить всю страницу на сервисе, а потом просто обрезать изображение в графическом редакторе.

Как захватить скриншот?

К сожалению, сервис только на английском и французском языках, но он настолько прост, что перевод и не требуется. В строку «Enter the URL of the page you want to capture» вводим адрес нужной веб страницы, после чего в окне справа «Choose the file format you want» выбираем формат и нажимаем «Capture web page».

После этого сервис какое-то время думает. Если вам не хочется ждать, можете написать свой e-mail и вам будут присылать уведомления об окончании конвертации. Когда web-capture обработает вашу ссылку, вам предложат скачать файл в ZIP архиве. Можете скачать его и без архива, в том формате, который выбрали.

Если вам часто будет нужен этот сервис, можете быстро разместить его в браузере, перетащив «Capture me» на панель закладок.

В целом, веб сервис простой, удобный, а главное — бесплатный.

Наверняка вы держите под рукой пару утилит для создания скриншотов. Для Windows это может быть Microsoft Snip, для OS X — Screenshot Plus, а для Ubuntu — Shutter. Эти мощные инструменты делают снимок экрана и позволяют добавить к нему аннотации, графику или голосовые комментарии.

Хотя в большинстве случаев расширенная функциональность вовсе не нужна. Обычно достаточно красивого обрамления. Например, его легко добавить силами Standardized Screenshot — расширения для Chrome, которое добавляет изображению мягкую «маковскую» тень.

И раз речь зашла о Google-браузере, стоит упомянуть, что в нём также есть опция для снимка экрана. Да не простая, а с дополнительными возможностями. Какими? Чуть позже расскажем, а пока — к основной повестке дня.

Скриншоты в Chrome через панель разработчиков

Несколько удивительно, что Chrome разменял шестой десяток версий, но так и не разжился кнопкой для создания скриншотов. По крайней мере, так обстоят дела на поверхности, то есть для рядовых пользователей. «Под капотом» браузера такая функция есть, и предусмотрена она для веб-разработчиков.

Перейдите в настройки Chrome и выберите пункт «Дополнительные инструменты», а затем — «Инструменты разработчика». Ctrl + Shift + I сделают это быстрее. Активируйте панель эмуляции устройств, нажав на иконку в виде планшета в верхней области открывшегося окна или воспользовавшись клавишами Ctrl + Shift + M.

Обратите внимание: у панели эмуляции тоже есть своё меню, в котором находится тот самый пункт Capture screenshot. Нажмите на него, и видимая область браузера тут же сохранится на жёсткий диск в формате PNG.

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

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

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


Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *