Tipps Erstellung Website

Die goldenen Regeln beim erstellen einer professionellen Firmenwebseite

Webtipp - professionellen Firmenwebseite  richtig planen (Teil 1)

Grafiken, Links und andere HTML-Tag richtig einbinden

Webtipp - HTML-Tag richtig einbinden

Bilder gratis und das auch noch lizenzfrei und ohne Anmeldung

lizenzfreie Bilder

Icons sind eine schöne Sache. Richtig eingesetzt ermöglichen Sie eine schnelle Orientierung. Viele Icons sind Standards, ob nun für Email, Tel. oder Message. Es gibt eine Vielzahl von Icons, die sich etabliert haben. Doch häufig sind diese Icons in der falschen Größe oder Farbe. "Font Awesome" ist ein Schriftsatz der viele Icons über CSS generiert.

Font Awesome Icon Font

Ein Favicon erstellen

Favicon erstellen

Favicon Retina-Optimierte, für (fast) alle Endgeräte könnt Ihr unter folgenden Link generieren lassen. Zusätzlich bekommt Ihr noch ein Datei mit Anleitung wie Ihr das Favicon einbindet.

Favicon Retina-Optimiert Generator

<link rel="shortcut icon" type="image/x-icon" href="/image/icons/favicon.ico">
<link rel="icon" type="image/x-icon" href="/image/icons/favicon.ico">
<link rel="icon" type="image/gif" href="/image/icons/favicon.gif">
<link rel="icon" type="image/png" href="/image/icons/favicon.png">
<link rel="apple-touch-icon" href="/image/icons/apple-touch-icon.png">
<link rel="apple-touch-icon" href="/image/icons/apple-touch-icon-57x57.png" sizes="57x57">
<link rel="apple-touch-icon" href="/image/icons/apple-touch-icon-60x60.png" sizes="60x60">
<link rel="apple-touch-icon" href="/image/icons/apple-touch-icon-72x72.png" sizes="72x72">
<link rel="apple-touch-icon" href="/image/icons/apple-touch-icon-76x76.png" sizes="76x76">
<link rel="apple-touch-icon" href="/image/icons/apple-touch-icon-114x114.png" sizes="114x114">
<link rel="apple-touch-icon" href="/image/icons/apple-touch-icon-120x120.png" sizes="120x120">
<link rel="apple-touch-icon" href="/image/icons/apple-touch-icon-128x128.png" sizes="128x128">
<link rel="apple-touch-icon" href="/image/icons/apple-touch-icon-144x144.png" sizes="144x144">
<link rel="apple-touch-icon" href="/image/icons/apple-touch-icon-152x152.png" sizes="152x152">
<link rel="apple-touch-icon" href="/image/icons/apple-touch-icon-180x180.png" sizes="180x180">
<link rel="apple-touch-icon" href="/image/icons/apple-touch-icon-precomposed.png">
<link rel="icon" type="image/png" href="/image/icons/favicon-16x16.png" sizes="16x16">
<link rel="icon" type="image/png" href="/image/icons/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="/image/icons/favicon-96x96.png" sizes="96x96">
<link rel="icon" type="image/png" href="/image/icons/favicon-160x160.png" sizes="160x160">
<link rel="icon" type="image/png" href="/image/icons/favicon-192x192.png" sizes="192x192">
<link rel="icon" type="image/png" href="/image/icons/favicon-196x196.png" sizes="196x196">
<meta name="msapplication-TileImage" content="/image/icons/win8-tile-144x144.png">