Willkommen auf CSS-Roots

der Starthilfe für Webdesigner

Seht euch um und schaut euch unsere Beiträge an, für euch ist sicher was dabei,
für Themenanregungen und Ideen stehe ich gerne unter info@css-roots.de zur Verfügung.

Mitglieder-Login

Lost your password?

Registrierung ist geschlossen

Die Registrierung wurde gesperrt, möchtest du dich registrieren schreibe bitte eine E-Mail an info@css-roots.de



Neuer Artikel im Bereich Webdesigntipps: Favicons

Verfasst am Oktober 14, 2008 von admin in Kategorie News

Im Bereich Webdesigntipps findet ihr seit gestern Abend einen neuen Artikel zum Thema Favicon, hier wird deren sinn und Zweck kurz erklärt und euch einige Beispiele gezeigt. Schaut einfach mal rein und überzeugt euch selbst. Wie ihr Favicons einbindet erfahrt Ihr im Artikel Headervorlage & Favicon einbinden.In den nächsten Tagen folgt noch ein kleines tutorial wie man ein Favicon erstellt.

Gutes gelingen !

Headervorlage & Favicon einbinden

Verfasst am Oktober 10, 2008 von admin in Kategorie CSS-Codes

Hier eine kleine Vorlage um euch das einbinden des Headers etwas zu erleichtern:

<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS-Roots Headervorlage</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="content-language" content="de" />
<meta name="language" content="de" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta name="robots" content="index,follow" />
<meta name="description" content="Hallo Welt" />
<meta name="keywords" content="Keyword 1, Keyword 2, Keyword 3, Keyword 4" />
<meta name="copyright" content="CSS-Roots 2008" />
<meta name="author" content="CSS-Roots" />
<meta http-equiv="imagetoolbar"        content="no" />
</head>
<body>
</body>
</html>

Die funktionen Copyright und Author sind jedoch nicht zwingend notwendig. Der Operator robots hingegen wird gerne von Analyse Tools wie www.Seitwert.de gesehen ist aber für die Programmierung nicht zwingend erforderlich.

Ihr könnt auch noch ein Favicon mit einbinden in dem ihr wie folgt de Quellcode mit im Header einbaut.

<head>
 
<title>CSS-Roots Headervorlage</title>
<meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859-1″ />
<meta http-equiv=”content-language” content=”de” />
<meta name=”language” content=”de” />
<meta http-equiv=”Content-Style-Type” content=”text/css” />
<meta name=”robots” content=”index,follow” />
<meta name=”description” content=”Hallo Welt” />
<meta name=”keywords” content=”Keyword 1; Keyword 2;Keyword 3;Keyword 4;” />
<meta name=”copyright” content=”CSS-Roots 2008″ />
<meta name=”author” content=”CSS-Roots” />
<link href=”/favicon.ico” rel=”icon”/> <!– Favicon einbindung –>
</head>

Wenn ihr Ein Favicon einbindet hat dies einige Vorteile für die Benutzer eurer Website. Das Favicon wird nämlich als Symbol in jedem Lesezeichen dass der User von eurer Seite gespeichert hat angezeigt, was es Ihm durch das Favicon erleichtert eure Seite schnell in seinen Ablagen wieder zu finden. Das Favicon kann, wenn ihr zum Beispiel euer Logo verwendet auch einen gewissen Wiedererkennungswert darstellen, was einen User an eure Seite stärker bindet. Desweiteren wird in den neuen Browesergenerationen euer Favicon auch schon in den Tabs angezeigt, was die Navigation für User wesentlicht vereinfacht. Wie ihr seht lohnt es sich ein Favicon einzubinden.