Website und Homepagetipps für eine schöne Website

HomeWebsiteLinkliste TippsWebsite und Homepagetipps

Tipps für eine schöne und bessere Website

Webtipp - Erstellung professionelle Firmenwebseiten

Die goldenen Regeln beim erstellen einer professionellen Firmenwebseite

Webtipp - professionellen Firmenwebseite richtig planen (Teil 1)

Webtipp - Homepage-Pflegehinweis

Grafiken, Links und andere HTML-Tag richtig einbinden

Webtipp - HTML-Tag richtig einbinden

Bilder kostenlos und lizenzfrei

Bilder gratis und das auch noch lizenzfrei und ohne Anmeldung

lizenzfreie Bilder

Icons

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

Favicon

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">