Дистрибутив Clonezilla предназначен для создания на резервном накопителе образа установленной операционной системы.

При серьезных “поломках” операционную систему можно восстановить из этого образа до прежнего состояния. Clonezilla умеет работать с широким набором файловых систем (fat, ntfs, ext2, ext3, ext4, ufs, ufs2, reiserfs, jfs, xfs, vmfs) и операционных систем x86 и x86-64 (Windows, Linux, FreeBSD, OpenBSD, NetBSD, Mac OS (Intel)).

Для клонирования не поддерживаемых файловых систем в Clonezilla используется утилита dd в режиме копирования sector-by-sector. Имеется возможность создания из образа операционной системы recovery disk для автоматического восстановления.

Дистрибутив Clonezilla - из мира Open Source, поэтому абсолютно бесплатен. Является аналогом своих более знаменитых собратьев из мира Windows – Norton Ghost и Acronis True Image Home. Два последних продукта – платные (Acronis True Image Home позиционируется производителем как программа для домашнего использования, поэтому имеет 15-дневный испытательный строк и цену где-то в 150 рублей).

Итак, у меня стоит задача – снять образ с установленной Windows XP и создать из него диск автоматической инсталляции хрупкого творения ООО “Microsoft”.

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

Весь процесс создания recovery disk‘а будет разбит на три шага:

  1. скачивание дистрибутива, его запись на болванку и загрузка с Clonezilla LiveCD;
  2. создание образа установленной Windows XP;
  3. создание образа recovery disk’а из заранее созданного образа.

Стоит обратить внимание, что описываемый способ создания образа и восстановления из него подходит только в том случае, когда размер (расположение) диска\раздела остается неизменным. То есть, если создан образ раздела /dev/sda1 размером 19 Gb, то и восстанавливать образ нужно на раздел /dev/sda1 размером 19 Gb. В противном случае могут возникнуть некоторые несоответствия. А именно – Clonezilla не может клонировать (а именно это и делается в этой статье – через создание образа iso) больший диск\раздел на меньший. Но клонировать меньший диск\раздел на больший – да, это ей по силам. О создании такого образа iso можно почитать про настройки режима эксперта.

Шаг первый

  1. Загружаем последнюю версию дистрибутива с официального сайта
  2. Записываем скачанный iso-образ на болванку (Brasero, K3B, wodim – по вкусу)

Шаг второй

  1. Загружаемся с Clonezilla LiveCD. При запуске появляется основное меню дистрибутива с вариантами запуска программы:

Загрузочное меню Clonezilla

Первые три варианта – запуск Clonezilla c поддержкой framebuffer’а ncurces. Варианты различаются только желаемым разрешением монитора.

Четвертый вариант – программа целиком загружается в оперативную память (RAM), освобождая CD/DVD-привод. Диск можно вытащить и использовать для других целей (например, запись на болванку из-под Clonezilla).

Идет загрузка и запуск Linux-системы, как обычно:

Загрузка Clonezilla

Затем окно выбора языка и кодировки консоли LiveCD:

Выбор языка Clonezilla

И окно выбора раскладки клавиатуры. Я выбрал вариант по умолчанию – “Don’t touch keymap” (“Не трогать раскладку”). Проблем с “клавой” во время работы в LiveCD не заметил:

Раскладка клавиатуры Clonezilla

  1. Окно выбора варианта входа в систему. Здесь выдается запрос, что необходимо сделать – перейти в режим пошагового wisard’а создания образа или перейти в bash-оболочку (командная строка) системы. Напомню, что Clonezilla построена на основе Debian Linux (Debian Sid – в частности). То есть, фактически – это урезанный Debian – без X-ов и части консольных программ. Выбираем первую строку и жмем Enter:

Старт дистрибутива Clonezilla

  1. Здесь мы выбираем задачи, которые хотим реализовать в Clonezilla.

Первая строка – device-image – работа с образами диска (раздела). То есть, создание образа диска (раздела диска), восстановление диска (раздела диска) из образа.

Вторая строка – device-device – работа напрямую с дисками (разделами дисков). То есть, копирование\перемещение дисков (разделов) с одного на другой.

Мы будем работать с образами дисков, поэтому выбираем первую строку – device-image:

Clonezilla - работа с образами диска

  1. В этом окне выбираем режим работы:
  • local_dev – работа с локальными жесткими дисками (то есть, с винчестерами, что стоят внутри компа);
  • ssh_server, samba_server, nfs_server – варианты работы с удаленными жесткими дисками по сети (то есть, с винчестерами, которые находятся не внутри нашего компа, а где-то в другом месте);
  • enter_shell – войти в bash-оболочку и сделать все, что нужно, ручками…
  • skip – не пробовал, сказать ни чего не могу…

В этом окне выбираем опять первую строку – local_dev – работа с локальными жесткими дисками:

Clonezilla - работа с локальными жесткими дисками

  1. После нажатия Enter появится строка, выделенная желтым цветом. В ней говорится, что если мы хотим сохранить создаваемый образ на флешку, то сейчас самое время воткнуть ее, затем подождать 5 секунд и нажать Enter. Система попытается автоматически определить ее и примонтировать в /home/partimag. Флешки такого объема (примерно нужно более 4Gb) у меня нет, поэтому просто снова нажимаю Enter. Система начнет сканировать жесткий диск на наличие разделов на нем:

Clonezilla - сканировать жесткий диск

  1. После сканирования появится окно со списком всех разделов, которые нашла Clonezilla на жестком диске. Здесь система спрашивает, какой раздел мы бы хотели выбрать в качестве целевого, то есть, тот раздел, куда будем сохранять создаваемый образ. Clonezilla примонтирует его в /home/partimag для дальнейшей работы. В качестве “мусорки” у меня служит /dev/sda8 с файловой системой reiserfs. Выбираю его (клавишами-стрелками) и нажимаю Enter:

Выбираем диск Clonezilla

  1. Clonezilla “заглянет” в выбранный мною раздел и предложит выбрать папку (если таковые имеются на этом разделе), куда бы я хотел сохранять создаваемый ею образ. В строке вверху говорится об условии, по которым Clonezilla нашла\выбрала папки на этом разделе. Одно условие – папки должны быть только самого верхнего (top) уровня, то есть, корневые. Также она не предлагает (скрывает) папки, в именах которых имеются пробелы.

Я выбираю специально созданную для хранения образов папку images и нажимаю Enter:

Директория хранения образов Clonezilla

  1. После просьбы программы нажать Enter появляется окно, где можно выбрать режим пошагового wizard’а:
  • упрощенный (Beginner);
  • эксперт (Expert) – можно добавить дополнительные параметры для создаваемого образа.

Выбираю первый вариант – “Beginner” – (для новичка). В принципе, ничего сложного нет:

Режимы работы Clonezilla

  1. Следующее окно – что хотим делать с образом диска:
  • savedisk – сделать образ жесткого диска целиком;
  • saveparts – сделать образ отдельного раздела жесткого диска;
  • restoredisk – восстановить жесткий диск целиком из заранее созданного образа;
  • restoreparts – восстановить отдельный раздел жесткого диска из заранее созданного раздела;
  • recovery-iso-zip – создать загрузочный recovery disk (iso – для создания загрузочного диска, zip – для создания загрузочной флешки) из заранее созданного образа;
  • exit – выйти в bash-оболочку.

У меня еще не создан образ раздела, поэтому выбираю вторую строку – saveparts и нажимаю Enter:

Clonezilla - образ отдельного раздела диска

  1. Система запрашивает имя создаваемого образа и предлагает вариант по умолчанию. Подправляю его немного и нажимаю снова Enter:

Clonezilla - имя создаваемого образа

  1. Clonezilla опять принимается за сканирование жесткого диска на наличие разделов. На этот раз она делает это для выбора раздела-источника, то есть, того раздела, образ которого мы будем создавать:

Clonezilla - сканирование жесткого диска

  1. Снова “выкидывает” окно со списком найденных разделов. У меня Windows XP находится на первом разделе винчестера – /dev/sda1. Поэтому просто выделяю его (клавиша Пробел) и нажимаю Enter:

Clonezilla - список найденных разделов

  1. Система выводит внизу экрана уведомление с показом полной команды, которую она собирается выполнить и просит подтвердить ее нажатием клавиши Enter:

Clonezilla - подтвердить команду

  1. Следует еще одна строка с уведомлением (защита от дурака), куда и какой образ Clonezilla будет размещать\делать. Вводим буковку y и нажимаем Enter:

Старт процесса Clonezilla

  1. Процесс пошел:

Процесс создания образа Clonezilla

  1. По завершении выведет маленькое меню с вопросом – что ей делать дальше:

Выбор дальнейших действий Clonezilla

  • (0) Poweroff – выключить компьютер;
  • (1) Reboot – перезагрузить компьютер;
  • (2) Enter command line prompt – перейти в режим командной строки (bash-оболочка);
  • (3) Start over – вернуться в начало wizard’а.

Так как я сделал только половину дела – создал образ раздела, то мне надо вернуться в начало, чтобы из полученного образа создать iso-образ загрузочного диска. Выбираю 3 и нажимаю Enter.

Шаг третий

В последнем шаге создаем загрузочный iso-образ раздела. После возвращения в начало wizard’а все этапы повторяются вновь в точности так, как они показаны в “Шаге втором”, вплоть до пункта 9. Напомню, что в этом пункте необходимо выбрать задачу, выполняемую над диском (разделом диска), то есть создание образа диска (раздела), восстановление диска (раздела) из образа или создание загрузочного образа диска (флешки).

  1. Выбираю строку recovery-iso-zip – создать загрузочный recovery disk (iso – для создания загрузочного диска, zip – для создания загрузочной флешки):

Clonezilla - создание загрузочного диска

  1. Clonezilla найдет автоматически все уже созданные образы, имеющиеся на примонтированном в /home/partimag разделе. На скрине видно, что у меня их два – образ ArchLinux’а и образ Windows XP. Выбираю последний и нажимаю Enter:

Clonezilla - найти созданные образы

  1. Здесь система спрашивает, какой раздел жесткого диска требуется восстановить:

Clonezilla - раздел жесткого диска для восстановления

  1. Выбрать язык и кодировку консоли Clonezilla LiveCD:

Clonezilla - язык и кодировка консоли

  1. Выбрать раскладку клавиатуры. По умолчанию параметр None имеет значение американской раскладки us. Можно выбрать другую, по пути, подсказанному в шапке окна:

Выбор раскладки клавиатуры Clonezilla

  1. Последнее окно – что мы хотим сделать из образа:
  • iso – создать загрузочный образ для прожига на CD/DVD-болванку;
  • zip – создать загрузочный образ для записи его на флешку;
  • both – создать сразу iso-образ и zip-образ.

Выбираю первую строку – iso – и нажимаю Enter:

Clonezilla - загрузочный образ для прожига

  1. Система выводит на экран полную команду, которую она собирается выполнить и просит нашего подтверждения. Нажимаю Enter:

Clonezilla - подтверждение выполнения команды

  1. Clonezilla копирует файлы образа в рабочую директорию и подсчитывает размер iso-образа, который должен получиться. Если iso-образ больше по объему, чем CD или DVD-болванка, программа заботливо сообщает об этом и просит подтвердить выбор, если мы знаем, что делаем:

Подтверждение действий Clonezilla

  1. Я буду создавать образ размером с DVD-болванку (а программа предупреждает о слишком большом размере для CD-болванки), поэтому даю утвердительный ответ. Процесс пошел:

Процесс создания iso-образа в Clonezilla

  1. По окончании процесса Clonezilla опять выведет меню с выбором дальнейших действий. Выбираю 1 для перезагрузки. Дальше полученный образ можно записать на болванку в любой программе для записи. Диск аварийного восстановления Windows XP готов:

Процесс Clonezilla завершен

P.S.

  1. Clonezilla не умеет разделять полученный образ на несколько частей, если размер образа больше размера болванки CD или DVD.

  2. При создании мануальчика столкнулся со следующей проблемой – снятие скриншотов в консоли Clonezilla. Консольных утилит для снятия скриншотов (fbgrab, fbshot, fbdump, fbcat или что-либо подобное) в дистрибутиве я не нашел. Решил задачу в скачивании deb-пакета fbgrab и его установки через dpkg (хоть это есть в Clonezilla). С вопросом по поводу данного неудобства обратился на форум Clonezilla:

