Лучшие статьи участников моей школы - 6. Иконки.

Сегодня я хочу предложить вашему вниманию очередную статью Андрея Сушкевич:

Как За 15 Минут Сделать Иконку На Браузер

 

 Сегодня мы обратили внимание на то, что на некоторых сайтах в закладках браузера расположены иконки. МЫ ТОЖЕ ЗАХОТЕЛИ ТАКУЮ.

   После продолжительных поисков и сбора всей информации в одно общее (кто ищет, тот всегда найдет), хотим с Вами поделиться, как это сделать ВАМ в течение 15 мин.

   Вы спросите зачем это?

   Иконка для сайта – это картинка размером 16Х16 пикселей, характерная для большинства профессионально сделанных сайтов. Ее можно наблюдать в адресной строке, в папке Избранное(Закладки) , также во вкладках браузеров и в результатах выдачи Яндекса. По умолчанию в качестве иконки сайта отображается неприметный стандартный значок.

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

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

 Теперь о том, как это все сделать.

 1. Подготавливаем фото.

    Для этого Вам желательно заранее подготовить изображение вашей будущей иконки. Лучше делать квадратное изображение, т.к. сервис favicon.ru будет уменьшать это изображение до размера 16х16 пикселей, и если оно изначально было не квадратное, то могут появиться незначительные искажения. Размер файла не должен превышать 300 кб. Такое изображение можно сделать в любом графическом редакторе. Можно вообще найти подходящее изображение в Google, воспользовавшись поиском по картинкам. Короче нужно подключить фантазию...

2. Загружаем подготовленное фото на сервис http://favicon.ru/.  

3. Нажимаем кнопку "Создать favicon.iсo" .

4. Затем скачиваем получившуюся иконку, перейдя по ссылке "Скачать favicon.ico!" на рабочий стол вашего компьютера.

5. Закачиваем получившийся файл favicon.iсo в корневую директорию Вашего сайта (туда, где лежит главная страница), например в папку "public_html", где у большинства лежит файл index html.

6. И последнее - в файл index html вносим изменения.

Мы делали это через программу File Zilla – думаем у большинства она есть.

    

Итак, заходим в нужную папку, где лежит файл index html и иконка (вы ее уже загрузили в пункте 5), нажимаем правой кнопкой мыши на файл index html, жмем скачать. Файл попадает на рабочий стол. 

Далее открываем файл через блокнот и вносим следующие изменения:

Между тегами

      



вставляем следующую строку 

  Мы вставили непосредственно перед тегом 

 

   и все получилось.

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

 

   Далее меняем старый файл index html на новый (опять же через программу File Zilla).

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

    Теперь один из наших сайтов выглядит так: Сайт. Обратите внимание на адресную строку и появившуюся иконку в закладке браузера. 

  Лично нам нравится.   

   Успеха во внедрении новой «фишки».

    Удачи и до новых встреч!

-------------------------------------------------------------

Хотите знать больше Секретов он-лайн бизнеса?

1) Подпишитесь на обновление этого блога в правом верхнем углу с доставкой на ваш е-майл.

2) Подайте Заявку на ближайшую школу через раздел в самом верху этого блога.

3) Изучите секретных 7 видео-уроков: http://lapshinyrichfamily.ru/on-line/