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

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

          Процесс создания баннера начинается с рисования картинки. Если Вам нуженстатический баннер, то достаточно одной картинки, если Вам нравится анимированный баннер, то рисуется столько картинок, сколько нужно для качественного процесса анимации. Если у Вас возникают трудности с работой в программе фотошоп, можно воспользоваться более простой программой онлайн сервиса «Photoeditoronline»  (рисунок 1, ). Является он сильно упрощенным вариантом фотошопа, но иногда для создания простой картинки вполне достаточен. Для входа достаточно нажать название сервиса«Photo editor online».

Рисунок 1. Верхняя панель онлайн сервиса «Photo editor online»

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

Рисунок 2. Окно функциональных кнопок онлайн сервиса «Photo editor online»

          В интернете полно ресурсов, рассматривающих создание и описание баннера в виде кода. Среди них можно привести, например, bloguspeh.ru, Banner Fans,  MyBannerMaker, dabuttonfactory.com, all-gif.narod.ru/baner.htm, danilidi.ru, odnaknopka.ru. Создание своей картинки с анимацией (gif файл) довольно простым и понятным методом в редактореFastStone подробно представлено в материале Эдуарда Питерцева. Там же он рассказывает и о самом редакторе FastStone. Простой способ создания баннера представляет в своих видеоуроках Сергей Медведев. Процесс написания кода подробно рассматривается на ресурсе  Марии Риш.

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

Создание картинки

          Создаем картинку с использованием онлайн сервис «Photo editor online». Разобраться там легко прямо в самом сервисе. Если есть хотя бы первоначальные общие навыки по работе в программе фотошоп, конечно лучше использовать ее. Там намного больше возможностей для выражения Вашей индивидуальной задумки.

Получение URL места, где лежит картинка

          Созданную и сохраненную у себя на компьюторе картинку, загружаем к себе на сайт. Для этого заходим в админ панель сайта на движке WordPress, в консоли находим«Медиафайлы» à «Добавить новый» и нажимаем «Добавить новый» (рисунок 3).

Рисунок 3. Консоль сайта

В открывшемся окне (рисунок 4) нажимаем кнопку «Выберите файл». Выбираем файл с созданной и сохраненной у себя на компьюторе картинкой. В окошке (рисунок 5) появляется название выбранной картинки. Нажимаем активирующуюся при нажатии кнопку «Загрузить» и открывается окно «Библиотека файлов» (рисунок 6).

Рисунок 4. Окно выбора нового медиафайла

Рисунок 5. Окошко загрузки нового медиафайла

Рисунок 6. Окно «Библиотека файлов»

Далее щелкаем по картинке нашего файла – открывается окно «Изменить медиафайл»(рисунок 7). В этом окне видим ссылку на  файл с нашей картинкой.

Рисунок 7. Окно «Изменить медиафайл с требуемой ссылкой на нашу картинку

Создание кода баннера

          Сразу скажу, что не советую новичкам создавать код самим, например, как показано на ресурсе Марии Риш. Дело это тонкое, требует внимательности и определенных навыков. Процентов 99, что у Вас не скоро получится. В конце концов, наша цель – зарабатывать деньги, а не изучать язык HTML. Поэтому, заходим на замечательный сервисhttp://webanet.ucoz.ru/index/0-14, нажимаем «Генератор HTMLкода баннеров и кнопок» и заполняем поля в окне (рисунок 8).

Рисунок 8. Окно генератора HTML кода баннеров и кнопок сервиса WEB.A.NET

Ввод данных обычно затруднений не вызывает. Единственное, в поля «Ширина и высота баннера» значения нужно вводить в пикселях. После заполнения полей нажимаем кнопку«Сгенерировать код» и в окошке «Скопируйте готовый код из этой формы» получаем готовый код для вставки в наш сайт бар. Еще раз напомню, что процесс размещения баннера (вставки кода) подробно приведен в статье «Размещение баннера».  В этом окне видим ссылку на  файл с нашей картинкой. После вставки кода в нашем сайт баре видим, например, такую картинку (рисунок 9). При нажатии на картинку, открывается страница подписки на бесплатную книгу «Сайт сам создам». Попробуйте! В то же время можно не нажимая на картинку ввести свои имя и E-mail в форму внизу и получить бесплатную книгу, нажав на кнопку «Получить». Попробуйте!

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

ЧИТАТЬ ДАЛЕЕ...

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

но я не знаю, где найти описание.
тогда я
1. сохраняю картинку на своем компьютере (навести мышь на картинку, щелкнуть правой кнопкой мышки, выбрать "сохранить изображение как..." выбрать папку для сохранения, нажать "сохранить" в окне выбора папки).
2. Захожу на www.google.ru/imghp
3. навожу мышку на значок фотоаппарат (подпись "поиск по картинке" )
4. выбираю "загрузить файл".
5. нажимаю "обзор"
6. нахожу картинку на своем компьютере.
7 нажимаю "открыть".
8. просматриваю результат поиска и нахожу нужный мне материал.
http://www.baby.ru/blogs/post/11436473/
В 90% из ста это получается.

Защита текста от копирования.

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

Для сайтов, расположенных на вордпресс достаточно надежным способом защиты текста от копированияявляется плагин invitext. Действие плагина основано на том, что в текст добавляются невидимые знаки, которые будут сигнализировать об авторе текста и о сайте владельце. Эти невидимые знаки будут проставляться в авторский текст автоматически. На сайте текст будет выглядеть совершенно обычно. Текст можно будет скопировать без проблем. А вот вставится он с защитными знаками, которые похититель контента на своем сайте не заметит. На мой взгляд это достаточно надежный способ защиты сайта на вордпресс от копирования. Намного надежнее, чем ставить запрет на правую кнопку мыши.