I have a question. How can I make screenshots, when I start Clonezilla? I need such screens for me. I can’t find such applications as fbgrab or fbshot in Clonezilla. And I never take screenshots in pure console (only X). Please, help me.

На что мною был получен ответ:

Thanks for this idea. fbgrab was added to Clonezilla live 1.2.4-14, and it’s available in testing branch. Please give it a try. Steven

На этом все.


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

Казалось бы, все, сайт пропал бесследно, как в воду канул. Но, в те далекие времена у меня хватило благоразумия делать регулярные резервные копии сайта, благо, под WordPress имеются несколько плагинов для этой цели. Удобных и относящихся к разряду “must have”.

Одним из них я и воспользовался. Названия этого плагина уже не помню. Но результатом его работы была заархивированная резервная копия базы данных сайта, которую плагин отправлял на мой почтовый ящик в качестве вложения в письмо. Файл-вложение имел примерный вид cifero_wrdp1_wp_20100225_594.sql.gz. Из расширения этого файла видно, что это архивированная (о чем говорит расширение .gz) база данных (расширение .sql). Цифры 20100225 - это дата, когда было выполнено резервное архивирование - 25 февраля 2010 года, а cifero - это домен, на котором когда-то располагался данный сайт.

Порывшись в старых письмах на почтовом ящике, я выбрал самую последнюю по дате резервную копию. Раз она самая последняя, значит эта копия должна быть самой полной перед тем моментом, когда сайт перестал существовать. Затем скачал эту копию на свой локальный компьютер и стал думать, что же мне с нею делать? Как с помощью этой копии восстановить сайт на своем компьютере?

Первыми моими шагами были следующие. Резервную копию предполагалось развернуть на локальном сервере. Наиболее известным в этом плане является пакет Denwer. Поэтому он был скачан и установлен на локальную систему. Сам процесс установки Denwer в данной статье я описывать не буду, так как в Интернет имеется достаточное количество хороших материалов на эту тему.

В мою задачу входит восстановление статей, которые были когда-то размещены на этом сайте. С точки зрения полноценного восстановления сайта способ, описанный здесь, является незаконченным, так как сам сайт (его front-end, в частности) восстановлен не был, что привело к так называемому “белому экрану смерти”. Стоит также оговориться, что, возможно, существуют команды sql и правки резервной копии базы данных, с помощью которых можно “напрямую” восстановить статьи, не заморачиваясь с phpMyAdmin и WordPress. Но для автора такие команды неизвестны, а способ, приведенный ниже, является более наглядным и простым.

Мною был скачана свежая версия CMS WordPress - 3.5. Но только скачана - не установлена. Данный шаг будет в дальнейшей последовательности действий самым последним.

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

  1. Запускаю локальный сервер Denwer. Это можно сделать разными способами, но если установка происходила в точности по инструкциям самого пакета, то на Рабочем столе должны быть три ярлычка - “Start Denwer”, “Restart Denwer”, “Stop Denwer” - которые запускают, перезапускают или останавливают Denwer. Я такими ярлычками и воспользовался, щелкнув мышью на ярлыке “Start Denwer”. На несколько секунд мелькнет и пропадет окно терминала, а в панели задач появится значок Denwer’а, говорящий о том, что локальный сервер запустился и готов к работе:

Локальный сервер Denwer

  1. Вторым шагом мне необходим доступ к базам данных локального сервера. В состав пакета Denwer входит графическое приложение phpMyAdmin, с помощью которого очень удобно работать с базами данных MySQL. Иногда в Интернет встречается сокращенное название этого приложения - pma. Так как сервер уже запущен, то я захожу в панель управления базами, набрав к адресной строке браузера (любого - это дело вкуса и дела совсем не меняет) - http://localhost/tools/phpmyadmin/. Откроется окно phpMyAdmin, в левой половине которого будет список уже имеющихся баз данных, созданных во время инсталляции локального сервера:

Список баз данных в phpMyAdmin

  1. Теперь необходимо создать новую базу данных, в которой и будет развернуты резервные копии таблиц сайта cifero.ru. Стоит заранее оговориться, что база данных будет в нашем случае создана пустой, таблиц в ней не будет. Последние будут взяты из backup’а. Итак, перехожу на вкладку “Базы данных” и создаю новую, введя в поле нужное мне имя - cifero. На самом деле имя может быть любым. Нажимаю кнопку “Создать”. База данных cifero появляется в списке:

