Софт для Windows    Программы для смартфонов и планшетов, мобильный софт    Софт для Линукс, Unix, Linux
 

Иконка для вашего сайта

Веб-мастеру | 09:57 26 ноября

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

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

Чтобы в "Избранном" браузера у ссылки на сайт появилась своя иконка, нужно сделать следующее:

1. В корневом каталоге сайта, на страницу которого сохраняется ссылка, должен находиться файл с иконкой под названием favicon.ico.

2. Этот файл должен иметь формат ico (в стандарте Microsoft Windows), размеры 16 на 16 пикселей и палитру в 256 цветов.

3. Веб-сервер должен быть настроен на обработку файлов с расширением .ico.

4. Браузер посетителя должен уметь работать с такими иконками. Этому условию удовлетворяют  Microsoft Internet Explorer (с версии 5.0), а также Mozilla (с версии 0.9.7), Firefox и Konqueror.

Microsoft Internet Explorer запрашивает иконку с веб-сервера при выполнении команды занесения адреса сайта в "Избранное" и отображает ее в "Избранном" и адресной строке перед адресом сайта. Konqueror и Mozilla запрашивают иконку при каждом посещении сайта и отображают ее в "Избранном" (если ссылка на сайт занесена туда), а также в адресной строке перед адресом сайта.

5. Если включить в web-страницу тэг "<link rel="shortcut icon" href=адрес-файла-иконки>", то при занесении этой страницы в "Избранное" в Microsoft Internet Explorer или при посещении этой страницы (в Konqueror и Mozilla) файл иконки будет запрашивается с указанного в этом тэге адреса, а не из корневого каталога сайта.

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

Настройка веб-сервера - прерогатива администратора хостинга, ну, а остальное вполне можете сделать вы сами. Только помните, что размеры иконки должны быть 16 на 16 пикселей, цветовая палитра - 256 цветов, а формат файла - именно .ico (совет о создании файла .ico путем переименования файла формата .bmp с картинкой тут не подойдет). Для создания иконки можно использовать любой понравившийся вам редактор, позволяющий создавать файлы .iсo, например, AWIcons Наиля Сагитова ( http://www.lokas.ru/software.html), бесплатный для жителей бывшего СССР.

Аккуратный HTML
Любая работа должна быть выполнена аккуратно и красиво. Особенно если ее могут увидеть много людей. А это напрямую касается разработки сайтов, и в частности некоторых технологий, используемых при этом HTML и CSS. Просматривая страницы в Интернете мы, как правило, не смотрим в код HTML. Да и зачем это нужно обычному пользователю? Но часто бывает важно взглянуть на код, чтобы составить некоторое впечатление о создателях этого веб-сайта
Правила написания текстов для веб сайтов
Характер текста веб-страницы определяет не только ее содержание, но и впечатление, производимое на пользователя. Отсутствие в тексте грамматических ошибок имеет большое значение, однако также немаловажно представлять информацию в форме, позволяющей акцентировать внимание посетителя на наиболее существенных моментах повествования. При создании текстов для Сети нужно придерживаться трех основных рекомендаций: Следует соблюдать лаконичность
Правила хорошего HTML
Совет 1] Не загружайте страничку графикой. Посетитель не будет вам бесконечно благодарен, наблюдая более 5 минут за загрузкой "огромных" картинок. [Совет 2] Не используйте на страничке большие картинки. Если уж и приспичило, лучше порежте картинку на более мелкие части и вставьте их в таблицу. Этим вы существенно облегчите загрузку графики. [Совет 3] Не встраивайте в страничку слишком много Java-скриптов и апплетов, показывая свою крутость. Не думайте, что интернет болен статичностью

Также обратите внимание на такие моменты.

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

* Руководство от Microsoft по назначению сайтам иконок можно прочесть здесь (на английском языке).

* Если ваш сайт размещен на бесплатном хостинге, но вы все же желаете снабдить его иконкой, то попросите кого-нибудь из ваших знакомых владельцев сайтов на платном хостинге пожертвовать килобайтом места и поместить такую иконку у себя под произвольным именем (но с расширением .ico). После этого указывайте на страницах вашего сайта тэг "<link rel="shortcut icon" href=адрес-файла-иконки>", и добавление иконок в "Избранное" браузеров посетителей будет идти точно так же, как если бы эти файлы размещались на вашем аккаунте.

Автор: Антон Орлов
Источник: http://www.computerra.ru/


 

Последние новости

Кража данных в EazeАмериканский стартап Eaze, который легально занимается продажей марихуаны по интернету в медицинских целях, допустил утечку данных своих клиентов, пишет ресурс TechCrunch...
ФБР наведалось в гости к 'Касперскому' Федеральное бюро расследований США (ФБР) провело допросы ряда сотрудников американского представительства 'Лаборатории Касперского'...
Американская некоммерческая организация 'Центр за честность в обществе' пришла к выводу, что в ходе экспериментов на Невадском испытательном полигоне в округе Най (США) радиоактивному поражению подвер
Компания Microsoft запретила пользователям менять браузер по умолчанию в Windows 10 S. Об этом говорится в разделе FAQ, посвященном новой версии ОС...
Специалисты ставропольского научно-исследовательского института овцеводства и козоводства разработали собственную операционную систему Ivan OC...

Блог о софте

AVG 2013 Christmas Collection Mega Pack Final Version-FL | 761 MBAVG 2013 Christmas Collection Mega Pack Final VersionYou Have a Complete Collection of AVG 2013 SoftwareMega Pack Contains:AVG Antiviru
О программе:Zoner Photo Studio Pro - приложение, созданное для качественной обработки цифровых снимков...
Sophos Virus Removal Tool - антивирусный сканер проведет диагностику вашего ПК на наличие вирусов, программ-шпионов, руткитов и поддельных антивирусов и удалит их...
Photo Collage Max – программа, которая создает фотоколлажи. Так же создает альбомы, календари и т.п. Содержит в себе множество шаблонов, фигур, масок, фоторамок...
Дизайн Календарей - это доступная и удобная программа для создания красивых календарей с фотографиями на любой год или месяц...