Präsentation herunterladen
Die Präsentation wird geladen. Bitte warten
1
oder der Weg zum „Platzsparen“
Die Farbangabe in HTML oder der Weg zum „Platzsparen“
2
Am Anfang war das Bit 1 Bit Kleinste Informationseinheit
Das Bit kann nur zwei Werte annehmen: 0 (=falsch/aus) 1 (=wahr/ein) 1 GigaByte (GB) besteht aus 1024 MegaBytes (MB) 1 MegaByte (MB) besteht aus 1024 KiloBytes (KB) 1 KiloByte (KB) besteht aus 1024 Bytes (B) 1 Byte (B) besteht aus 8 Bits Das bedeutet, das ein GB aus Bits besteht!!!
3
Durch bit‘s kann man sparen
Anstatt für jeden Buchstaben und Zahl einen Wert zu definieren, alles ins Binärformat umgewandelt, dadurch kleineres System
4
Binärsystem / Dualsystem
Berechnung einer Zahl im Dualen System: 13 = (1x8) + (1x4) + (0x2) + (1x1) 13 =
5
Einfach, oder? Grundregel 1: 1 + 1 = 10 Grundregel 2: 1 x 1 = 1
Berechnung: Im Dualsystem arbeitet man nur mit den Zahlsymbolen „0” (Kein) und „1” (Ein). Um beispielsweise die Zahl „5” im Dualsystem darzustellen, setzt man demzufolge die Kombination „Keinen Achter + Einen Vierer + Keinen Zweier + einen Einer = 0101.
6
Hexadezimal Im Hexadezimalsystem gibt es 16 verschiedene Ziffern!
Darstellung: 1 – 9 In Dezimalstellen, 10 – A, 11 – B, 12 – C, 13 – D, 14 – E , 15 - F
7
Farben Farben werden in RGB (RotGrünBlau = Lichtfarbenmodell)
8
HTML, jetzt in Farbe Jede Hexadezimalstelle kann 16 verschiedene Werte annehmen HTML Angabe: #RRGGBB Pro Farbe 16 x 16 = 256 Möglichkeiten Maximal darstellbare Farben : (16x16) x (16x16) x (16x16) = (R x R) x (G x G) x (B x B ) = Farbe
9
Beispiel In diesem Beispiel ist: Der Text schwarz (000000)
Der Hintergrund weiß (FFFFFF) Der Link blau (0000FF) Der Aktive Link Purpurrot (800080) Beim Wiederbesuchen der Seite ist der Link dann rot (FF0000) Mit <a href=“Ziel“>Linknamen</a> baut man einen Link! <html> <head> <title></title> </head> <body text="#000000" bgcolor="#FFFFFF" link="#0000FF" alink="#800080" vlink="#FF0000"> <a href=”Ziel">Zielname</a> </body> </html>
10
Beispiel In diesem Beispiel ist jede einzelne Farbangabe für einen Teil des Bodys definiert. Somit könnte man z.B. in einer Tabelle Spalten verschieden-farbig machen, und links unterschiedlich Färben. <html> <head> <title></title> </head> <body text="#000000“> </body> <body bgcolor="#FFFFFF“> </body> <body link="#0000FF“> </body> <body alink="#800080“> </body> <body vlink="#FF0000"> </body> <a href”Ziel">Zielname</a> </body> </html>
Ähnliche Präsentationen
