Как полностью скопировать сайт на компьютер

В статье вы узнаете, что такое бэкап сайта, зачем он нужен и как сделать его в WordPress с помощью трёх разных плагинов. Эта инструкция подойдёт вам, если вы хотите самостоятельно сделать резервные копии и восстановить нужную версию сайта.

Зачем нужны бэкапы

Бэкап — резервная копия всех файлов сайта (контента и базы данных). При создании бэкапа вы получаете архив с данными, который можно хранить на локальном диске, сервере или в облачном хранилище. Бэкапы применяются для решения следующих задач:

Абсолютное большинство провайдеров автоматически делают бэкапы сайтов, размещённых на их серверах. От конкретного поставщика зависит время создания копии, ограничения и срок хранения. Например, бэкапы в создаются ночью в 24:00 по московскому времени и хранятся 30 дней. Файлы больше 300 Мб не попадают в резервную копию.

Во многих случаях автоматических бэкапов будет достаточно. Но если они нужны срочно или требуется конкретная версия (например, сайт часто обновляется) — лучше позаботиться о резервных копиях самостоятельно. Есть два способа сделать бэкап: «по старинке» (вручную скопировать файлы и импортировать БД через phpmyadmin) и с помощью плагинов. В этой статье рассмотрим, как сделать копию сайта на WordPress вторым способом. Подробнее о первом мы рассказывали в статьях:

Как скопировать сайт целиком на компьютер – подготовка

Как вы понимаете, чтобы скопировать сайт целиком, просто нажать в браузере “Сохранить как” не получится. Все не так просто, но в тоже время и не тяжело.

Как скопировать сайт целиком на компьютер – подготовка
Как скопировать сайт целиком на компьютер – подготовка

Для того, чтобы скачать сайт полностью на свой компьютер, вам понадобится программа Wget, которая скопирует сайт.

Как скопировать сайт целиком на компьютер – подготовка
Как скопировать сайт целиком на компьютер – подготовка
  1. Вам нужно скачать Wget
  2. Создайте в папке C:\Program Files\ каталог Wget и разархивируйте содержимое архива в неё
  3. После разархивирования вам нужно настроить переменные среды. Для этого откройте “Свойства компьютера” — “Дополнительные параметры системы”
  4. Нажмите на кнопку “Переменные среды”
  5. В открывшемся окне выберите пункт Path и нажмите на кнопку “Изменить”
  6. Добавьте новый параметр, указав в нем полный путь к разархивированной программе Wget, в моем случае это – C:\Program Files\wget. Если у вас Windows 8 или Windows 7, то этот параметр нужно добавить в самый конец через знак ;
  7. После внесения переменной среды, жмите “ОК”
  8. Проверьте все ли правильно сделали. Для проверки, откройте командную строку (Win+R и введите команду cmd), в командной строке введите wget и нажмите Enter, если вы видите подобную картину, значит все вы сделали правильно.
Как скопировать сайт целиком на компьютер – подготовка
Как скопировать сайт целиком на компьютер – подготовка

Готово! Вы готовы к тому, чтобы скопировать сайт целиком и переделать его.

Читайте также:  Лучшие ноутбуки Asus: 20 топовых моделей

Два способа скачать сайт целиком на компьютер

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

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

Два способа скачать сайт целиком на компьютер

Особенно удобно иметь файлы нужного сайта на жёстком диске своего ПК или в хранилище dropbox. Просмотреть его код можно в любое время, вне зависимости от того есть интернет или нет.

Скачиваем сайт своими руками

Итак, первый способ как скачать сайт целиком на компьютер состоит в том, что делаем всё своими руками, без сторонних он-лайн сервисов или особых программ. Для этого нам понадобится браузер и простой редактора кода, например Noutepad++.

  1. Создаём на рабочем столе корневую папку с названием сайта
  2. Создаём в ней ещё три папки и называем одну images (сюда будем складывать картинки); вторую – css (для файлов со стилями); и третью –  js (для скриптов).

Загружаем html код страницы

Далее всё очень просто: находим интересующий нас проект, открываем главную страницу и нажимаем на клавиши ctrl + U. Браузер сразу же показывает нам её код.

Два способа скачать сайт целиком на компьютер

Копируем его, создаём новый файл в редакторе кода, вставляем код главной страницы, в новый файл, сохраняя его под названием index, с расширением html (). Всё, главная страница сайта готова. Размещаем её в корне документа, то есть кладём файл рядом с папками images, css и js

Далее чтобы скачать сайт целиком на компьютер проделываем тоже со всеми страницами сайта. (Данный метод подходит, только если ресурс имеет не слишком много страниц). Таким же образом, копируем все html-страницы понравившегося нам сайта в корневую папку, сохраняем их с расширением html и называем каждую из них соответствующим образом (не русскими буквами – , ).

Создаём css и js файлы

После того как мы сделали все страницы сайта, находим и копируем все его css стили и java скрипты. Для этого кликаем по ссылкам, ведущим на css и js файлы в коде.

Два способа скачать сайт целиком на компьютер

