Jak v aplikaci Dreamweaver umístit obrázek do názvu webové stránky

Krok 1

Vyberte příslušný obrázek Favicony jsou velmi malé, měří pouze 16 čtverečních pixelů, takže vybraný obrázek musí být dostatečně jednoduchý, aby byl čitelný v miniaturní velikosti. Komplexní loga vypadá těsně nebo může mít nepravidelné hrany při změně velikosti na 16 pixelů. Pokud k tomu dojde, zvážit použití alternativního obrázku, který neobsahuje vaše logo, ale spíše odráží typ obsahu na vašem webu nebo rozsah barev na webu. V každém případě se ujistěte, že váš snímek je perfektní čtverec, který zajistí snížení.

Krok 2

Změňte velikost obrázku. Po výběru obrázku, který chcete snížit, otevřete soubor ve Photoshopu. V nabídce v horní části obrazovky vyberte možnost "Obrázek" a potom klepněte na položku "Velikost obrázku". V dialogovém okně, které se zobrazí, změňte šířku a výšku obrázku na 16 pixelů a nakonec klepněte na tlačítko "OK".

Krok 3

Uložte obrázek jako soubor GIF nebo PNG. Tyto typy souborů mají téměř žádný problém, když je třeba je v následujícím kroku převést na formát ICO. Chcete-li obrázek uložit do některého z těchto formátů, vyberte v horní části Photoshopu soubor "Soubor" a poté "Uložit jako". Označte soubor favicon a klepněte na rozevírací nabídku pod pole název souboru a vyberte možnost "GIF" nebo "PNG".

Krok 4

Převeďte obrázek na formát ICO. Photoshop nemůže tento typ souboru uložit sám. Místo toho musíte stáhnout konektor nebo použít webový nástroj. Například použijte bezplatný generátor favicon z webových stránek "favicon.cc" (viz odkazy). Z hlavní stránky této stránky klikněte na tlačítko Importovat obrázek. Vyhledejte soubor GIF nebo PNG vytvořený v kroku 3 a klikněte na tlačítko Nahrát. Po několika sekundách nástroj pomůže převést váš soubor na obrázek o velikosti 16 čtverečních pixelů. Chcete-li jej uložit do počítače pomocí formátu ICO, vyhledejte titul v nálepce "Náhled" v dolní části stránky a klikněte na "Stáhnout favicon". Uložte tento soubor do složky se zbytkem souborů vašich webových stránek.

Krok 5

Přidejte favicon na své webové stránky. Jednotlivé webové stránky propojíte stejným způsobem jako externí soubory, například JavaScript a CSS. Otevřete webovou stránku pomocí programu Dreamweaver a poté jej změňte výběrem možnosti "Zobrazit" v nabídce v horní části obrazovky a klikněte na možnost "Kód". Pak obsahuje následující značky kódu :. Tento kód předpokládá, že favicon existuje ve složce obrázků. Pokud umístíte favicon jinde, aktualizujte umístění obsahu. Proč musíte zahrnout dva odkazy? Pro slučitelnost prohlížečů. Aplikace Internet Explorer 7 zpracovává favicony jiným způsobem než jiné prohlížeče a vyžaduje jednotné pravidlo pro zajištění správné prezentace.

Krok 6

Uložte webovou stránku a poté ji otevřete ve svém prohlížeči. Nyní uvidíte vaši favicon. Pokud byl váš prohlížeč již otevřený, pravděpodobně budete muset úplně zavřít a restartovat jej předtím, než se objeví favicon. Nezapomeňte také, že některé prohlížeče zobrazují favicon pro titulky stránek umístěných ve složce Oblíbené a nikoli v samotném titulu v liště prohlížeče.