Созданная база данных cifero

  1. Перед импортом резервной копии базы данных необходимо отметить один момент. Доменное имя, на котором находился когда-то сайт, нужно поменять. Ведь в таблицах резервной копии везде прописана ссылка на http://cifero.ru, а в нашем случае копия будет восстанавливаться на домене cifero.lc. Также в таблицах необходимо исправить имя базы данных - она также изменилась и теперь называется cifero. Можно также изменить и пароль пользователя, но проще это сделать уже потом, после импорта в phpMyAdmin.

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

Итак, в первую очередь, распаковываю резервную копию cifero_wrdp1_wp_20100225_594.sql.gz. В результате получился файл довольно приличного размера - около 4Мб. По своей сути он представляет из себя обычный текстовый файл, который можно и нужно открыть в любом редакторе.

  1. Запускаю его в AkelPad и начинаю правку. Нахожу строчку Database: cifero_wrdp1 (она находится в самом начале файла, тут проблем не возникает) и меняю ее значение на Database: cifero. Все - имя базы данных исправлено. Теперь необходимо найти все ссылки вида http://www.cifero.ru/, http://cifero.ru и заменить их на http://cifero.lc. Для этого воспользуюсь автоматизированным инструментом поиска и замены в редакторе AkelPad, иначе вручную эта операция может занять неизвестно сколько времени:

Правка резервной копии сайта

Сохраняю измененный файл и закрываю его. Стоит также упомянуть еще один момент. При редактировании файла можно заметить многочисленные ссылки, указывающие на плагины, которые когда то были установлены в WordPress на сайте cifero.ru. Но в версии WordPress, которую я буду устанавливать на локальном хостинге Denwer, их не будет. Этот факт приведет к эффекту так называемого “белого экрана смерти” в WordPress. То есть, при вводе в адресной строке браузера http:/cifero.lc/ страница откроется, но изображено на ней ничего не будет - она будет пуста, как чистый лист бумаги. Но для меня данный факт не является критичным. В мою задачу, как уже говорилось ранее, входит восстановление статей, но не самого сайта.

Теперь можно импортировать таблицы в созданную пустую базу данных cifero.

  1. Захожу в эту базу данных (для этого достаточно кликнуть одинарным щелчком мыши на самом названии этой базы в списке) и вижу, что она действительно пустая, о чем говорит надпись “Таблиц в базе данных не обнаружено”. Но я их и не собираюсь создавать - они у меня уже есть, только в резервной копии. Мне нужно только их импортировать из ранее скачанного backup‘а в базу данных cifero. Для этого перехожу на вкладку “Импорт” и выбираю файлик cifero_wrdp1_wp_20100225_594.sql:

Импорт базы данных cifero

Нажимаю кнопку ОК в самом низу окна. Начнется процесс импорта. И тут же возникает ошибка:

Импорт в базу данных успешно завершен

Это говорит о том, что в настройках Denwer имеется ограничение по размеру загружаемого файла, моем случае это cifero_wrdp1_wp_20100225_594.sql. Основной файл настроек Denwer’а - php.ini, а параметр, отвечающий за размер загружаемого файла - upload_max_filesize.

Расположение файла php.ini я не знаю (а если и знал, то забыл), поэтому проще всего найти его с помощью инструмента поиска TotalCommander:

Ищем файл php.ini

Перехожу к найденному php.ini с помощью кнопки “Перейти к файлу” и открываю его в текстового редакторе (может быть любым, но лучше специализированный - Notepad++ или AkelPad). Теперь необходимо найти параметр upload_max_filesize. Для этого опять воспользуюсь инструментом поиска, но уже текстового редактора (у меня это AkelPad):

Находим параметр upload_max_filesize

Вижу, что значение по умолчанию для этого параметра равно 2Мб. Мой распакованный файл резервной копии sql имеет размер 3,88Мб. Поэтому меняю параметр upload_max_filesize на 8Мб (с запасом). Сохраняю изменения в файле php.ini и обязательно не забываю перезапустить Denwer, чтобы изменения вступили в силу.

