Готовые интернет страницы скопировать код. Как скопировать web страницу
Доброго времени дня, читатели моего блога. С вами Андрей Зенков и сегодня я расскажу, как скопировать дизайн сайта. Перед началом своего повествования я хотел бы сказать, что не одобряю такую деятельность, так как это является интеллектуальным воровством. Любое воровство - это плохо. Я надеюсь, что вы воспользуетесь полученной информацией в благих целях. Что ж, усаживайтесь поудобнее, можете взять что-нибудь покушать. А мы начинаем!
Сегодня я расскажу о методах создания «зеркала» сайта. Как надеть шаблон на свой сайт - тема отдельная и весьма специфичная. Своими руками подобное можно сделать, обладая глубокими знаниями HTML, CSS, PHP и JavaScript. Если вы такими знаниями не обладаете, то рекомендую обращаться к специалистам в этой сфере.
Я советую использовать уникальные шаблоны. Их можно заказать у дизайнеров, либо купить в магазине TemplateMonster . Здесь предлагается большой ассортимент по выгодным ценам.
Шаблоны сайтов и Дизайн сайта от TemplateMonster.
1. Первый метод - своими руками
Самый традиционный вариант - сделать своими руками. Никакие сторонние инструменты, кроме рук и , не понадобятся. Для начала найдите интересующий вас сайт. Я для примера возьму собственный блог. Перехожу на главную страницу. В любой области кликаю правой кнопкой мыши. В открывшемся меню выбираю пункт «Сохранить страницу как…»:
Процесс сохранения длится несколько секунд. На выходе получаю файл главной страницы и папку со всеми составляющими элементами. Там находятся картинки, и JS файлы и стили. Файл с разрешением можно открыть с помощью блокнота для просмотра исходного кода.
Если вы думаете, что сохранённые файлы можно смело натягивать на свой ресурс, то сильно ошибаетесь. Это - очень сырой вариант. Скорее, он пригоден только для просмотра исходного кода страницы, что можно сделать в окне браузера без сохранения. Пользоваться этим методом я не рекомендую, так как толку от него ноль и как перенести его на (к примеру), вам никто не расскажет (такой возможности просто нет).
2. Второй метод - использование онлайн-сервисов
Как вы помните, я сторонник использования различных инструментов для автоматизации ручной работы. Даже для таких случаев разработали вспомогательный софт.
2.1. Xdan.Ru
Бесплатный, простой и доступный сервис. Копия сайта создаётся в два клика. Всё, что я сделал - зашёл на главную страницу, ввёл адрес своего блога и нажал на кнопку «Создать копию». Через несколько минут процесс завершился и я получил архив с копией сайта. Вот, что я получил:
Интересующие вас файлы (в случае WP) находятся в папке wp-content. В папке «themes - img» лежат все необходимые изображения, из которых можно сделать рип сайта. Файлов со стилями я не нашёл, но их легко выгрузить через браузер. Снова захожу на страницу своего блога, нажимаю правую кнопку мыши и выбираю в меню «Исследовать элемент».
Меня интересует окошко Styles. Дальше просто выделяю все стили, копирую и вставляю в нужный файл с расширением css. Преимущества Xdan очевидны - простой и бесплатный проект, который даёт годный к дальнейшей работе материал. Но, опять же, для дальнейших действий потребуются знания или специалист, который таковыми обладает. Подобных сервисов в интернете больше не нашёл.
2.2. Recopyrirght
Сервис чем-то похож на CLP. Даёт возможность сделать рип сайта любой сложности. При первом использовании можно воспользоваться тестовой попыткой. На главной странице в поле «Введите сайт» я указываю ссылку на свой блог. После этого нажимаю кнопку «Создать копию».
По окончании процесса копирования всех файлов можно получить копию с большинством файлов ресурса. Я ждал около 15-20 минут, пока завершится процесс. Ожидания не оправдались. Сервис выдаёт сырой вариант, из которого трудно сделать рип и поставить на собственный проект. Но если постараться, то сделать можно. Но вот оправдывает ли результат затраченного времени, если есть множество других вариантов, - большой вопрос.
3. Третий метод - использование программ
Если онлайн-сервисы вас не устраивают, можете воспользоваться специальным софтом, который устанавливается на компьютер.
3.1. WinHTTrack Website Copier
Бесплатная утилита с минимум настроек. Позволяет создать полноценную копию любого сайта. Вы можете установить глубину копирования. На выходе получаете локальную версию ресурса, которым можно пользоваться в оффлайн-режиме. В полученном архиве можно найти файлы шаблона.
3.2. Teleport Pro
Наверное, один из лучших вариантов для создания полной копии любого веб-сайта. Teleport Pro загружает все каталоги и подкаталоги, в которых можно легко найти нужный шаблон. Единственный минус - программа платная. Даётся пробный период на 30 дней. Лицензия стоит 50 долларов. Я рекомендую данный продукт, если вы хотите получить качественный результат.
4. Четвёртый метод - использование графического редактора
А именно - Photoshop. Самый трудоёмкий, но зато самый надёжный способ сделать копию понравившегося дизайна на свой ресурс. Опять же, если вы не обладаете навыками работы в этой программе, а также не умеете верстать готовый шаблон, то без помощи специалиста не обойтись.
Честно, я даже не знаю, сколько стоит подобная услуга у дизайнера. Найти точный ценник можно на какой-нибудь бирже фриланса. Используя этот метод, вы можете быть уверены в том, что получите качественную копию, и поставить её на свой сайт не составит труда.
Для самостоятельного изучения Фотошопа могу порекомендовать замечательный курс Зинаиды Лукьяновой — «Фотошоп с нуля в видеоформате 3.0» .
Главное преимущество заключается в том, что здесь не играет роли понравившегося проекта. Скопированный шаблон можно будет установить на WP, DLE, и любые другие платформы.
5. Какие можно сделать выводы?
Наша статья подходит к концу, поэтому самое время сделать небольшие выводы. Во-первых, я против воровства чужих шаблонов. Поставьте себя на место людей, которые трудились над созданием индивидуального образа, и вы всё поймёте.
Во-вторых, для меня оптимальный вариант - создание копии в . Это самый качественный и универсальный вариант. Закончить сегодняшний рассказ хочу выражением Роберта Энтони: «Если у тебя нет своей цели в жизни, то ты будешь работать на того, у кого она есть». Если вы хотите обрести независимость, ставьте перед собой всё новые и новые цели, а также не забывайте добиваться их любыми способами (законными, разумеется).
На этой позитивной и мотивирующей ноте я с вами прощаюсь. Не забудьте подписаться на мой блог, чтобы в будущем быть в курсе всех новых статей. До свидания, с вами был Андрей Зенков.
Как скопировать веб-страницу, если на странице установлена защита от копирования? Многие из нас посещали сайты в Интернете, на которых нам не удавалось скопировать содержимое страницы сайта привычным способом.
Для копирования контента, выделяем содержимое веб-страницы правой кнопкой мыши, чтобы потом скопировать выделенное, но таким способом сохранить веб-страницу не получается. На этом сайте, возможно, установлена программа или плагин для защиты от копирования.
Плагин блокирует использование выделения при помощи мыши. Многие веб-мастера таким образом, хотят защитить свою интеллектуальную собственность для защиты контента от копирования.
Некоторые не очень добросовестные владельцы сайтов копируют содержимое чужих статей на других сайтах, и публикуют скопированные статьи под своим именем.
Большинство из тех, кто копирует статьи на страницах сайтов, все-таки добросовестные люди. Они копируют, только для того, чтобы не потерять нужную информацию. Адреса посещенных сайтов теряются, не всегда можно вспомнить, на каком сайте раньше видел эту информацию, которая стала необходима только теперь.
Но, к сожалению, а для кого-то, возможно, к счастью, 100 % защиты от копирования не существует. Существует несколько способов скопировать содержимое страницы сайта или конкретной статьи на сайте.
Самый простой способ это конечно простое списывание текста со страницы сайта, но это довольно трудоемкий процесс.
Отдельную веб-страницу или сайт можно добавить в закладки своего браузера, но это не копирование.
Есть еще несколько способов копирования, и о них я хочу вам рассказать. Вы узнаете, как скопировать веб-страницу, даже если на сайте установлена защита контента от копирования.
Скриншот веб-страницы
Второй по простоте способ - это сделать скриншот всей страницы или конкретной статьи.
При помощи средства операционной системы Windows, при нажатии на клавишу клавиатуры «Print Screen», происходит копирование открытой страницы сайта. После копирования в буфер обмена, мы можем открыть страницу в графическом редакторе, например, во встроенном в операционную систему графическом редакторе Paint.
В редакторе Paint нажимаете на вкладку «Главная», а потом на кнопку «Вставить». После вставки изображения, вы можете его отредактировать, если это необходимо, а потом сохранить в нужном графическом формате.
Минусы этого способа – это то, что копия сохраняется как графический файл, в нем нельзя будет отредактировать текст, не вся страница может попасть на изображение, если она не полностью помещается на экране монитора.
У тех пользователей, на компьютерах которых установлены операционные системы Windows Vista и Windows 7 (в старших редакциях), установлена хорошая программа для снятия скриншотов - Ножницы.
С ее помощью можно скопировать не только всю страницу, но и отдельную часть статьи или только саму статью, если она небольшого размера. Это можно сделать также и при помощи других программ для снятия скриншотов, а также с помощью соответствующих дополнений (расширений) браузеров.
Как сохранить веб-страницу как веб-документ или веб-архив
Рассмотрим вопрос, как копировать веб-страницу в самых популярных браузерах.
В браузере Internet Explorer нужно будет войти в меню «Сервис» => «Файл» => «Сохранить как…» (или одновременное нажатие клавиш «Ctrl» + «S» на клавиатуре). После этого, открывается окно Проводника.
В окне Проводника, после выбора места сохранения, предлагается на выбор несколько вариантов для сохранения файла.
Если вы выбрали варианты: «Веб-страница полностью» или «Веб-страница, только HTML», то тогда после сохранения страницы, рядом с файлом - «HTML-документом», будет сохранена папка с содержимым страницы сайта.
После открытия веб-архива, у вас открывается сохраненная страница сайта, откуда вы можете скопировать обычным способом всю страницу, или только статью, или часть статьи для дальнейшего редактирования или сохранения, например в программе Word из состава Microsoft Office.
В браузере Opera необходимо нажать на кнопку «Opera», далее «Страница» => «Сохранить как…», далее следует выбрать вариант сохранения, аналогично как в браузере Internet Explorer.
В браузере Mozilla Firefox нужно нажать на кнопку «Firefox» => «Сохранить как…», далее выбрать нужный вариант сохранения веб-страницы. Сохранение в веб-архиве в браузере Mozilla Firefox возможно, если установить в браузер Firefox соответствующее расширение.
Для копирования веб-страницы, в браузере Google Chrome следует нажать на кнопку «Настройка и управление Google Chrome» => «Сохранить страницу как…», далее необходимо выбрать способ сохранения из двух вариантов: «Веб-страница полностью» или «Веб-страница, только HTML».
Сохранение веб-страницы в PDF с помощью виртуального принтера
Виртуальный принтер позволяет конвертировать любой документ или изображение, из программы, которая поддерживает печать, в формат PDF.
Для того, чтобы использовать виртуальный принтер в браузерах Internet Explorer, Mozilla Firefox, Opera, необходимо установить на компьютер программу - виртуальный принтер, например, .
На данном примере, я использую бесплатную программу - виртуальный принтер Bullzip PDF Printer.
Установка программы стандартная, и она происходит на русском языке. Программа устанавливается в операционную систему как виртуальный принтер. После установки на компьютер, Bullzip PDF Printer появляется в списке установленных принтеров и факсов.
После того, как вы зашли на страницу сайта, которую вам нужно сохранить, то в настройках браузера необходимо нажать на пункт «Печать».
В открывшемся окне, потребуется выбрать из списка установленных принтеров, виртуальный принтер Bullzip PDF Printer. После этого нужно нажать на кнопку «ОК».
Происходит сохранение страницы на ваш компьютер, и вы, в окне Проводника, должны выбрать место для сохранения PDF файла.
Как копировать веб-страницу с помощью браузера читайте далее.
Сохранение страницы в PDF в браузере Google Chrome
При использовании браузера Google Chrome, есть возможность сохранять страницы сайта как файл PDF, без использования постороннего виртуального принтера. Виртуальный принтер встроен в браузер Гугл Хром.
Для этого нужно нажать на сочетание клавиш «Ctrl» + «P» на клавиатуре. В открывшемся окне «Печать», во вкладке «Целевой принтер следует выбрать пункт «Сохранить как PDF».
Веб-страница будет сохранена в формате PDF.
Расширение RightToClick для Mozilla Firefox
Установив это расширение к браузеру Mozilla Firefox, вы сможете снимать защиту от использования правой кнопки мыши, для выделения нужного содержимого на сайте, для дальнейшего его копирования.
Для установки дополнения RightToClick, необходимо нажать на кнопку «Firefox» => «Дополнения» => «Получить дополнения». В поле «Поиск среди дополнений» нужно ввести выражение - «RightToClick». На открывшейся странице расширения RightToClick нужно нажать на кнопку «Добавить в Firefox», а потом на ссылку «Установить сейчас» => «Перезапустить сейчас».
На панели браузера Mozilla Firefox (вверху или внизу), будет находится значок расширения RightToClick, в виде стрелки.
Теперь, для того, чтобы скопировать текст или изображения с веб-страницы, на которой заблокировано действие правой кнопки мыши, достаточно нажать на значок расширения RightToClick.
После этого, у вас появиться возможность копировать содержимое веб-страницы, с помощью выделения, используя для этого правую кнопку мыши.
Выводы статьи
Существует несколько способов при помощи которых можно скопировать веб-страницу на компьютер.
Без использования стороннего программного обеспечения скриншот (копию) экрана можно сделать нажав клавишу Prt Scrn на клавиатуре:
После ее нажатия, копия экрана помещается в , после этого нужно воспользоваться сторонним софтом для его обрезки либо сохранения. Это может быть любой графический редактор. В ОС Windows есть встроенная простенькая программка, называющаяся MS Paint. Найти ее можно, нажав кнопку Пуск -> Все программы -> Стандартные -> и нажимаем на Paint. После запуска программы вставляем (Правка -> Вставить или нажатием комбинации клавиш Ctrl+V), ранее сделанный скриншот экрана. Дальше, при необходимости, редактируем (подрезаем, дописываем текст и т.д.) сохраняем в файл и готово.
Такой метод хоть и не требует установки дополнительных программ, но не совсем удобный, а точнее вообще не удобный и занимающий много времени.
Для удобства, есть множество программ, чтобы сделать скриншот экрана или какой либо его части. Я рассмотрю лишь две, которыми я пользуюсь и которые, на мой взгляд являются лучшими в своем роде.
Очень удобная программа для создания скриншотов экрана. Имеет множество параметров по захвату области экрана, плюс удобный собственный графический редактор, для последующей обработки изображений. После запуска программы появляется значок в системном трее:
И такая панель:
Для создания копии есть возможность выбора, либо сделать копию всего экрана, либо активного окна, либо любую прямоугольную или произвольную область экрана, либо скриншот страницы с прокруткой. Плюс ко всему есть возможность записи видео с экрана.
Чтобы сделать скриншот экрана, необходимо нажать на необходимую пиктограмку на панели программы FastStone Capture (при наведении на пиктограмму внизу появляется подсказка какую функцию она выполняет) и в зависимости от выбранной вами функции, программа либо автоматически скопирует в буфер обмена весь экран либо же вам необходимо выделить некоторую область экрана, после чего она скопируется в буфер обмена и автоматически вставится в редактор.
В программе FastStone Capture простой и в то же время функциональный редактор, позволяющий сделать с вашим скриншотом любые действия: подрезать, добавить фигуры, текст, логотип и т.д., сделать рванные края, изменить размер, отправить на печать и много другое. Я думаю проблем у вас не должно возникнуть при освоении этой программы. Интерфейс на русском, все просто и понятно.
Чтобы не открывался редактор, можно выбрать другую функцию, например, отправить скриншот сразу на печать или по электронной почте. Для этого нужно нажать на пиктограмму, помеченную красной стрелочкой:
И выбрать соответствующее действие.
Одно но – эта программа платная. Для более подробной информации перейдите по ссылке: . Там же вы можете скачать ее, trial версию (для пробного использования).
На этом, пожалуй, я закончу свой краткий обзор этой программы.
Теперь остановимся на бесплатной, но в тоже время не менее функциональной программе для создания скриншотов экрана — Единственный недостаток это то, что язык интерфейса на английском языке, поэтому, кто плохо владеет английским, поначалу будет не очень удобно.
Так выглядит главное окно программы, а точнее ее редактор.
После установки программы ее необходимо активировать. Пройдите по ссылке: , зарегистрируйтесь на форуме, а потом, вам будет предложено получить бесплатный лицензионный ключ.
После запуска программы, она помещается в системный трей:
При клике по иконке всплывает такое меню:
Где можно как вручную выбрать инструмент для создания необходимого скриншота, так и с помощью горячих клавиш, обозначенный рядом в скобках. При желании горячие клавиши можно сменить на свои.
После того, как вы создали скриншот, всплывет такое окно:
в котором, необходимо выбрать нужное вам действие. При желании его можно отключить, чтобы оно не выводилось, а сразу же скриншот загружался в редакторе. Для этого нажимаем на кнопку Options в этом окне и в появившемся окне выбираем пункт меню Interface Options 1 -> и в поле After Capture Show отмечаем Show Main Form и жмем Accept. Более наглядно смотрите на рисунке:
В редакторе можно добавлять текст и фигуры, обрезать изображение, добавлять полупрозрачные области (к примеру для скрытия второстепенных обьектов, чтобы выделить основной).
Здесь действительно очень много инструментов, позволяющих за считанные секунды подредактировать свой скриншот так как нам нужно и сохранить его или распечатать, или отпавить по e-mail друзьям и знакомым.
Опишу практически универсальный способ копирования. Обычно скрипты и теги, защищающие от копирования, прописаны в заголовке кода страницы или в самом ее начале. Сам текст и картинки, которые нужно скопировать, располагаются где-то в середине исходного кода страницы. В них уже нет тегов, защищающих от копирования. Задача в том, чтобы в исходном коде страницы найти, выделить и скопировать нужный текст и картинки.
Для начала вам надо открыть исходный код страницы.
Для этого в Internet Explorer идем Вид -> Просмотр HTML-кода.
В Firefox надо пройти Инструменты -> Веб-разработка - Исходный код страницы.
В Google Chrome щелкнуть по значку Настройка в правом верхнем углу. Затем выбрать Инструменты -> Просмотреть исходный код.
В Opera щелкните по кнопке Opera в левом верхнем углу экрана и в меню выберите Инструменты разработчика - Просмотреть исходный текст.
Обычно в начале кода страницы идут описания стилей, различные скрипты для защиты от копирования, рекламные ссылки и т.д. Мы все это пропускаем и ищем собственно текст, картинки, т.е. то, что хотим скопировать. В текст будут вкраплены html - теги. Постарайтесь определить начало и конец такого цельного, завершенного фрагмента, который вам нужен. Он начинается тегами div, p, тегами заголовков h1,h2,h3, тегами таблиц table и т.п. Обычно такой текст располагается кучно и его довольно легко определить в исходном коде страницы. Он находится где-то в середине кода.
Но иногда целый абзац текста или даже статья может быть в одной, очень длинной строке. Внимательно просматривайте исходный код, чтобы не пропустить такую строку. Особенно трудно бывает ее увидеть, когда на странице много рекламных вставок. Также затруднительно выделить фрагмент самой статьи, когда в ней мало текста и очень много вставленных картинок.
Выделите мышкой этот фрагмент и скопируйте в буфер обмена (Ctrl + C). Откройте Блокнот и вставьте текст из буфера. При просмотре кода не копируйте рекламные вставки вроде Яндекс.Директ и т.п. Но даже если вы нечаянно скопируете их, в полученном документе они вряд ли будут отображаться, так как выпадают из контекста отображения страницы.
Чтобы текст корректно отображался в браузере, первой строкой впишите тег , а в конце текста впишите закрывающий тег . Сохраните текст в виде файла с расширением htm.
Задача решена. В проводнике щелкните по имени файла и он откроется в вашем браузере по умолчанию. При таком способе открытия Windows иногда некорректно отображает страницу, поэтому лучше в меню браузера выбирать Файл - Открыть файл. В Firefox для этого надо включить Панель меню, если она отключена.
Нужная вам информация будет отображаться на экране, хотя и не так красиво, как на исходной странице. Значит, вам все-таки удалось скопировать страницу на свой компьютер.
Иногда вместо читаемого текста отображаются кракозябры, так как html- файл получился не совсем корректный. В этом случае просто надо поменять кодировку текста. В Firefox, например, в верхнем меню идем Вид - Кодировка текста и выбираем Юникод или иногда более старую - кириллицу (Windows). Другой способ - изменить кодировку принудительно, прописав ее в заголовке файла. Можно попробовать разные кодировки. Для этого в самом начале htm-файла после тега пропишите строки, например, так:
Определить кодировку текста можно в программе Notepad++. Откройте htm-файл в этой программе. Внизу окна в строке состояния будет указана кодировка. Останется прописать ее в теге . Можно поменять кодировку. В верхнем меню выберите Кодировка. В открывшемся списке выберите Преобразовать в нужную кодировку. В строке состояния поменяется кодировка. Сохраните полученный файл.
Если текст отобразился в виде таблицы, но ячейки не выделены линиями, то это тоже нетрудно исправить. В htm - файле найдите тег table и в конце тега допишите border=1 cellspacing=0. Получится примерно так: