Файл favicon.ico – это своеобразный идентификационный значок для сайта. Его можно увидеть в адресной строке браузера, слева от URL сайта, а также при выдаче сайтов в поиске Яндекса. Размер значка 16px  на 16px.

Файл favicon.ico никак не влияет на работу сайта и не носит обязательного характера. Но этот маленький значок можно назвать визитной карточкой сайта.

Первый вариант с использованием специального сервиса:

• Открываете страницу сервиса favicon.cc. ;
• Рисуете по пикселям ваш значок;
• Нажимаете Download Favicon и сохраняете значок в любой папке, потом производите замену, копируя значок в папку шаблона.

• Открываете страницу сервиса favicon.cc. ;
• Заходите в категорию облако тегов «Tag cloud» сервиса;
• Выбираете понравившийся вам значок, нажимаете кнопку «Edit Copy of Icon» ;
• Редактируете значок, при необходимости;
• Нажимаете Download Favicon и сохраняете значок в любой папке, потом производите замену, копируя значок в папку шаблона.

• Создаете в программе Photoshop новый файл размером 50px на 50px;
• Рисуете  значок по вашему усмотрению;
• Уменьшаете размер изображения 16 х 16 пикселей и сохраняете его в любом из следующих форматов jpg, jpeg, gif, png . При этом, размер файла не должен превышать  5Mb;
• Открываете страницу сервиса favicon.cc. ;
• Нажимаете кнопку «Import Image» загружаете свой файл, редактируете его;
• Нажимаете Download Favicon и сохраняете значок в любой папке, потом производите замену, копируя значок в папку шаблона.

Архив шаблона Likom.

На следующем уроке мы подведем итоги и доработаем файл templateDetails.xml.