Снова пробую импортировать таблицы в базу данных cifero. На этот раз операция проходит успешно:

Успешный импорт таблиц в базу данных

Осталась последняя операция с таблицами в базе данных. Так как ни имени пользователя, ни пароля к нему я не помню (давно уже это было), то необходимо изменить хотя бы пароль для входа в административную часть сайта. Открываю в phpMyAdmin базу данных cifero (если она еще не открыта) и в левом списке нахожу таблицу wp_users. Открываю ее и вижу одну единственную строку, в которой прописана учетная запись в WordPress, под которой я размещал статьи.

Нажимаю на ссылку “Изменить” для входа в редактирование учетной записи. Появится небольшая табличка с десятью строками. Мне необходима строка user_pass. В столбце “Функция” из раскрывающегося списка выбираю алгоритм шифрования MD5. В поле столбца “Значение” прописан предыдущий пароль в зашифрованном виде. Очищаю это поле и ввожу туда новый пароль, пусть это будет 123:

Изменяем пароль пользователя WordPress

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

  1. Половина дела сделана. Теперь осталось только установить саму систему управления контентом WordPress. При установке созданная мною база данных подключится к этой CMS.

Открываю файловый менеджер (для меня удобнее всего работать с Total Commander), перехожу на локальный диск Z, созданный и запущенный программой Denwer. В Total Commander последовательно создаю директории для будущей локальной копии сайта cifero. Сперва создаю директорию homecifero.lc, затем еще одну вложенную директорию homecifero.lc\www.

Распаковываю скачанный WordPress версии 3.5 по пути z\:homecifero.lc\www. Проще всего это сделать таким образом. Открыть архив в WordPress в другой панели Total Commander, выделить все содержимое архива Ctrl+A и перетащить выделенные файлы мышью в противоположную панель Total Commander. Программа спросит, распаковывать ли такие-то файлы в указанное место. Соглашаюсь и через пару секунд разархивация и копирование будут выполнены:

Распаковка WordPress на Denwer

  1. Перезапускаю Denwer с помощью ярлыка “Restart Denwer” на “Рабочем столе”. Это необходимо для того, чтобы все изменения, внесенные мною - создание базы данных cifero и импорт в нее таблиц - вступили в силу.

  2. Остается только установить саму систему управления контентом WordPress. Процесс инсталляции стандартный и мало отличается от предыдущих версий WordPress, разве что немного изменился сам интерфейс пошагового мастера и стал удобнее. В адресной строке браузера ввожу http://cifero.lc и жму Enter. Установка WordPress начата:

Установка WordPress - шаг первый

Соглашаюсь с пошаговым мастером и нажимаю кнопку “Создать файл настроек”. После успешного создания файла настроек wp-config.php откроется окно, которое является вторым шагом при установке WordPress. Оно не требует ввода каких-либо данных. Просто жму кнопку Вперед.

Третье окно является, если так можно сказать, самым главным, так как здесь необходимо ввести такую важную информацию, как имя базы данных, которая будет подключена к устанавливаемой системе WordPress, имя пользователя (и его пароль) указанной базы данных. В моем случае я не стал усложнять задачу и создавать отдельного пользователя для базы данных cifero. Воспользовался учетной записью root, созданной пакетом Denwer по умолчанию. Так как для этой учетной записи не установлен пароль, то в поле ввода “Пароль” просто стер предыдущее значение и оставил его пустым:

Подключение базы данных к WordPress

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

Жму отправить. Мастер установки отрапортует, что все в порядке, указанные мною данные верны и существующая база данных cifero успешно подключена. Можно запускать установку WordPress. Нажимаю кнопку “Запустить установку”.

В браузере появиться сообщение о том, что: “Вы уже установили WordPress. Для переустановки, пожалуйста, сначала очистите старые таблицы в базе данных”. Нажимаю на кнопку Войти. Откроется обычное окно для входа в административную панель WordPress. Ввожу логин пользователя - gughai, и пароль (который я изменил) - 123.

Откроется еще одно окно с предупреждением о том, что необходимо обновить базы данных:

Обновление базы данных

Соглашаюсь с предложением. После сообщения о том, что: “База данных WordPress успешно обновлена!” жму кнопочку Продолжить.

Откроется панель администратора WordPress. Красным будет ярко высвечена надпись о том, что: “ОШИБКА: Директория тем либо пуста, либо не существует. Убедитесь, что дистрибутив установлен полностью”. Что же, данный факт, помимо отсутствия плагинов, будет причиной белого экрана сайта.

Перехожу в пункт меню “Записи” и вижу то, ради чего все и затевалось - записи, записи, записи. Вверху шапка сайта с таким романтическим названием:

Восстановленные записи

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

На этом все.


Иногда при верстке макета возникает задача повернуть какой-либо объект на 90 или 180 градусов. В программе Photoshop это выполняется с помощью инструмента “Image Rotation”.

Допустим, у нас имеется такое изображение:

Пример изображения-оригинала

Необходимо повернуть его на 180 градусов против часовой стрелки.

Для этого переходим в меню “Image - Image Rotation” и выбираем нужный угол и направление поворота:

Поворот изображения по часовой стрелке

В результате получаем:

Изображение, повернутое на 180 градусов

Изображение было развернуто на 180 градусов против часовой стрелки.

На этом все.


При верстке макета сайта одним из наиболее важных моментов является точное измерение размеров элементов на psd-шаблоне.

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

Об одном из инструментов измерения размеров на psd-шаблоне я уже рассказывал. Но программа Photoshop очень богата возможностями. Поэтому этот способ не является единственным. Сегодня будет показан еще один способ измерения размеров - с помощью инструмента “Rectangular Marquee Tool”.

Допустим, у нас имеется некий psd-макет, который необходимо порезать в Photoshop. И на этом макете нам необходимо узнать высоту шапки будущего сайта, то есть там, где располагается логотип. Открываем psd-шаблон, масштабируем его, чтобы шапка макета была крупной и нам было удобно с ней работать.

Затем переводим взгляд на панель инструментов Photoshop и на ней выбираем щелком мыши инструмент “Rectangular Marquee Tool”:

Marquee Tool

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

Проверяем, что все так, как и было задумано:

Selected Element

Большая часть дела уже была сделана. Теперь осталось узнать размеры выделенной области.

Для этого необходимо, чтобы была активирована панель “Инфо”. Если ее нет, необходимо включить ее через меню “Window - Info”. На этой панели в правом нижнем разделе показываются геометрические размеры выделенного элемента (W - ширина, H - высота):

Element Size

Все размеры указаны в пикселах.


В Интернете существует (на момент написания статьи) мало материалов с примерами как нарезать макет в Photoshop. Для новичков-верстальщиков этот факт является камнем преткновения.

И хотя на форумах, посвященных web-дизайну, много говориться о том, что … да там все просто - нечего учитьcite>, … в сети полно информации по этому вопросуcite>, но на самом деле это не совсем так. Я могу судить об этом по самом себе. Мне потребовалось немало времени, чтобы самому разобраться и докопаться до процесса нарезки.

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

Итак, у нас имеется psd-макет, созданный неким “гением” web-дизайна:

Макет сайта

Как и положено, макет представлен в формате psd (в исходном коде) со всеми слоями так, как нарисовал его дизайнер.

Нам необходимо вырезать логотип будущего сайта. В данном случае это красивая цветастая напись POLO360. Видим, что логотип состоит из двух текстов - самого POLO360 и нижней строки “My kind of business blog”. Также имеется некое графическое изображение (слева от надписи), которое также является частью логотипа. В сумме все эти объекты являются одним целым и представляют логотип сайта.

Вот нам и предстоит задача вырезать его. Первым и самым трудным делом является нахождение всех слоев, отвечающих за прорисовку логотипа. Для этого нужно выбрать инструмент “Move Tool (V)”. В панели инструментов Photoshop необходимо проверить, что стоит галочка в разделе “Auto - Select”:

Auto Select Photoshop

Это необходимо для того, чтобы при выделении объекта на макете в Палитре слоев автоматически выделились все слои, отвечающие за отрисовку данного объекта. Другими словами - так проще искать нужные слои при нарезке.

Теперь начинается самое интересное. Если дизайнер человек ответственный и пунктуальный, то перед передачей макета на верстку он рассортирует все слои по папкам. Каждая из папок будет однозначно указывать и содержать в себе все слои, отвечающие за отрисовку только одного объекта. И жизнь верстальщика значительно упрощается.

Но такое бывает редко и слои разбросаны по палитре как попало. нам необходимо методом “научного тыка” найти нужные нам.

Для этого открываем (если еще не открыли) Палитру слоев и пробуем отключать или включать отображение слоя, щелкая мышью на значке “глаза” слева от названия слоя. Тем самым, мы проверяем, входит ли этот слой в состав нужного объекта или нет. Как только находим нужный слой, то отмечаем его цветом, чтобы потом не потерять.

Когда все слои найдены, картина в “Палитре слоев” будет примерно такой:

Selected Layers

Теперь объединяем отмеченные нами слои. Для этого держим зажатой клавишу Ctrlkbd> и выделяем каждый из слоев одинарным щелчком мыши. Получаем следующую картину:

Выделенные слои

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

Merge Layers

Видим такую картину:

Объединенный слой

Несколько слоев слились в один. Все, теперь мы готовы к нарезке.

Выбираем в панели инструментов “Rectangular Marquee Tool(M)” и обводим логотип произвольным прямоугольником:

Выделенный логотип

Теперь копируем выделенную нами область - нажимаем на клавиатуре комбинацию клавиш Ctrl+C.

Создаем в Photoshop новый документ - нажимаем Ctrl+N. Откроется новая вкладка с диалоговым окном настройки создаваемого документа:

Photoshop - создание нового документа

Здесь самым важным является поле “Preset”. В его значении должно стоять “Clipboard (Буфер обмена)”. Если все было сделано правильно, то Photoshop автоматически создаст новый документ с размерами той области, которую мы скопировали. Размеры программа возмет из “Буфера обмена”, куда была помещена выделенная нами область. Остальные параметры для нас неважны. Нажимаем ОК.

Появится новая вкладка, но пока еще пустая. Точнее, в ней уже будет создан документ с указанными в диалоговом окне размерами. Но ничего, кроме белого фонового изображения, этот документ содержать не будет:

Photoshop - новый документ почти создан

Нам осталось вставить в этот документ выделенную область, которая все еще находится в “Буфере обмена”. Для этого нажимаем на клавиатуре Ctrl+V. Результат:

Вставленная в новый документ область

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

Однако, белый фон остался. А он нам совсем не нужен. Это делается очень просто. Переводим взгляд на “Палитру слоев”” и видим там всего два слоя: “Layer 1” и “Background”. Слой “Layer 1” - это вставленная нами область, а “Background” - фоновое изображение. Щелкаем мышью на значке “глазика” напротив слоя “Background”:

Отключенный фоновый слой

Само изображение в окне Photoshop изменилось - вместо белого фона появилась шахматная “доска”. Это говорит о том, что фоновый слой у нас теперь прозрачный.

Теперь нам осталось только сохранить отредактированное изображение. Переходим в меню “File - Save for Web”:

Сохранение для Web

Здесь нам нужны два поля.

Верхнее - для выбора формата сохраняемого файла. В Интернете имеются подробные описания, как выбрать нужный формат. На самом деле все просто. Формат GIF имеет поддержку прозрачного фона, но не имеет поддержки передачи градиентов. Формат JPEG наоборот, хорошо передает плавные переходы цветов (градиент), но у него отсутствует прозрачный фон. Формат PNG-8 очень похож на GIF, только имеет лучший алгоритм сжатия. Формат PNG-24 имеет как поддержку градиентов, так и прозрачный фон (по другому называется - прозрачные пиксели). В нашем случае нам нужен как градиент, так и прозрачный фон, поэтому выбор однозначен - PNG-24.

Нижнее поле важно для контроля размера выходного файла. Photoshop автоматически подсчитывает размер, который получится, если сохранить файл в выбранном формате. В нашем случае это будет составлять 6Kb, что абсолютно приемлемо.

Все, сохраняем файл с выбранными настройками и задаем ему имя - logo.png.

На этом обзор примера нарезки макета в программе Photoshop заканчиваю. Думаю, он был достаточно полным и понятным.