Таким же образом как мы копировали файлы html, копируем все стили и скрипты создавая в редакторе Notepad++ соответствующие файлы. Делать их можно с такими же названиями, сохраняя их в папках сss и js. Файлы стилей кладём в папку css, а код java script в папку js.

Копируем картинки сайта

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

Читайте также:  Как перезагрузить телефон Sony Xperia X, если он завис

Ещё можно увидеть все картинки сайта, открыв инструменты разработчика в браузере с помощью клавиши F12.

Находим там директорию Sources и ищем в ней папку img или images В них мы увидим все картинки и фотографии сайта. Скачиваем их все, ложа в папку images.

Два способа скачать сайт целиком на компьютер

Убираем всё лишнее в html коде

После того как мы скачали все файлы сайта нужно почистить его код от всего лишнего. Например, можно удалить:

Как скачать сайт бесплатно: пошаговая инструкция

Наиболее известны такие программы как:

  1. Offline Explorer ($) и Offline Explorer Pro ($)
  2. Teleport Pro ($)
  3. Webcopier ($30)
  4. И даже такие архаичные как Wget (бесплатна), но необходимо уметь работы с консолью операционной системы.
  5. Есть даже бесплатный русский сервис  (я ставил на закачку, но он ничего не скачал).
  6. HTTrack Website Copier (бесплатна)

А теперь подробнее о последней программе.

HTTrack Website Copier

Выбор небольшой, поэтому наиболее подходящей программой для скачивания сайта будет HTTrack Website Copier. К тому она вполне неплохо справляется с данной задачей.

Есть различные версии программы, которые совместимы с:

  • 32-разрядной Windows 2000/XP/Vista/Seven/8
  • 64-разрядной Windows Vista/7/8

В настройках можно выбрать русский язык.

Скачать нужную версию мы сможете прямо с официального сайта

Как скачивать сайт целиком

1. Установить программу на свой компьютер.

2. Выберите в настройках русский язык и перезагрузите программу, чтобы интерфейс обновился.

3. Создайте новый проект

  • Укажите название проекта.
  • В какую папку на ваш компьютер сохранить сайт.
  • И нажмите кнопку «Далее».

4. В поле «Веб адреса: (URL)» укажите адрес сайта, который надо скопировать и нажмите на кнопку «Задать параметры».

Красной стрелочкой показано куда вписывать адрес сайта, которых хотите скачать

5. В появившемся окне выставляем параметры скачивания.

Если у вас нет прокси оставляем все как есть и переходим к следующей вкладке «Фильтры».

Внимание: если возникли проблемы со скачиванием — попробуйте снять флажок с опции «Использовать прокси для ftp-закачки».

Настройка проекта в программе HTTrack Website Copier

6. Здесь мы избавляемся от мусора и говорим какие файлы нам скачивать не нужно.

Ставим флажки напротив архивов и видео-файлов. Все расширения добавятся автоматически.

Скачиваем только то что нам нужно

7. Переходим на вкладку «Ограничения».

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

Максимальную глубину внешних рекомендую устанавливать в нуль, если, конечно, вы не хотите попытаться скачать весь интернет ))

Не забудьте поставить ограничение на скачивание страниц с других сайтов

8. Идем на вкладку «Линки».

Можете поставить также все флажки как на этом скриншоте, чтобы скачивание сайта происходило максимально быстро.

Поставьте указанные флажки, чтобы быстрее скачать страницы сайта

9. На вкладке «Структура» выбираем тип локальной структуры зеркала. Я выбрал структуру сайта по умолчанию.

Сохраняйте сайты с исходной структурой

10. Нажимаем кнопку «ОК» и видим такое окно.

Читайте также:  Популярные графические оболочки Linux — ТОП 7

Здесь вы можете разорвать соединение после скачивания сайта, если у вас интернет не безлимитный. А также поставить флажок напротив пункта «Shutdown PC when finished», если хотите, чтобы HTTrack сам выключил компьютер, когда сольёт весь сайт.

Можем начать скачивание прямо сейчас или сделать это позже. Нажимаем кнопку «ОК».

Всё готово. Запускайте проект!

11. Начался процесс скачивания сайта.

Окно с отображенем подробной информации по данному проекту

Примечание

Если вы хотите прервать скачивание, то нажмите кнопку «Отмена». В появившемся окне подтвердите остановку процесса, после чего HTTrack докачает текущие файлы, а новые скачивать не будет.

Сохраниет этот проект у себя на компьютере. Потом, чтобы докачать сайт, снова откроете этот проект и возобновите скачивание.

Вот как это выглядит на диске. Стрелкой отмечена папка, в которой находится скачанный сайт.

Если вы зайдете в нее, то увидите такую структуру.

Как просмотреть то, что мы скачали

Скачанный сайт можно запустить любым способом, например:

  • зайти в папку, в которую сохраняли проект, кликнув по файлу После этого откроется страница со списком всех проектов. Нужно выбрать нужный.
  • или войти в папку с названием проекта, кликнув по файлу , чтобы открылся сайт сразу.

Всё. Поздравляю, теперь на вашем компьютере точно такая копия сайта как и в интернете. Пользуйтесь на здоровье!

Выводы

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

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

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

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