Как да поставите изображение в заглавието на уеб страница с Dreamweaver

Стъпка 1

Изберете подходящо изображение Фактите са много малки, те измерват само 16 квадратни пиксела, така че изображението, което избирате, трябва да е достатъчно проста, за да бъде четливо в миниатюрен размер. Комплектните лога изглеждат стегнати или могат да имат неравномерни краища при преоразмеряване до 16 пиксела. Ако това се случи с вас, обмислете използването на алтернативно изображение, което не включва логото ви, а отразява вида на съдържанието на уебсайта Ви или в диапазона от цветове на сайта. Във всеки случай, уверете се, че вашето изображение е перфектен квадрат, за да се осигури намаляване.

Стъпка 2

Променете размера на изображението. След като изберете изображение за намаляване, отворете файла във Photoshop. В менюто в горната част на екрана изберете "Изображение" и след това кликнете върху "Image Size". В диалоговия прозорец, който се показва, променете ширината и височината на изображението на 16 пиксела и накрая кликнете върху "OK".

Стъпка 3

Запишете вашето изображение като GIF или PNG файл. Тези типове файлове нямат почти никакви проблеми, когато трябва да бъдат преобразувани във формат ICO в следващата стъпка. За да запазите изображението си в един от тези формати, изберете "Файл" в горното меню на Photoshop и след това "Запазване като." Дайте име на файла favicon и кликнете върху падащото меню под полето за име на файл и изберете опцията "GIF" или "PNG".

Стъпка 4

Преобразувайте изображението във формат ICO. Photoshop не може да записва този тип файлове сам. Вместо това трябва да изтеглите конектор или да използвате уеб услуга. Например, използвайте безплатния генератор на favicon от уеб сайта "favicon.cc" (вж. Референции). От главната страница на този сайт кликнете върху бутона "Импортиране на изображение". Намерете файла GIF или PNG, създаден в стъпка 3, и кликнете върху "Качване". След няколко секунди помощната програма ще трансформира файла ви в изображение с 16 квадратни пиксела. За да го запазите във вашия компютър с формат ICO, потърсете заглавието с етикета "Preview" в долната част на страницата, след което кликнете върху "Download favicon". Запишете този файл в папката с останалите файлове на уеб страниците си.

Стъпка 5

Добавете favicon към уебсайта си. Ще свържете отделни уеб страници по същия начин, както външните файлове, като JavaScript и CSS. Отворете уеб страницата си с Dreamweaver, след което променете кода, като изберете опцията "Преглед" в менюто в горната част на екрана и кликнете върху опцията "Код". След това тя включва следните кодови маркери :. Този код предполага, че favicon съществува в папката с изображения. Ако поставите Favicon другаде, актуализирайте местоположението на съдържанието. Защо трябва да включите две връзки? За съвместимост между браузърите. Internet Explorer 7 обработва favicons по различен начин от другите браузъри и изисква едно правило, за да се гарантира правилното представяне.

Стъпка 6

Запазете уеб страницата си и я отворете в браузъра си. Сега ще видите вашето favicon. Ако браузърът ви вече е отворен, може да се наложи да го затворите напълно и да го рестартирате, преди да се появи фаворитът. Също така имайте предвид, че някои браузъри показват favicon за заглавията на страниците, намиращи се в папката Favorites, а не само в заглавието в лентата на браузъра.