Скачать плагин invitext с  depositfiles

 Но есть еще один способ, который повысит шансы защиты текста от копирования практически на любом сайте, И неважно на какой CMS сайт сделан.  Это сервисhttp://odnaknopka.ru который по большей части предназначен для добавления страниц в социальные сети. Но кроме социальных сетей там есть функция добавить сайт в закладкиGOOGLE. Аккаунт в GOOGLE у вас уже должен быть. Когда вы добавляете страницу в закладки, то там фиксируется дата и время добавления. Добавлять страницу в закладки нужно сразу, как только вы ее опубликовали на сайте. Тем самым при необходимости вы сможете доказать, что автором статьи являетесь именно вы. На моем сайте эта кнопка закладок расположена в левом сайдбаре под котиком.

Добавить сайт в закладки Яндекса, такая функция тоже предусмотрена на сервисе http://odnaknopka.ru, Добавляя сайт в закладки Яндекса одновременно добавьте сайт в закладки на Я.ру  В закладках Яндекса есть такая функция, для этого нужно просто поставить галочку напротив пункта "Добавить на Я.ру. Сервис Я.ру - это тоже один из сервисов Яндекса и  когда вы добавляете свой сайт на Я.ру шансы, что ваш сайт быстрее проиндексируется увеличиваются.

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

Всем привет! Дорогие друзья, сегодня я хочу затронуть сразу несколько тем: оптимизация картинок, сжатие изображений, увеличение трафика на блог, увеличение скорости загрузки блога. Сегодня мы "убьем нескольких зайцев одним выстрелом",да да это не шутка))).

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

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

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

Как решить все эти вопросы одним махом? Кажется что не возможно...Но выход есть...

Читать дальше

 о нескольких online аналогах фотошопа.

1. pixenate.com – один из простейших вариантов фото редактора. Функционал минимален – поворот изображений, цветокоррекция, резка и изменение размеров.

2. phixr.com – требует регистрации, но это уже более серьёзная онлайн замена фотошопу. Продвинутая работа с цветом, уже стандартные возможности по ресайзу, поворотам и обрезке изображений.

3. picture2life.com – после регистрации нам доступен стандартный редактор, но с возможностью создавать коллажи. Есть готовые шаблоны, работу с которыми легко освоить. Также тут есть конструктор анимационных gif файлов.

4. pixer.us - это не Adobe Photoshop, но для некоторых операций – вполне подходящая замена. Так в этом редакторе есть небольшой раздел со спецэффектами.

5. pizap.com – фотошоп онлайн для тех, кто любит рисовать комиксы, приклеивать бороды и усы, а так же потешаться над фотографиями различными изощрёнными образами.

Ещё несколько ссылок по теме:

www.photoshop-free.ru/photoshop.html - фотошоп онлайн

• gifworks.com/image_editor - редактор gif-файлов

• funkyimg.com - разместить и уменьшить фото

• webresizer.com - уменьшаем, редактируем фото

• resizr.lord-lance.com - изменение размера

• mypictr.com - кадрирование и обрезка

• resizeyourimage.com - еще кадрирование и обрезка

Редакторы:

• fanstudio.ru - русскоязычный он-лайн фоторедактор

ru.photofunia.com -русскоязычный он-лайн фоторедактор

• picnik.com- англоязычный он-лайн фоторедактор

imikimi.com -англоязычный он-лайн фоторедактор

• pixer.us - анголоязычный он-лайн фоторедактор

• drpic.com - анголоязычный он-лайн фоторедактор

• pikifx.com– редактор различных эффектов

• ru.picjoke.com– 100 эффектов для фото

• funphotobox.com– новые эффекты с фото

• dumpr.net - эфффекты с фото

• ava-ava.com - «юзерпикорезка»

• roundpic.com– закругляем углы

• myframe.ru– рамки для картинок

 

обнаружил в Интернет очень интересное онлайн радио под названием -жмем и слушаем Пианорама. Это есть не что иное как «круглосуточное фортепианное радио».

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

Кстати, знаете, в чем состоит отличие между пианино, фортепиано и роялем? Часто считают, что всё это есть суть синонимы одного и того же музыкального инструмента, но это не так.

Фортепиано сконструировано таким образом, чтобы извлекать звуки различной громкости, в зависимости от силы нажатия на клавиши. Пианино же предназначено для извлечения мене тихих звуков. Отсюда и разница в их росте: не более 140 см у пианино и до 180 см у фортепиано. Рояль, помимо некоторых внутренних особенностей, в отличие от фортепиано, стоит на трех ногах и имеет крыловидную форму корпуса.

Здравствуйте, Друзья! Я приготовила новую фишку для блога. Когда ставила плагин для вывода похожих записей в картинках после статей, мне захотелось поставить такие же записи и в боковую панель. Я попробовала один плагин, но у меня ничего не получилось. И я оставила эту затею до лучших времен. И тут лучшие времена наступили и очень быстро.

Я очень часто захожу к одной мое знакомой. Мы с ней познакомились в интернете на тренинге.Это Татьяна Чиронова. У нее на блоге много чего есть полезного. И там я увидела эти анонсы статей в сайтбаре. Танечка не отказала мне в пояснениях, и я поставила их у себя. Сразу же делюсь с вами своей находкой.

  Какой? Смотрим.

Фотошоп онлайн