|
Делаем иконку для сайта, которая отображается в адресной
строке браузеров.
В этом уроке я покажу как создать иконку для сайта, которую
будет видеть пользователь в адресной строке при посещении Вашего сайта.
Первое, что необходимо сделать - это подобрать
изображение в любом формате, который Вас устроит. Главное, что необходимо
помнить - иконка будет очень маленькой - 16x16 точек,
поэтом изображение нужно выбрать вреди значков или тому подобных изображений,
т.к. например панорамное изображение красивого вида природы не будет видно при
таких малых размерах.
Отобрав для себя изображение заходим в
фоторедактор ( я использую Photoshop 7), и загружаем
туда нашу фотографию. выделяем нужную нам часть
изображения, копируем и создаем новое изображение с параметрами 16 точек по
высоте и 16 точек по ширине:

увеличить
Далее вставляем наше изображение в новый файл,
нажимаем "Правка > Свободное преобразование" (или
сочетание клавиш Ctrl + T) и
подгоняем изображение под размеры документа.

У меня получилась вот, такая вот иконка:

Сохраняем изображение на компьютере в формате
jpg
Заходим на сайт
favicon

Нажимаем на кнопку "Обзор" и выбираем сохранённый файл:

увеличить
После выбора нажимаем на кнопку "создать
favicin.ico"
Если иконка подходит по всем параметрам, то после загрузки на
сервер Вам будет предложено сохранить получившийся файл в формате
ico:

увеличить
Сохраните файл в папке, где у вас находятся
страницы сайта. Например в корневой директории сайта.
Открываем Динамический веб-шаблон сайта в
программе FrontPage. Переходим в режим отображения
кода и в верхней части файла находим закрывающийся тег "</head>". Следующий код
необходимо вставить до этого тега!!! (До тега!!!!)
<link
rel="icon" href="/frontpage.ico" type="image/x-icon">
<!--
вместо frontpage.ico надо
прописать название вашего файла -->
<link rel="shortcut icon" href="/frontpage.ico"
type="image/x-icon">
<!--
вместо frontpage.ico надо
прописать название вашего файла --> |
Сохраняем
Динамический веб-шаблон, загружаем все файлы на
сервер и тестируем...
Результат:

Автор:
MHz-Serge
Комментировать
урок можно здесь--->> |