Auflösung von Bildschirmen, Meta-Elemente

Transcription

Auflösung von Bildschirmen, Meta-Elemente
Auflösung von Bildschirmen
Begriffe
72ppi 96ppi 441ppi – Entscheidend ist der Betrachtungsabstand!
Full HD?
1920x1080
4k?
ca. 4000
http://www.reinmedical.com/de/wissen-u-technik/bildschirmaufloesungen-uebersicht.html
Responsives oder adaptives Webdesign
www.responsive-webdesign.mobi/



Touch-Bedienung
Bildschirmgröße
Hamburgermenü
https://developers.google.com/webmasters/mobile-sites/mobile-seo/overview/select-config?hl=de
Meta-Elemente
<meta name="description" content="Lorem ipsum dolor sit amet, consetetur
sadipscing elitr." />
<meta name="keywords" content="Stichwort 1, Stichwort 2, Stichwort 3" />
<meta name="author" content="Autorenname" />
<meta name="robots" content="index,follow" />
<meta name="robots" content="all" />
<meta name="robots" content="noodp" />
Farbcodierungen


Dezimalsystem (RGB-Werte)
Hexadezimalsystem (#+6 Buchstaben/Ziffern)






Lab-System
HSL-System (Hue, Saturation, Luminance)
CMYK (Cyan, Magenta, Yellow, Key (Kontrast))
RGB
Graustufen
Bitmaps



RAL (Folien und Lacke)
HKS
Pantone
Dezimalsystem
http://www.farb-tabelle.de/de/rgb2hex.htm
Hexadezimalsystem
#+ 3 Zahlen(Buchstaben-)pakete für die Lichtfarben RGB
http://www.w3schools.com/html/html_colors.asp
http://www.farbtipps.de/farben-digital/websichere-farben.html
Wie verwendet man HTML Farbencodes?
Mit HTML Farbencodes können Sie die Farbe Ihres Webseiten-Hintergrunds, die
Farbe des Texts, Zellen in Tabellen und noch viel mehr festlegen.
Benutzung von HTML Farbencodes für die Webseiten-Hintergrund Farbe:
<body style="background:#80BFFF">
Benutzung von HTML Farbencodes für die Schrift/Text Farbe:
<span style="color:#80BFFF">
Benutzung von HTML Farbencodes für die Tabellen-Hintergrund Farbe:
<table style="background:#80BFFF">
Benutzung von HTML Farbencodes für die Farbe des Links:
<a style="color:#80BFFF">
HTML Farbencodes Theorie
Jetzt werden Sie sich wundern: „Hat die komische Kombination von Buchstaben
und Zahlen irgendeine Bedeutung?” Also die Antwort lautet: „Ja” und so
gehts:)
HTML Codes Format:
Jeder HTML Code enthält das Symbol „#” und 6 Buchstaben oder Zahlen. Diese
Zahlen sind im hexadezimal numerischen System. Zum Beispiel „FF” in
Hexadezimal steht für die Zahl 255 im Dezimalen.
Bedeutung der Symbole:
Die zwei ersten Symbole im HTML Farbencode stehen für die Intensität der
roten Farbe. 00 ist am wenigsten und FF am meisten intensiv. Das dritte und
vierte stehen für die Intensität der grünen Farbe und das fünfte und
sechste stehen für die Intensität von blau. Mit der kombinierten Intensität
von rot, grün und blau können wir fast jede Farbe nach Herzen mixen;)
Beispiele:
#FF0000 - Mit diesem HTML Code befehlen wir dem Browser uns ein Maximum an
rot und kein grün oder blau zu zeigen. Das Resultat ist dann natürlich eine
pure rote Farbe:
#00FF00 - Dieser HTML Code zeigt nur grün und kein rot oder blau. Das
Resultat ist:
#0000FF - Dieser HTML Code zeigt nur blau und kein rot oder grün. Das
Resultat ist:
#FFFF00 - Die Kombination aus roter und grüner Farbe gibt uns gelb:
#CCEEFF - Nehmen Sie ein wenig rot, ein bisschen mehr grün und ein Maximum
an blau, um ein himmelblau zu erhalten: