Создание вирусной открытки

СОЗДАНИЕ ВИРУСНОЙ ОТКРЫТКИ. ВСЕ СЕКРЕТНЫЕ ФИШКИ БЕСПЛАТНО В ОДНОМ МЕСТЕ.

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

* Создать папку на хостинге для Ваших будущих открыток. Подготовить папку для новой открытки на компьютере, именно в этой папке и будет храниться открытка, которую Вы сегодня создадите. Подготовить стихи, фоновое изображение и просто картинки для вставки непосредственно в основной лист Вашей открытки. Подготовить музыку.  Подробная информация обо всем этом ждет Вас ЗДЕСЬ и ЗДЕСЬ.

* Подготовить ударный файл, в котором предварительно сохранить: заголовок  и описание для Вашей музыкальной открытки, скрипты для запрета копирования и просмотра исходного кода страницы, фавикон для Вашей открытки, код социальных кнопок, копирайт. Подробнее обо всем этом я писала для Вас ВОТ ЭТУ статью.

* Приготовить рамку для Вашей открытки, или же, скажем так, если не хотите возиться с её созданием, взять готовую. Статья на эту тему ждет Вас ЗДЕСЬ.

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

Откройте программу NVU (если вы её еще не скачали и не установили, установочный файл программы можно взять ЗДЕСЬ). Затем откройте для дальнейшего редактирования файл index с рамкой, который, я надеюсь, Вы создали про прошлому уроку.

Чтобы открыть этот файл нажмите на панели управления кнопку Открыть. Затем во всплывшем окне выберите файл index у себя на компьютере и нажмите уже во всплывшем окне кнопку Открыть.

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

Перейдите во вкладку Код и вставьте код скриптов запрета копирования и просмотра исходного кода сразу после тега <head>.

Затем, если Вы создали фавикон, Вам нужно вставить код для его отображения. Этот код также вставляется сразу после тега <head> и взять Вы его можете ЗДЕСЬ. Надеюсь, Вы сделали все правильно и сохранили изображение фавикона с названием favicon.ico в папку img.

Вставьте рамку, как создавать рамку я рассказывала Вам в этой статье.

Спуститесь вниз и вставьте код социальных кнопок для вирусной открытки (взять готовый код можно ЗДЕСЬ) перед первым закрывающим  тегом </td>. Сразу после кода кнопок пропишите тег <br>, тем самым Вы вставите дополнительную пустую строчку до нижней полоски рамки.

После тега <br> пропишите копирайт, пример копирайта можно посмотреть ЗДЕСЬ.  Сразу после текста Вашего копирайта опять таки поставьте два тега <br> (назначение тега такое же, как и в первом случае).

Сразу давайте сделаем Вашу  поздравительную открытку музыкальной. Вы ведьподготовили плеер с автоматически запускающейся музыкой для Вашей открытки?

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

Ни в коем случае не навязываю свое мнение, Вы при желании можете вставить плеер в любую часть страницы. Для этого просто напишите текст «ПЛЕЕР», перейдите во вкладкукод, найдите там этот текст и вместо него вставьте готовый код плеера.

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

Как я уже говорила ранее, у Вашей открытки обязательно должны быть заголовок и описание.

Давайте пропишем эти данные. Перейдите во вкладку Обычный и щелкните мышкой в рамке рядом с надписью Ваш текст. Затем в верхнем меню Формат выберите в выпадающем списке пункт Заголовок и свойства страницы.

Дайте название Вашей открытке . В описании можете, например, написать отрывок стихотворения. Этот ход даст Вам плюс при публикации Ваших музыкальных открыток в соц. сетях ( они будут красиво отображаться в ленте)

После внесения данных нажмите кнопку ОК для сохранения внесенных изменений.

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

Чтобы Ваша открытка приобрела фон выберите в верхнем меню Формат в выпадающем списке пункт Цвета и фон страницы…

А затем во всплывшем окне, нажав кнопку Выбрать файл, выберите заранее подготовленное изображение. После его выбора и нажатия кнопки ОК оно вставится и распределится по всей странице.

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

Поставьте пробел перед текстом «ВАШ ТЕКСТ» и нажмите клавишу Enter. Сделать это нужно для того, чтобы у Вас в самом верху листа образовалась пустая строка и Вы смогли начать формировать содержание своей вирусной открытки путем вставки изображений.

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

Чтобы этот код «не повредить» мы и устанавливаем его одним из первых, а затем отделяем от содержания листа открытки текстом «ВАШ ТЕКСТ».

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

Для вставки изображений используйте кнопку Изображение. Во всплывшем окне с помощью кнопки Выбрать файл Вы будете выбирать изображения у себя на компьютере в папке img.

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

Во вкладке Размеры Вы можете задать нужный (например, меньший) размер для Вашего изображения, если это потребуется.

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

Если Вы решите писать текст открытки непосредственно в программе NVU, а не подготавливать заранее в виде картинок для дальнейшей вставки, как я рассказывалаЗДЕСЬ, Вам стоит отметить для себя и запомнить несколько важных моментов по работе с текстом.

Настроек по работе с текстом, конечно очень много, но я хочу обратить Ваше внимание на основные. Опорной точкой для себя возьмите текст «ВАШ ТЕКСТ», который встроен  в код рамки по умолчанию. Если решите его не использовать — просто удалите.

Запомните, для того, чтобы производить какие-либо изменения с текстом прежде всего его необходимо выделить. Затем все свое внимание переключите на панель настроек текста.

Выделив текст, Вы можете настроить: 1- цвет текста, 2 — размер, 3 — вид шрифта, 4 — выравнивание.

Для изменения типа шрифта Вам потребуется в меню Формат выбрать пункт Шрифт.

Возьмите себе за правило, для удобства вставки изображений (помимо, разумеется, фоновых) давать им названия izobragenie_1,  izobragenie_2, izobragenie_3 … izobragenie_10 и т.д.

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

У меня на рабочем столе создана папка drugu, в ней создана папка для изображенийimg. Есть favicon.ico изображение, изображения для рамки, фоновое изображение и еще несколько изображений под номерами для удобства формирования картинки. Ничего лишнего/

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

Если Вы последовательно выполнили все действия, могу Вас поздравить с созданием поздравительной вирусной открытки. Осталось несколько штрихов. Программу NVU можете закрыть, более она Вам не понадобится.

Зайдите на уже знакомый Вам сервис транслитерации. Придумайте название для своего нового творения. В нашем примере это открытка для друга, так почему бы её не назвать «музыкальная открытка дорогому другу»?

Введите название. Обратите внимание*: название пишется с маленькой буквы, вместо пробела ставится нижний прочерк (зажимаете на клавиатуре клавишу Shift и одновременно прочерк, находящийся рядом с клавишей Backspace, получается _ )? мягкий знак в названии не пишется.

Чтобы перевести русский текст в латиницу нажмите кнопку Б-В.

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

Для того, чтобы загрузить созданную Вами вирусную открытку на хостинг Вам необходимо папку с её содержимым(в нашем случае это папка drugu) заархивировать, если быть более точной создать zip архив.

Для архивации я использую программу winRAR( скачать для 32-системы здесь, скачать для 64-системы здесь, скачать ключ здесь, скачать инструкцию по активации здесь).

После установки и активации программы щелкните по папке с открыткой, которую Вам необходимо заархивировать, правой кнопки мыши и в выпадающем меню выберите пунктДобавить в архив…

Обязательно выберите формат архива ZIP и нажмите кнопку ОК для архивации.

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

До скорой встречи.