Adding a Favicon - NetObjects Fusion

Transcription

Adding a Favicon - NetObjects Fusion
Hinzufügen eines Favicons
Es ist nützlich, Ihrer Website Favicons hinzuzufügen. Ihre Favoriten-Links sind sofort erkennbar, wenn
Website Besucher die Favoritenliste lesen. Favicons heben Ihre Website von der Konkurrenz ab, weil
nicht alle Websites Favoriten enthalten. Mit einem Symbol von 16x16 Pixeln ist Ihre Marke sofort
erkennbar.
Schwierigkeitsgrad: Fortgeschrittene
Voraussetzung: favicon.ico
Vorbereitung
Eine Grafik von 16x16 Pixeln wird benötigt. Sie sollte favicon.ico heißen.
Außerdem benötigen Sie eine Website, mit der Sie arbeiten können. Wählen Sie im Menü Datei in
NetObjects Fusion XII Neue Site > Leere Site.
Geben Sie Ihrer Site den Namen „Favicon“.
NetObjects Fusion XII verwaltet Ihre Website-Dateiinhalte. Das bedeutet, dass Sie die Bilder nicht
manuell auf den Server laden müssen, sondern dass NetObjects Fusion XII diese Aufgabe für Sie
übernimmt.
Schritt 1
Wählen Sie in der Ansichtsleiste die Verwalten-Ansicht.
Schritt 2
Daraufhin wird die Registerkarte Datei der Verwalten-Ansicht angezeigt. Klicken Sie in der Ansichtsleiste
auf die Schaltfläche Neue Datei.
Nun sehen Sie das Dateidialogfeld.
Schritt 3
Suchen Sie die Favicon-Datei (favicon.ico), indem Sie auf die Schaltfläche Durchsuchen neben dem Feld
Speicherort klicken.
Wählen Sie die .ico-Datei aus. NetObjects Fusion XII benennt den Inhalt automatisch. Sie müssen den
Namen nicht ändern.
Schritt 4
Markieren Sie die Option Datei immer publizieren. Klicken Sie danach auf OK.
Nun sehen Sie das Favicon als Inhalt in NetObjects Fusion XII.
Weil NetObjects Fusion XII Ihre Inhalte automatisch verwaltet, wird die .ico-Datei im Verzeichnis Assets
abgelegt. Wir müssen diese Datei ins Stammverzeichnis /root mit der Indexseite verschieben.
Schritt 5
Wählen Sie in der Ansichtsleiste die Publizieren-Ansicht.
Schritt 6
Im lokalen Verzeichnis sehen Sie den Ordner „Assets“ (links). Doppelklicken Sie auf den Ordner
„Assets“.
Schritt 7
Nun wird der Ordner „Images“ angezeigt. Doppelklicken Sie auf den Ordner „Images“.
Hier wird die Datei favicon.ico angezeigt, die Sie soeben hinzugefügt haben.
Schritt 8
Klicken Sie mit der rechten Maustaste auf die Datei favicon.ico und wählen Sie im Menü die Option
„Ausschneiden“.
Schritt 9
Verwenden Sie die Schaltfläche für den übergeordneten Ordner, um zum Stammverzeichnis /root
zurückzukehren.
Schritt 10
Klicken Sie mit der rechten Maustaste auf den weißen Bereich Ihrer lokalen Struktur und wählen Sie im
Menü die Option „Einfügen“. Nun sehen Sie Folgendes.
Der Favicon-Code muss im Tag <head></head> Ihrer Website-Homepage erscheinen.
Schritt 11
Kopieren Sie den folgenden Code.
<link rel="shortcut icon" href="favicon.ico">
Schritt 12
Wählen Sie in der Ansichtsleiste die Seitenansicht.
Schritt 13
Wählen Sie den Layout-Bereich. Klicken Sie auf die Schaltfläche HTML in der Palette „LayoutEigenschaften“.
Schritt 14
Kopieren Sie den kopierten Code in die Tags <title></title>, indem Sie auf Strg+V klicken.
Schritt 15
Wenn Sie Ihre Website entfernt publizieren, kann die Welt Ihr Favicon sehen!
Tipp: Wenn Sie im Browser kein Favicon sehen, versuchen Sie, die Seite zu Ihren
Favoriten hinzuzufügen (Strg+D). Sie können auch versuchen, Ihren Cache Speicher zu löschen.
Zum Abschluss
Nun wissen Sie, wie Sie Ihrer in NetObjects Fusion XII erstellten Website ein Favicon hinzufügen.
Favicons sind eine einfache Methode, Ihre Website von der Konkurrenz abzuheben und Ihr
Markenimage zu stärken.