Jak umieścić obraz w tytule strony internetowej za pomocą programu Dreamweaver
Krok 1
Wybierz odpowiedni obraz Favicony są bardzo małe, mierzą tylko 16 kwadratowych pikseli, więc wybrany obraz musi być na tyle prosty, aby był czytelny w miniaturowym rozmiarze. Złożone logo wydają się ciasne lub mogą mieć nieregularne krawędzie przy zmianie rozmiaru na 16 pikseli. Jeśli tak się stanie, zastanów się nad użyciem alternatywnego obrazu, który nie zawiera Twojego logo, ale raczej odzwierciedla typ treści w Twojej witrynie lub zakres kolorów w witrynie. W każdym przypadku upewnij się, że obraz jest idealnym kwadratem, aby zapewnić redukcję.
Krok 2
Zmień rozmiar obrazu. Po wybraniu obrazu do zmniejszenia, otwórz plik w Photoshopie. W menu u góry ekranu wybierz "Obraz", a następnie kliknij "Rozmiar obrazu". W wyświetlonym oknie dialogowym zmień szerokość i wysokość obrazu na 16 pikseli, a na koniec kliknij "OK".
Krok 3
Zapisz swój obraz jako plik GIF lub PNG. Tego typu pliki prawie nie mają problemów, gdy trzeba je przekonwertować do formatu ICO w następnym kroku. Aby zapisać obraz w jednym z tych formatów, wybierz "Plik" w górnym menu programu Photoshop, a następnie "Zapisz jako". Nadaj plikowi favicon nazwę i kliknij menu rozwijane pod polem nazwy pliku i wybierz opcję "GIF" lub "PNG".
Krok 4
Konwertuj obraz do formatu ICO. Photoshop nie może samodzielnie zapisać tego typu pliku. Zamiast tego musisz pobrać złącze lub skorzystać z narzędzia sieciowego. Na przykład użyj darmowego generatora favicon z witryny "favicon.cc" (patrz Literatura). Na głównej stronie tej witryny kliknij przycisk "Importuj obraz". Znajdź plik GIF lub PNG utworzony w kroku 3 i kliknij "Prześlij". Za kilka sekund narzędzie przekształci Twój plik w obraz o 16 kwadratowych pikselach. Aby zapisać go na komputerze w formacie ICO, poszukaj tytułu z etykietą "Podgląd" u dołu strony, a następnie kliknij "Pobierz favicon". Zapisz ten plik w folderze wraz z resztą plików twoich stron internetowych.
Krok 5
Dodaj favicon do swojej witryny. Połączysz poszczególne strony internetowe w taki sam sposób jak pliki zewnętrzne, takie jak JavaScript i CSS. Otwórz swoją stronę internetową za pomocą programu Dreamweaver, a następnie zmień kod, wybierając opcję "Widok" w menu u góry ekranu i kliknij opcję "Kod". Następnie zawiera następujące znaczniki kodu :. Ten kod zakłada, że favicon istnieje w folderze obrazów. Jeśli umieścisz favicon w innym miejscu, zaktualizuj położenie treści. Dlaczego musisz dołączyć dwa linki? Dla zgodności między przeglądarkami. Internet Explorer 7 obsługuje favicons w inny sposób niż inne przeglądarki i wymaga jednej reguły, aby zapewnić poprawną prezentację.
Krok 6
Zapisz swoją stronę internetową, a następnie otwórz ją w przeglądarce. Teraz zobaczysz swoją favikon. Jeśli Twoja przeglądarka była już otwarta, być może musisz ją całkowicie zamknąć i ponownie uruchomić, zanim pojawi się favicon. Należy również pamiętać, że niektóre przeglądarki wyświetlają favicon dla tytułów stron znajdujących się w folderze Ulubione, a nie w samym tytule na pasku przeglądarki.
