Вам понадобится
  • - графический редактор;
  • - блокнот.
Инструкция
1
Откройте корневой каталог вашего сайта. Создайте в нем файл с названием favicon.ico. Данный файл будет поддерживать отображение значка вашего сайта перед адресной строкой в браузере.
2
В случае, если иконка вашего сайта не готова, создайте ее при помощи программы Adobe Photoshop, предварительно скачав соответствующий плагин, или другого графического редактора, который поддерживает работу с таким типом файлов, например, Microangelo, QTam Bitmap to Icon, Axialis IconWorkshop. Предварительно проверьте работу в разных браузерах, не только касательно отображения иконки сайта в адресной строке, но и в каталоге «Избранное».
3
В теге < head > вашей страницы пропишите следующий код: < link rel="shortcut icon" href="путъ/название_файла.ico" type="image/x-icon" / >. В этом случае будет поддерживаться ссылка на различные вариации размеров изображения, что достаточно удобно, но менее надежно.
4
Здесь вы можете использовать как обычный редактор «Блокнот», так и специальные программы, предназначенные для более удобного написания кода, например, бесплатная утилита Notebook, которая поддерживает отображение нумерации строк и служит достаточно удобным программным обеспечением при частом редактировании.
5
Создайте иконку для вашего сайта, заранее продумав все ее детали. Лучше всего сразу же определиться с дизайном и размером (здесь – в зависимости от метода ее добавления, поскольку в первом случае доступно лишь использование файла с разрешением 16x16).
6
Также вы можете воспользоваться специальными файлами .atn для Adobe Photoshop, которые позволяют автоматически создавать иконки с нужными эффектами, найти их можно в интернете на тематических форумах или на сайте deviantart.com в разделе “Actions”.