Logo Checkliste
Größe und Darstellung
ist es kompakt (ideal ist eine quadratisches Seitenverhältnis)?
gut lesbar und optisch gleich in der Wirkung
in der Standardgröße für Geschäftsdrucksachen?
in extremer Verkleinerung?
in der Vergrößerung?
ist es körperlich darstellbar (Firmenschild etc.)?
ist es als 3D-Variante denkbar?
Farbe
in S/W verwendbar?
als Graustufenbild nützlich
ohne Farbverläufe?
im Internet sowie im Druck in vergleichbaren Farben reproduzierbar?
ist es negativ und positiv nutzbar?
Schrift
ist es die Hausschrift des Kunden, oder passend zum Unternehmen und Produkt?
hebt sich die Schrift von den Konkurrenzunternehmen ab?
Bild
ist das Bild ausreichend abstrahiert, stilisiert und reduziert?
alleine verwendbar?
auch sehr klein darstellbar und drucktechnisch nutzbar?
Logoverwendung
ist es für alle Werbemittel einsetzbar?
für alle Druckverfahren geeignet?
leicht und schnell zu erkennen?
mit Lack oder Prägung umsetzbar?
auch ohne Leistungsaussage zuordbar?
charakteristisch
hohe Einprägsamkeit und Wiedererkennbarkeit
ein Eyecatcher?
glaubwürdig?
innovativ?
animationsfähig?
vectorisiert?
in sich harmonisch?
hebt es sich von der Konkurrenz ab?
mit anderen Werbe- und Informationsselementen des Kunden kombinierbar?
langfristig einsetzbar
markenrechtlich schützbar?
Imageprüfung
Repräsentiert das Logo die Erwartungen des Kunden?
Repräsentiert das Logo die Werte und Ziele des Unternehmens?
Repräsentiert das Logo des Leistungsumfang und die Kompetenz des Unternehmens?
Repräsentiert das Logo die Erwartungen der Zielgruppe?
________________
Quelle: Kompendium
TFT = Thin Film Transistor
Funktionsprinzip TFT (LCD = Liquid Crystal Displays):
Organische Materialien (Flüssigkristalle) verändern ihre Lage durch Anlegen eines elektrischen Feldes und werden lichtdurchlässig. Das elektrische Feld ist durch elektronische Schalter ein- und ausschaltbar. Für jeden Bildpunkt werden 3 Transistoren benötigt (R, G, B). Die Farben werden mit Hilfe von Farbfiltern aus weißem Licht gewonnen.
Bsp.: Display mit 1.920 x 1.080 Bildpunkten ergibt: 1.920 x 1.080 x 3 = 6.220.800 Transistoren
Erfolgsgründe:
- Geringer Platzbedarf
- Geringer Strombedarf
- Geringe Wärmeentwicklung
- Flimmerfreies Bild
- Sehr Scharfes Bild
- In allen Größen herstellbar
- Sehr kontrastreiches Bild
- Fast keine Strahlung
TFT – Monitore sind Kalibrierbar.
Die Monitorgröße wird in Zoll angegeben (1 Zoll = 2,54cm)
Bsp.: Bilddiagonale 20“ ergibt: 20 x 2,54 = 51cm Bildiagonale
Logische Auflösung des Bildschirms: Anzahl an Bildpunkten in horizontaler und vertikaler Richtung.
Physikalische Auflösung des Bildschirms: Anzahl an Bildpunkten pro Inch (z.B. 300ppi).
Die schwedische TCO-Normen prüfen nach folgenden Kriterien:
- Ergonomie: Bildqualität, Farbwiedergabe, Anpassungsmöglichkeit des Blickwinkels
- Geringe Emissionen durch magnetische und elektrische Felder
- Geringer Energieverbrauch, Energiesparfunktion
- Verwendung Ökologischer Materialien, Recycling-Möglichkeiten
Flimmern entsteht durch zu geringe Vertikal- oder Bildwiederholungsfrequenz. Beim TFT reichen 60Hz um ein flimmerfreies Bild darzustellen.
Ursachen Farbabweichungen:
unterschiedliche Monitorkalibrierung
unterschiedliche Lichtverhältnisse
unterschiedliche Bilderfassungsgeräte liefern unterschiedliche Farbdarstellungen
Weiterführende Links
www.computeruniverse.net/groups_home.asp
Hier könnt ihr eure Notizen, Sammlungen von hilfreichen Links etc. zum Thema sammeln.
Erste Stichworte zum Thema:
1. Volllizenz, Freeware, Shareware, Schulungslizenz
2. Anzahl der Arbeitsplätze, die in der jeweiligen Lizenz festgeschrieben sind
Weiterführende Links:
http://www.microsoft.com/germany/piraterie/softwarelizenzen.mspx
http://www.computerwoche.de/management/compliance-recht/1913465/
http://www.computerwoche.de/management/compliance-recht/1913489/
----------------------------------------------------------------------------------------------------------------------------
Softwarelizenz:
Einstufung von Software nach dem Nutzungsrecht (Lizenz)
Unterteilung nach Quellcode-Veränderbarkeit
------------------------
Freie Software:
Freie Software (engl. free software) ist Software, die für jeden Zweck verwendet, studiert, bearbeitet
und in ursprünglicher oder veränderter Form weiterverbreitet werden darf. Das schließt auch die
kommerzielle Nutzung ein.
Die Free Software Foundation definiert folgende Freiheiten:
Freiheit 0:
Das Programm zu jedem Zweck auszuführen.
Freiheit 1:
Das Programm zu studieren und zu verändern.
Freiheit 2:
Das Programm zu verbreiten.
Freiheit 3:
Das Programm zu verbessern und diese Verbesserungen zu verbreiten, um damit einen Nutzen für die Gemeinschaft zu erzeugen.
Für 1 und 3 ist der Zugang zum Quelltext Voraussetzung.
Sind nicht alle Bedingungen erfüllt, wird die Software als proprietär oder „unfrei“ bezeichnet.
------------------------
Lizenztypen, die die Kriterien freier Software erfüllen:
Copyleft-Lizenz
Der Autor behält das Copyright, es sind Klauseln enthalten, dass veränderte und weitergegebene
Software frei bleibt. Auch der Quellcode muss zur Verfügung gestellt werden.
Bsp. GNU General Public License (GNU GPL) ) (meistverbreitet)
BSD-Lizenz
Gruppe von Lizenzen aus dem Open-Source-Bereich. (BSD = Berkeley Software Distribution)
Software darf frei verwendet werden. Es ist erlaubt, zu kopieren, zu verändern und zu verbreiten.
Copyright-Vermerk darf nicht entfernt werden. Kann als Vorlage für kommerzielle Produkte verwendet
werden. Enthält kein Copyleft
Gemeinfreiheit
Der Autor verzichtet auf das Copyright.
Damit kann jeder alles mit der Software machen, sie etwa in eigene Programme einbauen, verkaufen
oder sie selbst wieder zu proprietärer Software machen.
Gemeinfreiheit ist jedoch keine Lizenz, sondern ein gemeinfreies Werk ist besitzlos.
------------------------
Freeware
Freeware; von engl. free „kostenlos“ und ware „Ware“) bezeichnet im allgemeinen Sprachgebrauch
Software, die vom Urheber zur kostenlosen Nutzung zur Verfügung gestellt wird.
Freeware ist meistens proprietär und darf daher nicht mit freier Software (engl. „free software“)
verwechselt werden, die im Gegensatz zu Freeware weitläufigere Freiheiten, wie Veränderungen an
der Software, gewährt.
Freeware ist kein definierter rechtsgültiger Begriff.
Donationware
Bei der Donationware (von engl. „donation“: Spende) handelt es sich um Freeware,
wobei der Autor um eine Spende bittet.
Wenn das eingesetzte Programm die Erwartungen erfüllt, und man es regelmäßig im Einsatz hat, sollte
man eine Spende in Erwägung ziehen.
------------------------
Open Source
Open Source bedeutet, dass der Quellcode offenliegt.
Wer den Quellcode kennt, kann ihn auch verändern und neue Programme schreiben.
Technisch gesehen liegen Freie Software und Open Source nah beieinander, allerdings werden beide
Ausdrücke von unterschiedlichen Denkrichtungen genutzt.
Die Open Source Initiative (OSI) betont, dass Open Source zu besserer und preisgünstigerer Software
führt als geschlossene, proprietäre Konstruktionen.
Die Free Software Foundation hingegen meint, dass proprietäre Software allein schon aus
moralischen Gründen abzulehnen sei. Software soll transparent und überprüfbar sein.
Der Begriff „Open-Source-Software“ scheint die Entwicklersicht wiederzugeben,
während der Begriff „Freie Software“ auch die Sicht der übrigen Anwender einbezieht.
------------------------
Proprietäre Software
Im juristischen Sinne gleichbedeutend mit „urheberrechtlich geschützt“.
Proprietäre Software ist jegliche Software, die keine freie und quelloffene Software ist.
Bsp.: Microsoft Windows, Adobe Photoshop
Was regelt die Lizenz noch?
Art der Lizenz
Einzel-Lizenz oder eine Mehrfach-Bereitstellung (Mehrfach-Lizenz).
Lizenzklasse
Die Lizenzklasse typisiert die rechtlichen Voraussetzungen für die Nutzung einer Software. :
Lizenzmetrik
Die Lizenzmetrik bedeutet, wie der Lizenzbedarf gezählt werden muss z.B.:
CSS ist eine Ergänzung zu HTML und erlaubt es Formatierungen von Text bis hin zu Seitenlayouts zu beschreiben. Professionell arbeitet man mit einer externen CSS-Datei, deren Informationen mit den einzelnen HTML-Seiten verknüpft werden. Damit wird die Trennung von Inhalt und Layout und somit die bessere Strukturierung ermöglicht. CSS wird von den Browser interpretiert und wird als Client-Seitiges Format bezeichnet. Standardisiert und entwickelt wird CSS durch das W3C-Gremium.
Vorteile für das Verwenden von CSS:
Nachteile für das Verwenden von CSS:
Weiterführende Links
Self HTML
Hier könnt ihr eure Notizen, Sammlungen von hilfreichen Links etc. zum Thema sammeln. Einige Beiträge gibt es bereits aus vorhergehenden Prüfungsvorbereitungen.
Weiterführende Links
Damit ist entweder die allgemeine Positionierung von Elementen mit CSS gemeint oder die Hintergrundbildpositionierungen mit CSS.
de.selfhtml.org/css/eigenschaften/positionierung.htm
Hier einige kurze Beispiele dafür:
1. Beweglich (Thumbnails, etc.)
img#Galeriebild{
float:left;
display:inline;
margin:11px;
border:0px;
}
2. Fest ( z.B. Buttons über irgendwas drüber )
img#Logo{
position:absolute;
left:33px;
top:55px;
border:0px;
}
3) Fest, nicht wegscrollen ( erst ab IE7 )
img#Logo{
position:fixed;
left:33px;
top:55px;
border:0px;
}
Wenn man was absolut positionieren will, dann muss die Box drumherum ebenfalls absolut oder - falls diese beweglich sein soll - relativ positionieren.
Beispiel: Man will etwas irgendwo über den Seiteninhalt positionieren, eine wunderschöne Layer-Werbung zum Beispiel. Wenn man da jetzt einfach absolut hinschreibt, dann klebt es am body fest. Wenn man aber den Seiten-div der mit "margin: 0px auto;" zentriert ist relativ setzt, dann orientiert sich das Element an der Seite.
Was im Code weiter unten steht, wird immer obendrübergeschoben (NICHT über Flash!!!)
de.selfhtml.org//css/eigenschaften/hintergrund.htm#background_image
Beispiel:
body{
background-image:url(../bilder/body-Hintergrund.jpg);
background-repeat: no-repeat; //(repeat-x, repeat-y, repeat)
background-position: left top;
//oder
background-position: center top;
//oder
background-position: 10px 30px; //(10 von links, 30 von oben)
}
index = startseite
<img src=“button.png“ width=“200“ height=“200“ alt=“Knopf mit Text“ href=“www.webseite.de“ >= Bild liegt im selben Ordner wie der HTML-Code <img src=“Bilder/button.png“ width=“20%“ height=“30%“ alt=“Knopf mit Text“ href=“www.webseite.de“ >= Bild liegt im Unterordner „Bilder“ !ACHTUNG!alt ist sehr wichtig beim Einfügen eines Bildes. Gründen siehe oben.
Videos zum Thema
Grundlagen für den Gebrauch von Bilder auf einer der Webseite in HTML mit dem IMG Element. Wichtige Attribute bei Bildern sind sicherlich CLASS, TITLE und ALT.
https://www.youtube.com/watch?v=_BArhD7NubE
Auch hier grundlegende Informationen wie man Bilder Bilder in HMTL einfügt.
https://www.youtube.com/watch?v=XvKT3FWSLfo
Möchte man Hintergrundbilder im HTML verwenden, dann werden diese über CSS zugewiesen.
https://www.youtube.com/watch?v=u5Chq_GF_8k
Bilder werden mittlerweile nicht mehr nur über IMG eingebunden. Für responsives Webdesign können Bilder an bestimmte Bildschirmanforderungen geknüpft werden. Z.B. Handy im Hochformat hat andere Anforderungen als ein 5K iMac. Dann kommt das PICTURE Element hinzu.
https://www.youtube.com/watch?v=uLLqafzVIlw&list=PLPjKx80JC4CAWBNOp8z_LJqYIekU8MzKi&index=4
Bilder für das Web optimieren ist ein ergänzender Teilbereich. Natürlich sollte man sich Gedanken über Auflösung und Qualität sowie Speicherplatz machen.
https://www.youtube.com/watch?v=udaLENwDyXY
CSS-Box-Modell
eine CSS-Box definiert sich durch:
- Breite(width), Höhe(height), Rahmenlinie(border), Außenabstand(margin) zum umgebenden Kasten oder Browserfenster, Innenabstand(padding) zum Inhalt des Elements, farbigem Hintergrund(background-color)
Der Innenabstand: padding (Polsterung)
Nach dem Inhaltsbereich folgt in jeder Box der Innenabstand. Das padding liegt innerhalb der Box und übernimmt die Hintergrundfarbe des Inhaltsbereichs. Padding kann für alle vier Seiten einer Box einzeln definiert werden. Die Eigenschaften sollte jeder kennen, dennoch hier nochmal:
padding-top für oben
padding-right für rechts
padding-left für links
padding bottom für unten
Padding funktioniert übrigens bei Block und Inline Elementen absolut identisch
Der Rahmen drum herum: border (Rahmenlinien)
Um das padding legt sich der Rahmen (border), der Rand der Kiste, der eine eigene Breite, Linienart und Farbe annehmen kann (width, style, color).Die Eigenschaften hier heißen:
border-top
border-right
border-bottom
border-left
Der border ist sehr flexibel und kann für jede dieser vier Seiten eine gesonderte Breite, Linienart und Farbe erhalten. Die Regeln zur Erstellung von Rahmenlinien mit border gelten ohne Einschränkungen auch für Inline Elemente
Der Außenabstand: margin (Rand)
Jede Box kann einen Außenabstand (margin) haben, der ebenfalls für alle vier Seiten einzeln definiert werden kann:
margin-top
margin-right
margin-bottom
margin-left
Der Außenabstand liegt außerhalb der Box und übernimmt die Hintergrundfarbe des umgebenen Elements. margin darf im Gegensatz zu border und padding übrigens auch negative Werte haben.
Das Team der mediencommunity
Einführung in CSS-Kaskadierung: http://jendryschik.de/wsdev/einfuehrung/css/kaskade
Beginnen wir mit Ebene 1, der am wenigsten gewichteten Regel.
Ebene 1: Browser-Stylesheets
Ebene 2: User-Stylesheets
Ebene 3: Autoren-Stylesheets
Dies sind die Stylesheets, die durch den Autoren – also durch den Entwickler – einer Webseite bei der Webseitenerstellung definiert werden.
Alle vom Autor definierten Stylesheets führen bei der Darstellung einer Webseite zu einem Gesamtstylesheet, in dem ebenfalls ein Element an mehreren Stellen, unterschiedliche Deklarationen bekommen kann, die sich überschneiden. Hier gilt: Je näher die Deklaration am Element ist, desto mächtiger ist sie.
Die Reihenfolge (in ihrer Priorität aufsteigend):
Ebene 4: !important
Ist eine CSS-Deklaration mit dem Schlüsselwort “!important” versehen, wird sie immer den anderen Deklarationen bevorzugt. Sollten zwei Deklarationen mit “!important” versehen sein und auf ein Element zutreffen, gilt die zuletzt ausgegebene Deklaration.
Doch auch unter den Selektoren gibt es bestimmte Prioritäten.
Um die Relevanz bzw. Priorität dieser Selektoren nun herauszufinden, wird ein Wert berechnet, der dessen Durchsetzungsfähigkeit festlegt. Dieser Wert lässt sich anhand eines Zahlenwertes ausdrücken, der mittels Tabelle errechnet wird.
Beispiele:
Selektor A B C D
a:link 0 0 1 1
.xyz 0 0 1 0
#nav a.xyz 0 1 1 1
li a 0 0 0 2
#nav li a 0 1 0 2
Um die Spezifität nun als Wert vorliegen zu haben, werden die Zahlen der Reihe nach von Kategorie A bis Kategorie D hintereinander Weg geschrieben. Deklarationen mit einem höheren Wert (also einer höheren Spezifität) überschreiben die Deklarationen, mit einer niedrigeren Spezifität.
Im oberen Beispiel beschreiben alle Selektoren das gleiche Element:
<div id="nav">
<ul>
<li><a class="xyz" href="URL">Link</a></li>
</ul>
</div>
Die Deklarationen von “#nav a.xyz” treffen aufgrund der höheren Spezifität auf das Element zu und werden angewendet.
Haben zwei oder mehrere Selektoren die gleiche Spezifität und sprechen das gleiche Element an, so entscheidet die Reihenfolge der Vorkommens. Da Browser den Quelltext einer Seite von oben nach unten auslesen, zählt der zuletzt notierte Selektor.
Allgemeines:
Die Positionierung eines Elements bietet gestalterisch einen gewissen Spielraum.
So kann man mit einer gewissen Positionierung eines Elements andere Überlagern, per JavaScript bewegen lassen, oder einfach eine bestimmte Anordnung der Elemente festlegen.
Diese Angabe im CSS kann auf alle Elemente angewendet werden, ist nicht vererbbar und zeigt sich optisch im Browser.
Die vier Arten:
- static
- relative
- absolute
- fixed
static
Initialwert eines Elements.
Die Positionierung durch top,right,bottom und left ist hier unwirksam.
Elemente mit diesem Wert werden von links nach rechts und oben nach unten positioniert, also im Textfluß.
relative
Relative Positionierung im Textfluß.
Die Angaben top,right,bottom und left, verschieben dieses Element aus deren relativen Position und hat keinen Einfluss auf die nachfolgenden Elemente.
absolute
Absolute Positionierung eines Elements zum Eltern-Element, welches ebenfalls positioniert sein muss.
Diese Elemente liegen über alle anderen und haben keinen Einfluss auf die Positionierung der anderen.
Die Angaben top,right,bottom und left, positionieren dieses Element ausgehend vom Eltern-Element... dies kann z.B. ein anderes DIV oder der BODY Tag sein.
fixed
Wie absolute. Bis auf, dass sich das Element am Browserfenster orientiert und nicht mit gescrollt wird.
Man kennt diese Positionierung von fest positionierten Navigationen oder Werbebannern.
im CSS wird die Positionsart wie folgt bestimmt:
#beispiel {
position: fixed; <<< Art der Positionierung
top: 10px; <<< Abstand von oben
left: 20px; <<< Abstand von links
}
Positionierung durch "float":
Durch das Floaten von Elementen werden diese aus dem Textfluss genommen und verdrängen so nachfolgende Elemente mit ihrer Breite und Höhe und nicht in der gesamten Breite.
So können zum Beispiel Bilder von Texten umgeben werden.
Arten von float:
- left
- right
Left positioniert das Element links im Eltern-Element und right tut dieses rechts im Eltern-Element.
#beispiel {
float: left;
}
Weiterführende Links
http://little-boxes.de/lb1/IV-css-positionierung.html
"Damit Formateigenschaften auf ein Element angewendet werden können, muss definiert werden, welche Elemente angesprochen werden. Dies geschieht über Selektoren. Als Selektoren bezeichnet man die Teile einer CSS-Regel, die vor dem Abschnitt aus geschweiften Klammern stehen. Voneinander unabhängige Selektoren, denen dieselben Eigenschaften zugewiesen werden, können in einer mit Kommata getrennten Selektor-Liste notiert werden." - Quelle: selfhtml.org
Außerdem: Terminologie von CSS-Selektoren
link zu w3schools CSS selectors
Selektoren innerhalb einer CSS-Datei sprechen HTML-Tags an und weisen diesen Attribute (Farbe, Hintergrundfarbe, Textformatierung uswusf.) zu und geben dazu die entsprechenden Werte an.
Die Syntax (Schreibweise) einer CSS-Regel ist wie folgt:
Selektor { Attribut: Wert; }
wobei man jedem Selektor auch mehrere Attribute zuweisen kann. Will man dies denn nun tun, so trennt man die einzelnen Attribute immer mit einem Semikolon voneinander ab.
Bsp.: Selektor { Attribut, Wert; Attribut: Wert; Attribut: Wert; … }
Wie man ihn auch aus den SQL-Befehlen kennt, das *. Mit dem Sternchen (Asterisk) spricht man alle Elemente einer HTML-Datei an, das heißt, dass allen Elementen die Attribute zugewiesen werden, die man in so einer CSS-Regel notiert.
Bsp.: * { color: #fff; background-color: #000; }
Mit dieser CSS-Regel wird allen Elementen weiße Schriftfarbe und schwarze Hintergrundfarbe zugewiesen. Sinn macht das sicherlich keinen, es dient lediglich dem Zweck.
Will ich nun genauer vorgehen und nur bestimmte Elemente meiner HTML-Datei ansprechen, so kann ich dies indem ich zum Beispiel nur einer bestimmten Sorte von Tags Attribute zuweise. Das ist einfacher als einem Kind nen Lolli zu klauen, glaubt es mir:
Bsp.: h1 { color: #f00; font-size: 36px; font-weight: bold; }
So, damit haben wir jeder Überschrift höchster Ordnung (jedem Tag h1) die Werte "rote Farbe", "Schriftgröße 36 Pixel" und "Schriftschnitt fett" zugewiesen.
Jetzt wird es langsam spannender. Wir wollen jetzt eine Klasse definieren. Klassenselektoren kann man beliebig vielen Tags auf einer HTML-Seite zuweisen. Nehmen wir an, wir haben Überschriften zweiter Ordnung (h2) einmal in der linken Spalte einer Webseite auf weißem Hintergrund und einmal in der rechten Spalte auf schwarzem Hintergrund. Dumme Geschichte, denn wir haben ja vorher notiert:
h2 { color: #000; }
wodurch alle Überschriften der zweiten Ordnung nun schwarz sind und somit rechts nicht mehr lesbar.
Das Problem lösen wir einfach indem wir allen h2-Tags auf der rechten Seite folgenden Zusatz geben:
<h2 class="name">Überschrift</h2>
Jetzt können wir diese Überschriften gesondert ansprechen mit einem Klassenselektor:
.name { color: #fff; }
Die Notierung ist also ein Punkt und der Name, den man dem Tag als Wert zuweist. Der Name ist hierbei frei wählbar. Ob man also sinnvoll ausschreibt "rechts" bei unserem Beispiel oder "name" wie ich oder sowas schönes wie "mistmistmist" bleibt euch überlassen. Wichtig ist folgende Schreibweise:
.klassenname { Attribut: Wert; }
Wie der Klassenselektor kann man auch mit dem ID-Selektor einzelne Tags verändern, auch wenn man diese vorher schon mit einem Tag-Selektor verändert hat. Man sollte nur in das Tag des Elements das Attribut id notieren und sich wieder einen lustigen Namen einfallen lassen.
<h2 id="name">Noch eine Überschrift</h2>
Unterschiede zum Klassenselektor gibt es allerdings nicht nur in der Schreibweise! Oh ja, denn eine ID vergibt man nur ein einziges Mal in einer HTML-Datei. Wie auch in Datenbanken werden IDs nur einmal vergeben und damit hat sichs.
Merke: Klassen so oft man lustig ist, IDs nur ein einziges Mal vergeben.
Wie notiert man ID Selektoren nun in einer CSS-Datei? Ganz einfach:
#idname { Attribut: Wert; }
Also eine Raute mit dem ID-Namen, geschwungene Klammer und so weiter und so fort wie bisher.
Hier sind wir dann am Ende mit dem oberflächlichen Selektorengedönse angelangt. Ich werde auf Wunsch gerne noch erklären was Attributselektoren sind, wie man Kindselektoren notiert, welche Sonderzeichen es noch gibt neben Raute und Punkt und was diese dann so bewirken und was Pseudoselektoren sind (Letztere sind übrigens m.E. nicht zu verachten und sicherlich Prüfungsrelevant, bzw. kann ich mir nicht vorstellen, dass man die weglässt. Aber das weiß ja nur die zfa -__- ).
Wer da den Namen gewählt hat weiß ich nicht, aber er klingt sehr seltsam beim ersten Mal. Ein Pseudoselektor wird hinter einem Selektor angefügt und beschreibt bestimmte Zustände des Elements, welches man mit dem Selektor angesprochen hat.
Zum Beispiel haben Links vier verschiedene Zustände. Da wäre der "Normalzustand", wo der liebe Link einsam und allein auf der Website rumhängt und keiner mit ihm interagiert. Dies wäre der :link Zustand. Will man also diesem Zustand eines Links Eigenschaften zuweisen, macht man das so:
a:link { Attribut: Wert; }
Dann hätten wir noch die Links, welche schonmal besucht wurden. Sprich sie wurden bereits einmal vom Benutzer der Seite angeklickt und wechseln somit in den benutzten Zustand (klingt etwas schmutzig).
a:visited { Attribut: Wert; }
Der dritte Zustand ist der beliebte "Mouseover-Effekt" oder "Rollover-Effekt". Früher hat man sowas mit Javascript gelöst, heute geht das mit CSS viel einfacher:
a:hover { Attribut: Wert; }
Hierzu muss man sagen, dass es noch den zusätzlichen Zustand a:focus gibt, der für Barrierefreiheit und Menschen, die mit der Tastatur navigieren gedacht ist. Sprich, a:hover ist für Mausinteraktion und a:focus ist für Tastaturinteraktion (ganz grob formuliert).
a:focus { Attribut: Wert; }
Der vierte Zustand ist der aktive Zustand eines Links. Das wäre dann der Moment in dem der User ihn anklickt und direkt mit dem Link interagiert. Auch für diesen Zustand kann man Eigenschaften dem Link zuweisen, was über folgende CSS-Regel passiert:
a:active { Attribut: Wert; }
WICHTIG! Wenn man alle vier Zustände in einer CSS-Datei beschreibt, dann muss dies auch genau in der Reihenfolge passieren, die ich soeben verwendet habe. Warum das so ist? Wegen der Vererbung von Eigenschaften; Und glaubt mir, da wollt ihr nicht, dass ich zu detailiert werde, es ist einfach wichtig, dass die Reihenfolge eingehalten wird:
a:link,
a:visited,
a:hover,
a:focus,
a:active { Attribut: Wert; }
Wie ihr oben seht, habe ich die verschiedenen Selektoren durch Kommas getrennt und dann allen { Attribut: Wert; } zugewiesen und ja, das funktioniert auch. Zum Beispiel kann es ja sein, dass ich nicht will, dass all meine Überschriften fett geschrieben werden. Ich hab ne h1, ne h2 und ne h3 und alle drei sind se fett. Also notiere ich folgende CSS-Regeln:
h1 { font-weight: normal; }
h2 { font-weight: normal; }
h3 { font-weight: normal; }
Rischdisch? Ja, richtig, aber es geht viel einfacher mit einem "Kombiselektor":
h1, h2, h3 { font-weight: normal; }
Alle drei Überschriften sind nun nicht mehr fett, sondern normal ausgezeichnet und wir haben Platz, Zeit und Datenmenge bei der CSS-Datei gespart.
Gerade haben wir etwas über die kombinierten Selektoren gelernt, nun kommen wir zu den Kindselektoren. Wie der Name bereits sagt, geht es darum Kinder von Elementen anzusprechen mit einer CSS-Regel um genau diese Kinder zu stylen.
Warum? Weil es ja sein kann, dass man für die komplette Seite festgelegt hat, dass alle Links rot und fett sein sollen, da man rot + fett = super findet. Jetzt haben wir aber auch eine super Navigationsleiste, welche rot hinterlegt ist und somit sieht man unsere Superlinks darauf nicht.
Was tun? Wir sprechen die Links in der Navigation gesondert an, indem wir einen Kindselektor schreiben.
Bsp.: Vorausgesetzt wir haben einen Container (div) mit einer ID "nav" und haben darin die Navigation untergebracht in Form einer unsortierten Liste "ul", welche die Listenpunkte "li" enthält, welche wiederum die Links "a" enthalten, dann können wir diese Kindeskindeskindeskinder mit einer CSS-Regel direkt ansprechen:
#nav ul li > a:link { color: #000; }
Jetzt sind alle Links im Container "nav" mit der "ul" und den "li"s darin schwarz.
Ein einfacher Kindselektor wäre zum Beispiel:
body > p { Attribut: Wert; }
In diesem Fall stylen wir nicht den Body sondern alle Paragraphen, die Kindelemente des body-Tags sind. Andere Paragraphen auf der Seite, welche Kinder anderer Elemente sind, sind davon nicht betroffen! Klar soweit?
Wäre sinnvoll, ne. Gibts aber nicht. Es gibt keine CSS-Regel mit einem "kleiner als" Klämmerchen und deswegen gibts da auch nix zu wissen. Weitergehen, es gibt hier nichts zu sehen!
Ach, aber den gibts? Ja, den gibt es. Folgendes Beispiel macht das relativ eindeutig.
Bsp.:
<h2>Überschrift</h2> <p>Erster Paragraph</p> <p>Zweiter Paragraph</p>
Welch Dilemma, wir wollen nur den ersten Paragraphen verändern und den zweiten unberührt lassen. Wir machen wir das nun? Indem wir einen Nachbarselektor notieren:
h2 + p { Attribut: Wert; }
Damit sagen wir, dass nur Paragraphen, welche auf der gleichen Ebene wie das vorhergehende Element liegen angesprochen werden und diesem unmittelbar folgen.
Einen hab ich noch! Und der inrekte Nachbarselektor funktioniert ähnlich dem Vorhergehenden.
Der Unterschied ist, dass nicht nur der erste Nachbar eines Elements angesprochen wird, sondern alle nachfolgenden Elemente gleichen Typs, welche Nachbarn auf gleicher Ebene zu dem Element sind.
Bsp.: Da nehmen wir das Beispiel von oben mit der Überschrift und den beiden Paragraphen nochmal. Nur das wir diesmal ein anderes Sonderzeichen in die CSS-Regel reinschreiben.
h2 ~ p { Attribut: Wert; }
Damit sind nun alle Paragraphen, welche dem h2-Element folgen angesprochen.
Ja Himmel, hörts denn nicht bald auf? Nein, denn man kann Elemente eines HTML-Dokuments auch nach ihren Attributen ansprechen und umgestalten.
Wozu brauch ich das, wo ich doch IDs und Klassen und all die anderen Optionen habe? Dazu ziehen wir ein Beispiel zur Hand:
Wir haben eine Seite mit einem Formular für unsere Benutzer, mit dem sie uns mit ihren Adressdaten versorgen können, damit wir sie daheim besuchen und persönlich kennenlernen können. Wozu sonst benötigt man wohl Benutzerdaten? In diesem Formular haben wir Texteingabefelder für Vorname, Nachname und all die anderen Adressdaten, außerdem haben wir Checkboxen, wo sich unser Benutzer entscheiden kann, ob er vom Admin persönlich oder dem Designer der Seite besucht werden möchte. Schlussendlich dann natürlich noch den Absende-Button.
Jetzt findet der Designer die Standardoptik der Formularfelder und des Buttons endlangweilig. Ergo will er sie umgestalten. Das tut er über Attributselektoren. Jedes input-Feld hat sein persönliches Attribut. Zum Beispiel haben Absendebuttons immer das Attribut type="submit" und Texteingabefelder immer das Attribut type="text".
Man könnte natürlich hingehen und alle Inputfelder mit einem Typselektor ansprechen:
input { Attribut: Wert; }
aber viel mehr Sinn macht es doch, wenn wir die Textfelder vom Absendebutton trennen:
input[type="text"] { Attribut: Wert; }
input[type="submit"] { Attribut: Wert; }
Natürlich kann man jedwedes Element eines HTML-Dokuments auf diese Weise ansprechen. Zum Beispiel über das title-Attribut oder das alt-Attribut oder was einem sonst so einfällt. Ein letztes Beispiel, welches aber nur ganz eventuell vielleicht Sinn machen könnte:
Wir haben Bilder auf der Seite, denn Bilder sind hübsch. Einige haben eine Weite von 300 Pixeln (300px) andere dagegen sind breiter (600px). Jetzt wollen wir aber nur den schmaleren Bildern eine Eigenschaft zuweisen und nicht allen Bildern. Ergo folgende CSS-Regel mit einem Attributselektor:
img[width="300px"] { Attribut: Wert; }
Natürlich sind dies Beispiele, die ich nun zur Hand genommen habe, weil sie Sinn machen, es gibt auch einen simplen, standard, normalo Attributselektor, womit man Elemente anspricht, die ein bestimmtes Attribut beinhalten unabhängig vom Wert desselben:
img[width] { Attribut: Wert; }
Somit sind alle Bilder einer Seite, welche das Attribut width im Element notiert haben, angesprochen. Wichtig sind hierbei die eckigen Klammern, welche das Attribut beinhalten.
Fehler bitte melden/korrigieren und Fehlendes ergänzen. =)
Wie sehen Sprites eigentlich aus?
Auf der Startseite von www.spiegel.de seht ihr im großen Footer weitere Serviceangebote. Vor jedem dieser Service-Links steht ein kleines Icon. Alle Grafiken in einer einzigen Datei zusammengefasst ergeben ein Sprite. Im Falle vom Spiegel-Footer sieht das dann so aus: http://www.spiegel.de/static/sys/v10/bg/bg_footer-partner-sprite.png
Wie wird das Sprite dann positioniert?
Gehen wir davon aus, wir haben eine DIV-Box mit der Abmessung von 30px x 30px. Wenn wir nochmal einen Blick auf das Spiegel-Sprite werfen sehen wir, dass diese Grafik wesentlich größer ist 30x30 px. Die "überstehenden Teile" der Grafik sind also nicht sichtbar da die DIV-Box zu klein ist. Und genau darin liegt die Idee: Ich verschiebe über die CSS-Eigenschaft "background-position" meinen Hintergrund so, dass nur der Ausschnitt sichtbar ist den ich sehen möchte und der Rest "abgeschnitten" wird.
Kann ich die einzelnen Icons kreuz und quer auf der Grafik platzieren?
Mit Sprites zu arbeiten bedeutet, dass ihr ein wenig rechnen müsst. Wollt ihr z.B. das 3. Icon von oben sehen, und jedes Icon ist 30px hoch, dann muss die Hintergrundgrafik 60px nach unten verschoben werden.
Und wie sieht der Quellcode dazu aus?
<div style="width:25px; height:30px; background-image:url(bg_footer-partner-sprite.png); background-position:0 -60px; background-repeat:no-repeat "></div>
OK, was bringt das Ganze?
Der Haupt-Sinn liegt darin, eine geringere Anzahl an requests zu erzeugen. Jedes mal wenn euer Browser eine Datei abruft (ein Bild, eine html-Datei, ein PDF, ...) stellt er eine Anfrage (request) an den Webserver. Z.B.: "Gib mir bitte die Datei logo.jpg"
Der Server antwortet (response): Hier ist die Datei logo.jpg.
Das "Frage-und-Antwort-Spiel" benötigt Zeit. Jedes Bild, jede CSS-Datei, jede JavaScript-Datei - alles wird beim Laden einer Seite separat angefragt. Durch das Zusammenfassen von Grafiken (Sprite) verringert man die Anzahl der Anfragen. Dadurch wird ein Geschwindigkeitsvorteilt erzielt.
Ist die Dateigröße eine Sprites größer oder kleiner als die Summe aus den Einzelgrafiken?
Das Ganze ist halt die Summe seiner Teile. Demnach macht es erstmal keinen Unterschied.
Trotzdem kann man etwas an Größe einsparen, in dem man Sprites farblich zusammenfast und z.B. als gif abspeichert.
Die Idee dahinter ist, beispielsweise alle roten Piktogramme zusammen zu fassen, das Rot anzugleichen und einschließend ein .gif mit 2 Farben zu speichern, da ein gif mit wenigen Farben kleiner ist als eins mit mehr Farben. Das selbe wiederholt man mit Grau, Blau, etc.
Sollte ich Sprites auf jeder Webseite einsetzen?
Tja, das hängt sehr mit der Projekt-Art und -Größe ab. Muss wirklich beim ersten Laden der Seite das E-Mail-Symbol in der Sprite-Grafik geladen werden, obwohl die Mailadresse nur im Impressum auftaucht? Auf den restlichen 600 Unterseiten erscheint diese Grafik nirgendwo. Habe ich sowieso nur spärlich hier und da mal ein Icon auf der Seite, lohnt sich der Mehraufwand dann wirklich?
Wann empfiehlt sich der Einsatz unbedingt?
Beim Hovern. Früher sah man häufig, dass eine Grafik, die beim Mousover wechseln sollte, nachladen musste. Das war unschön. Durch den Einsatz eines Sprites wird die Grafik direkt geladen und beim Hovern per CSS nur verschoben. Dies geschieht sofort, ohne dass irgend etwas nachgeladen werden muss.
Siehe dazu PDF:
| Anhang | Größe |
|---|---|
 AP19_KiraHesmer_timing.pdf | 55.15 KB |
In CSS werden Elementen über mehrere Befehle bzw. Eigenschaften Farben zugewiesen. Dabei sind die folgenden die wichtigsten und am meisten genutzten:
Gültige Farben wäre demnach #8800FF oder auch #42C69F. Im ersteren Beispiel ließe sich die Schreibweise auf #80F vereinfachen. Doppelte Zeichen können hier weggelassen werden, sofern jede dieser drei Zweiergruppen jeweils den gleichen Stellenwert hat. Einige Beispiele dazu:
Jeder Farbkanal (Rot, Grün, Blau) besitzt 256 Darstellungswerte. 0 ist der dunkelste Wert, während 255 der hellste Farbton bzw. der Farbwert in gesättigtem Zustand ist.
Diese Schreibweise ähnelt der mit den Dezimalangaben, nur dass man stattdessen mit den Prozentwerten arbeitet.
So wird aus rgb(255, 0, 255) zum Beispiel rgb(100%, 0%, 100%)
In CSS3 sind weitere Schreibweisen hinzugekommen, die nicht nur im RGB-Modell arbeiten, sondern Farben auch im RGBA- und HSB- bzw. HSL-Format erkennen. Diese werden mit den folgenden Befehlen aktiviert:
Hier kann mit einem Alpha-Wert eine Transparenz angegeben werden. A liegt hier zwischen 0 für transparent bis 1 für opak.
Hierbei wird ein Farbkreis zugrunde gelegt, der mit 360 Grad alle Farben abdecken kann. 0° bzw. 360° entsprechen hierbei Rot, 120° Grün und 240° Blau. Dieser Wert wird als Ganzzahl für das H angegeben. S steht für die Sättigung, 0% bedeuten daher, dass es sich um einen neutralen Grauton handelt, 100% lassen die Farbe strahlen. Das L für Lightness steht für die Helligkeit und sollte dementsprechend selbsterklärend sein. 0% bedeuten auch hier, dass kein Licht hinzugefügt wird, 100% bedeutet, dass die maximale Helligkeit erreicht ist.
Bei Schlagschatten gibt es eine gesonderte Notation:
box-shadow: <horizontaler Versatz> <Vertikaler Versatz> <Weichzeichnung> <Farbe>; /* für Block-Elemente wie DIVs etc. */
Dabei wird ausgehend von der Positionierung des betroffenen Containers der horizontale und vertikale Versatz angegeben, danach die Weichzeichnungsstärke und zu guter Letzt die Farbe in den angegebenen Formaten wie oben.
Wahlweise kann vor den horizontalen Versatz noch ein "inset" mit anschließendem Leerzeichen geschrieben werden, das weist den Browser dazu an, den Schatten "in" das Element zu verlagern und somit den Schattenwurf auf den Hintergrund anzuwenden.
Die Schwierigkeit, die hier hinzukommt ist die, dass es für verschiedene Browser auch mehrere Notationsmöglichkeiten gibt, wie eine solche Anweisung aussehen kann. Dabei werden die sogenannten browserspezifischen Präfixe verwendet. Hier eine Übersicht:
Mozilla Firefox: -moz-
Google Chrome, Safari: -webkit-
Opera: -o-
Internet Explorer: -ms-
Damit würde sich eine Definition, die für alle Browser gültig ist, wie folgt aussehen:
-moz-box-shadow: 5px 5px 10px #000;
-webkit-box-shadow: 5px 5px 10px #000;
-o-box-shadow: 5px 5px 10px #000;
-ms-box-shadow: 5px 5px 10px #000;
box-shadow: 5px 5px 10px #000;
Die letzte Zeile deckt das Restrisiko ab, dass ein Browser keine der verwendeten Präfixe, dafür aber den Schlagschatten beherrscht.
Bei Text werden keine Präfixe verwendet. Statt box-shadow schreibt man text-shadow:
text-shadow: <horizontaler Versatz> <Vertikaler Versatz> <Weichzeichnung> <Farbe>; /* für Texte */
Die Notation ist hier die selbe.
---
Weiterführende Links
Weitere Informationen zu den einzelnen Angaben der jeweiligen Farben sind unter
http://www.w3.org/TR/2003/CR-css3-color-20030514/#colorunits zu finden.
Noch ein interessanter und übersichtlicher Link:
http://www.webmasterpro.de/coding/article/css-referenz-farben.html#goto-definition-ueber-farbschluesselwoerter-css-3
http://www.braekling.de/web-design/3311-css3-color-farben-mit-farbtabellen.html
http://www.peterkroener.de/aenderungen-in-der-neuen-css3-farbverlauf-syntax-ohne-vendor-prefix/
Media Query gehört zum Themenbereich CSS und es geht dabei darum geräteabhängige darstellung von Website zu realisieren. Dass also der Gerätetyp erkannt wird und dann das passende CSS dazu angesteuert wird.
Weiterführende Links:
http://www.heise.de/ix/artikel/Allen-recht-1058764.html
https://developer.mozilla.org/en-US/docs/CSS/Media_queries
http://webmasterparadies.de/webdesign/246-responsive-webdesign-teil-2-media-queries-einrichten.html
Anleitung für das Wiki
In diesem Wiki könnt ihr gemeinsam Lerninhalte erstellen. Jedes Wiki ist direkt und für jeden angemeldeten User editierbar. Wenn bereits bei vorherigen Prüfungs-Wikis zum Thema (manchmal auch nur Teilgebiete streifend) erstellt wurden, so werden sie unten verlinkt. Ansonsten einfach hier diesen Eintrag überschreiben und mit entsprechenden Inhalten füllen.
Um Beispielaufgaben etc. zu bearbeiten haben wir extra eine Lerngruppe (https://mediencommunity.de/lerngruppe-mediengestalter-ap-sommer-2019) eingerichtet, bitte diese für das gemeinsame Lösen von Aufgaben nutzen.
Viel Erfolg beim Lernen.
Das Team der mediencommunity
Wir haben folgende HTML-Struktur:
Und passen das CSS nun an:
Wie wir sehen können, sind, obwohl wir dem DIV-Element mit der Klasse "gross" die font-size von 20pt gegeben haben, auch die darinliegenden Elemente davon betroffen.
Und obwohl das DIV-Element mit der Klasse "blau" die color (gemeint ist damit immer die Schriftfarbe) blau hat, sind auch hier die darinliegenden Elemente betroffen.
Wenn wir nun einen Schritt weiter gehen:
Und dem H1-Element (Überschrift 1. Rangordnung) die Farbe "red" und die font-size "30pt", wird damit der vererbte Wert überschrieben; Wir sprechen nun das Element direkt an, somit muss es nicht mehr die Eigenschaften seines Eltern-Elementes übernehmen.
| Anhang | Größe |
|---|---|
| U5 CSS-Vererbung.pdf | 1.48 MB |
Hier könnt ihr gemeinsam eure Notizen und Zusammenfassungen im Wiki ergänzen und so den Lernerfolg erhöhen. Teilweise gibt es schon Wikis, zu den Themen, die in bisherigen Vorbereitungen entstanden sind. Diese könnt ihr natürlich nutzen, ergänzen oder gegebenenfalls korrigieren.
* Hints verbessern die Fontwiedergabe bei niedriger Auslösung. Ein individuelles Hinting erhält nicht nur bis zu einem gewissen Grad die ursprüngliche Ästhetik einer Schrift, sondern optimiert insbesondere deren Lesbarkeit auf dem Bildschirm in kleinen Schriftgraden. Deshalb ist die Qualität des Font Hintings, insbesondere bei Webfonts, ein wesentliches Kriterium ber der Schriftwahl.
Korrktur: Das schreiben alle voneinander ab, stimmt aber nicht.
Glyphe ist die grafische Darstellung eines Zeichens - alle Schriften bestehen aus Glyphen, auch Nichtcomputer-Schriften!
Korrektur: es sind maximal 65536 Zeichen möglich, also 16-Bit oder zwei Byte Speicherkapazität pro Zeichen.
SQL
SQL (Structured Query Language) hat sich als Abfragesprache für relationale Datenbanken durchgesetzt.
Zu den bekanntesten freien SQL-Datenbanken zählen MySQL, PostgreSQL und MaxDB.
Zu den größten kommerziellen Datenbankherstellern zählen Oracle und IBM.
Statisch/dynamisches SQL
Bei statischem SQL ist die SQL-Anweisung dem Datenbanksystem zum Zeitpunkt der Programmübersetzung bekannt und festgelegt (z. B. wenn die Abfrage eines Kontos vorformuliert ist und zur Laufzeit nur die Kontonummer eingesetzt wird).
Bei dynamischem SQL ist die SQL-Anweisung dem Datenbanksystem erst zum Zeitpunkt der Programmausführung bekannt (z. B. weil der Benutzer die komplette Abfrage eingibt). So sind z. B. alle SQL-Anweisungen, die mittels SQL/CLI oder JDBC ausgeführt werden grundsätzlich dynamisch. Ausgeführt werden dynamische SQL-Anweisungen im Allgemeinen mit execute immediate (SQL-String).
MySQL-Abfragen
CRUD-Prinzip: Das Akronym "CRUD" beschreibt die Datenbankoperationen, auf denen jegliche Kommunikation mit der Datenbank beruht.
zeigt alle Datensätze der Tabelle tabellennamean.
zeigt alle Felder kunde_namealler Datensätze der Tabelle tabellennamean.
zeigt alle Felder kunde_nameund kunde_vornamealler Datensätze der Tabelle tabellennamean.
Schränkt die Ausgabe auf alle Kunden aus Hamburg ein. Groß- und Kleinschreibung ist hier nicht relevant (Hamburg, hamburg).
findet die Orte “Ostfreiburg”, “Freiburg West” und “Freiburg-Süd”. Die Prozentzeichen sind Platzhalter für eine beliebige (oder keine) Zeichenfolge.
sortiert nach Kunde-ID aufsteigend (bei Text: alphabetisch aufsteigend).
sortiert nach Ort und dann nach Name (d.h. innerhalb eines Ortes nach Name, alphabetisch aufsteigend).
Um nicht aufsteigend, sondern absteigend zu sortieren, hängt man ein DESC an:
SELECT * FROM tabellenname ORDER BY kunde_name DESC
Statt id=3 kann auch ein anderes eindeutig identifizierendes Feld benutzt werden.
Mit ALTER TABLE tabellenname [Spezifikation]wird eine Tabelle verändert. Mögliche Spezifikationen:
RENAME– benennt die Tabelle um, z.B.
ADD COLUMN– fügt ein Feld hinzu, z.B.
Die Position kann mit FIRST und AFTER angegeben werden (FIRST = neues Feld wird an den Anfang gesetzt, AFTER feldname= neues Feld wird nach feldnameeingefügt).
DROP COLUMN– löscht ein Feld, z.B.
CHANGE– Änderung eines Feldes, wobei die Attribute des Feldes neu angegeben werden müssen, z.B.
oder um nur die Attribute zu ändern
DELETElöscht einen/mehrere Datensätze aus einer Tabelle. Mit
würden sämtliche Datensätze einer Tabelle gelöscht werden. Durch die Einschränkung WHERE…
… würden im Beispiel alle Datensätze gelöscht werden, in denen das Feld idden Wert 8hat.
Quelle: http://www.informatikzentrale.de/mysql-abfragen.html
Nützliche Videos zu SQL:
• https://www.youtube.com/watch?v=E4uDCxUF45E&index=4&list=PLPjKx80JC4CCT8Mbazn4uKaplp-v3Jwz_
• https://www.youtube.com/watch?v=hAxnxdCj4KQ&list=PLPjKx80JC4CCT8Mbazn4uKaplp-v3Jwz_&index=2
• https://www.youtube.com/watch?v=c0RGHsrb-5A&list=PLPjKx80JC4CCT8Mbazn4uKaplp-v3Jwz_&index=3
• https://www.youtube.com/watch?v=r0Eyhl7AQrM&list=PLPjKx80JC4CCT8Mbazn4uKaplp-v3Jwz_&index=1
| Anhang | Größe |
|---|---|
| SQL-Datenbank.pdf | 364.78 KB |
| comelio_sql_referenz_web_I.pdf | 2 MB |
SQL
Scriptsprache
Structured Query Language (Strukturierte Abfrage-Sprache)
Datenbanksprache zur Definition von Datenstrukturen in relationalen Datenbanken
zum Bearbeiten (Einfügen, Verändern, Löschen) und Abfragen von darauf basierenden Datenbeständen
SQL dient quasi als Mittel zum Zweck, um sämtliche Datenbankoptionen durchzuführen
3 DATENBANKSYSTEME DIE MIT SQL ARBEITEN
MySQL
PostgreSQL
MaxDB
SQL-Anweisungen
DDL(DATA DESCRIPTION LANGUAGE)
Datendefinition
—> Definition des Aufbaus und der Struktur der Datenbank
DML(DATA MANIPULATION LANGUAGE)
Datenmanipulation
—> Abfrage und Veränderung von Daten
DCL(DATA CONTROL LANGUAGE)
Datenkontrolle
—> Berechtigung erteilen und verwalten
Datentypen
INT(Integer)
—> Ganze Zahlen (positiv oder negativ)
Beispiel: 10 —> INT (2)
DEC(Decimal)
—> Festkommazahl(positiv oder negativ) mit insgesamt n Ziffern, davon m Nachkomma stellen
Beispiel: 4859,27 —> DEC (6,2)
CHAR(Character)
—> Zeichenkette mit fester Länge (max.255)
Beispiel: Vierbuchstaben-Abkürzung z.B. MiMa —> CHAR (4)
VARCHAR(n)
—> Zeichenkette mit variabler Länge
Beispiel: Vornamen —> VARCHAR(30) (maximal benötigte Länge an Buchstaben)
DATE
—> Datum
Beispiel: Geburtsdatum 24.06.1992
YEAR
—> Jahr
Beispiel: 1992
TIME
—> Uhrzeit
Beispiel: 10:53
DATETIME
—> Datum und Uhrzeit zusammengefasst
Beispiel: 24.06.1992, 10:53
TIMESTAMP
—> Zeitstempel mit Datum und Uhrzeit; wird für die aktuelle Zeit verwendet
Beispiel: 24.06.2018, 10:54
DDL-Anweisung
Weitere SQL Anweisungen
UNSIGNED —> Nur positive Zahlen
NOT NULL —> Dieses Feld darf nicht leer bleiben
PRIMARY KEY—> Angabe welches Element der Primärschlüssel sein soll
AUTO_INCREMENT—> Automatisch ansteigend
Quelltext einer erstellten MySQL/SQL
Datenbank mit dem Namen „literatursammlung“
CREATE DATABASE literatursammlung;
USE literatursammlung;
CREATE TABLE buecher(
Titel_Nr INT(3) UNSIGNED NOT NULL;
Titel VARCHAR(30) UNSIGNED NOT NULL;
Verlag_Nr INT(3) UNSIGNED NOT NULL;
Abt_Nr INT(3) UNSIGNED NOT NULL;
PRIMARY KEY(Titel_Nr)
);
CREATE TABLE buecher_autoren(
Titel_Nr INT(3) UNSIGNED NOT NULL;
Autor_Nr INT(4) UNSIGNED NOT NULL;
PRIMARY KEY (Titel_Nr, Autor_Nr)
);
CREATE TABLE autoren(
Autor_Nr INT(4) UNSIGNED NOT NULL;
A_Name VARCHAR (30) UNSIGNED NOT NULL;
A_Vorname VARCHAR(30) UNSIGNED NOT NULL;
PRIMARY KEY (Autor_Nr)
);
CREATE TABLE verlage(
Verlag_Nr INT(3) UNSIGNED NOT NULL;
Verlag VARCHAR(30) UNSIGNED NOT NULL;
PRIMARY KEY (Verlag_Nr)
);
SQL-Befehle zur
Abfrage und Veränderung der Daten
SELECT
—> Datensätze aus Datenbank abfragen
Beispiel:
SELECT * FROM buecher;
—> vollständige Tabelle „buecher“ wird aufgelistet, das * steht für alle
SELECT Titel FROM „buecher“;
—> alle Buechertitel aus der Tabelle werden aufgelistet
SELECT * FROM buecher WHERE Titel=“Dateiformate“;
—> liefert alle Datensätze der Tabelle „buecher“ mit dem Titel Dateiformate
SELECT Titel FROM buecher WHERE Verlag_Nr = „103“ AND Abt_Nr= „3“;
—> liefert alle Titel, die im Verlag Springer erschienen sind und in der Abteilung Print stehen
ORDER BY
—>Datensätze sortiert ausgeben;
ASC= aufsteigende Sortierung
DESC= absteigende Sortierung
Beispiel:
SELECT * FROM autoren
ORDER BY A_Name ASC;
—>wählt alle Inhalte aus der Tabelle „autoren“ aus
und sortiert sie alphabetisch aufsteigend nach dem Nachnamen
DELETE
—>Datensätze löschen
Beispiel:
DELETE FROM buecher
WHERE Titel=“HTML Handbuch“
—> löscht alle Datensätze mit dem Titel HTML Handbuch
aus der Tabelle „buecher“
UPDATE
—>Einträge verändern
Beispiel:
UPDATE buecher SET Abt_Nr=“3″
WHERE Titel_Nr=“203″
—>ändert die Abteilungsnummer des Buches
mit der Titel_Nr 203 in der Tabelle „buecher“
a. Allgemeines
• SQL-Injection (dt. SQL-Einschleusung) bezeichnet das Ausnutzen einer Sicherheitslücke in Zusammenhang mit SQL-Datenbanken, die durch mangelnde Maskierung oder Überprüfung von Metazeichen in Benutzereingaben entsteht.
• Der Angreifer versucht dabei, über die Anwendung, die den Zugriff auf die Datenbank bereitstellt, eigene Datenbankbefehle einzuschleusen. Sein Ziel ist es, Daten auszuspähen, in seinem Sinne zu verändern, die Kontrolle über den Server zu erhalten oder einfach größtmöglichen Schaden anzurichten.
• Das heißt, dass SQL Abfragen Zugriffskontrollen hinters Licht führen, und dadurch Standard Authentifizierungs- und Authorisationschecks umgehen können, und manchmal können SQL Abfragen sogar Zugriff zu Kommandos auf Betriebssystemebene erlauben.
• Sie sind möglich, wenn Daten wie Benutzereingaben in Web-Formularen in den SQL-Interpreter gelangen und Zeichen enthalten, die für den Interpreter Sonderfunktionen besitzen:
b. Vorgang der SQL-Injection
• Der „Hacker“ benutzt eine Standard-Datenbankanfrage oder ein Formular und merkt sich dabei den übergebenen Syntax
==> http://webserver/cgi-bin/find.cgi?ID=42
• Dieser wird im SQL-Interpreter als entsprechende Befehlskette umgewandelt
==> SELECT author, subject, text FROM artikel WHERE ID=42;
• Der „Hacker“ muss sich in der SQL-Syntax Schreibweise auskennen um dem Befehl eigene Syntax-Befehle anhängen zu können.
• Um bei der oben angesprochenen Datenbank Daten ausspähen zu können, könnte der „Hacker“ folgendes schreiben:
==> http://webserver/cgi-bin/find.cgi?ID=42+UNION+SELECT+'Datenbank',+'Tabelle',+'Spalte'+ UNION+SELECT+table_schema,+table_name,+column_name+FROM+information_schema.columns+ WHERE+NOT+table_schema='information_schema';#%20
• Das Beispiel zeigt, wie bei einer Abfrage mit 3 Ergebnisspalten die Struktur sämtlicher zugreifbarer Datenbanken in Erfahrung gebracht werden kann.
• Mit zeitbasierten Angriffen (also jene, die im richtigen Moment passieren), ist es dem Angreifer auch möglich sich für die Datenbank einen Administratorenstatus anzulegen. Hierzu muss er während der eigentliche SuperUser eingelogged ist eine SQL-Injection mit einem „root“ Befehl einschleusen. Da der SuperUser vom System immer mit der Hierarchie → „Root“ versehen wird.
==> Wurde ein System infiltriert, kann man sich über den Server-Traffic die Seitenzugriffe ansehen. Ist ein Traffic sehr auffällig (Normale Monatszugriffe im Schnitt 10.000 und plötzlich sieht man in einem Monat 100.000 oder 1.000.000 Zugriffe) ist es anzunehmen, das ein Zugriffs-Algorithmus in Verbindung mit einer Root-SQL-Injection genutzt wurde um im richtigen Moment (wenn der SuperUser eingelogged ist) das System mit Administratorenrechten zu infiltrieren.
c. Gegenmaßnahmen
• Bei der Programmierung von HTML/PHP Formularen sollten zwingend Inhaltsabfragen eingebaut werden, bei denen aus der Benutzereingabe die SQL-Syntax-Befehlszeichen ( \ “ ’ + ; etc.) entfernt bzw. maskiert werden.
• Bei den Inhaltsübergaben sollten Datentypabfragen eingebaut werden, damit wenn möglich der Input auch immer dem erwarteten Datentyp entspricht.
• Bauen Sie Codefragmente in den PHP Code ein, der verhindert, dass Fehlermeldungen beim Client angezeigt werden, diese geben dem Hacker Informationen über das Datenbankschema.
• Verwendung von verschlüsselten Passwortfeldern für alle Nutzer der Datenbank und akribisches Achten auf die Nutzerverwaltung
• Legen sie einen individualisierten „SuperUser“ an und loggen sie sich ausschließlich mit diesem „Account“ ein, damit der „Root“-SU nie genutzt wird.
• Verwendung von WAF (Web-Application-Firewall)
==> Eine Web Application Firewall (WAF) oder Web Shield ist ein Verfahren, das Webanwendungen vor Angriffen über das Hypertext Transfer Protocol (HTTP) schützen soll. Es stellt damit einen Spezialfall einer Application-Level-Firewall (ALF) oder eines Application-Level-Gateways (ALG) dar. • Verwendung von „stored procedures“
==> Es ist eine Funktion in Datenbankmanagementsystemen, mit der ganze Abläufe von Anweisungen vom Datenbank-Client aufgerufen werden können. ==> Sie ist somit ein eigenständiger Befehl, der eine Abfolge gespeicherter Befehle ausführt.
==> Gespeicherte Prozeduren tragen dazu bei, die Sicherheit einer Anwendung stark zu erhöhen. Da der Client in der Regel keine DELETE-, UPDATE- oder INSERT-Zugriffsrechte mehr benötigt, ist es Angreifern nicht möglich, selbst Datenbanken zu manipulieren (z. B. durch SQL-Injection).
• Verwendung von „Prepared Statements“ mit gebundenen Variabeln
==> Dabei werden die Daten als Parameter an einen bereits kompilierten Befehl übergeben. Die Daten werden somit nicht interpretiert und eine SQL-Injection verhindert.
Zunächst ist es hilfreich, um in der Vielzahl von Dateiformaten und Suffixen (Dateiendungen) durchzublicken, übergeordnete Kategorien zu verwenden und zwar zunächst in programmunabhängige und in programmabhängige Formate.
Der Name sagt hier schon einiges über die Problematik in der Verwendung der Dateiformate. Bei den programmabhängigen Dateiformaten benötigt man auch immer die kompatible Softwareapplikation oder Zusatzmodule um das jeweilige Dateiformat auszulesen oder gar weiterzubearbeiten. Meist handelt es sich dabei um die originären Formate der Layoutprogrammen (InDesign/.indd und QuarkXpress/.qxp) oder Grafik- bzw. Bildbearbeitungsprogrammen.
Programmunabhängige Dateiformate haben diese Einschränkungen nicht..
Unterscheidung von Pixel- und Vektordateiformat
Eine weitere Grobunterscheidung bietet sich an Hand dem Aufbau der Daten, also ob es sich um Pixel- oder Vektordaten handelt.
Bei vektorbasierte Dateien werden Grafiken über Punkte und Bezierkurven beschrieben. Solche Daten bieten den Vorteil, dass sie beliebig skaliert werden können ohne dass es zu einem Qualitätsverlust kommt. Das Standard-Austauschformat für Vektor-Grafiken ist EPS.
Pixelgrafiken sind hingegen auflösungsabhängig und mit einer Skalierung ist immer auch ein Qualitätsverlust verbunden. Gängige Pixelformate sind TIFF, JPEG und GIF.
Meta-Dateiformate
Metaformate können Pixel und Vektoren in einer Datei enthalten, wie das WMF (Windows Metafile Format) oder PDF.
Die Begriffe Datenformat und Dateiformat gebraucht man oft gleichbedeutend, sie sind aber nicht gleich. Wie unterscheiden sich die Begriffe?
Das Datenformat bestimmt, wie Daten geladen, gespeichert oder verarbeitet werden. Die Daten müssen logisch strukturiert sein, damit das Programm die Daten speichern und verarbeiten kann.
Textformate, Bildformate, Videoformate, Audioformate.
Das Dateiformat beschreibt, wie unterschiedliche Daten in einer Datei gespeichert werden. In einer Datei können z.B. Texte, Tabellen, Grafiken, Audio-Inhalte, Animationen oder Videos gespeichert sein. Damit man diese Inhalte nutzen kann, muss das Programm die Daten auswerten. Dafür braucht das Programm Informationen. Diese Informationen sind an den Dateinamen angehängt durch eine Endung, die aus 2, 3 oder 4 Buchstaben besteht und durch einen Punkt getrennt ist.
Es gibt viele Datei-Endungen und Dateiformate. Man unterscheidet:
Für programm-abhängige Dateiformate braucht man immer die richtige Software des Herstellers oder Zusatzmodule, damit man das jeweilige Dateiformat auslesen und bearbeiten kann.
Programm-abhängige Dateiformate gibt es meistens bei Layout-Programmen (z.B. InDesign/.indd), Grafik-Programmen oder Bildbearbeitungs-Programmen.
Für programm-unabhängige Dateiformate braucht man keine Software eines bestimmten Herstellers. Man kann diese Dateien mit der Software von verschiedenen Herstellern auslesen und bearbeiten (z.B. PNG-Datei oder JPEG-Datei).
Man unterscheidet Dateiformate nach dem Aufbau der Daten.
Bei Vektor-Dateiformaten werden Grafiken über Punkte und Bezierkurven dargestellt.
Das Standard-Format für Vektor-Grafiken ist EPS.
Man kann die Grafiken beliebig skalieren, die Qualität bleibt gleich gut.
Bei Pixel-Dateiformaten setzen sich die Grafiken aus einzelnen Punkten zusammen. Diese Punkte heißen Pixel. Viele Pixel zusammen ergeben die Pixel-Grafik. Wenn man die Grafiken skaliert, wird die Qualität der Grafik schlechter.
Häufige Pixel-Formate: TIFF, JPEG und GIF.
Damit die Druckerei Druckaufträge pünktlich und gut bearbeiten kann, müssen die Druckdaten vollständig sein. Die Druckdaten müssen den Empfehlungen des aktuellen Medienstandards Druck entsprechen.
Kunden sollen die Druckdaten im PDF-Format an die Druckerei schicken. Empfohlen werden die Formate
Vor dem Drucken kann man die druckfertige PDF-Datei mit einem Preflight-Check (= Programmfunktion) auf Fehler und Probleme prüfen. Wenn im Prüfbericht keine Fehler und Probleme gemeldet werden, kann man die PDF-Datei drucken.
Es gibt verschiedene Möglichkeiten Dateiformate in Gruppen zu klassifizieren. Entweder ob es sich um programmeigene oder programmübergreifende dateiformate handelt, oder nach ihrer »Datenstruktur«
Programmeigene Dateiformate
Diese originäre Dateiformate von programmen können in der Regel nur von den jeweiligen Programmen gelesen und erstellt werden. Andere Programme benötigen dazu Plugins oder es kommt zu darstellungsabweichungen.
Sie stammen z.B. von Layoutprogramme (.indd, .qxp, .pm, ...), von Grafikprogrammen(.ai, .cdr, ...) oder Bildbearbeitungsprogrammen (.psd)
Programmübergreifende Dateiformate
Solche Dateiformate können unabhängig vom Erstellungsprogramm in anderen Applikationen platziert und/oder verarbeitet werden. Beispiele sind hierfür .tiff, .eps, .jpg)
Unterscheidung nach Datenstruktur
1. Pixelbasierte Dateiformate
2. Vektorbasierte Dateiformate
3. Metafiles (Dateiformate, die Pixel- und Vektorformate speichern können)
PDF ist aus der Druck- und Medienbranche nicht mehr wegzudenken. Das Portable Document Format, kurz PDF, basiert auf PostScript und ist als plattformunabhängiges Austauschformat konzeptioniert worden. Es hat die Druckbranche damit revolutioniert, da endlich keine offenen Daten mit all dem Rattenschwanz von Problemem, die sich für die Druckereien damit ergaben, ersetzte.
Neben dem Einsatz in der Druckvorstufe verfügt das PDF über weitere Vorteile und zwar als Verwendung für elektronische Dokumente und die Verwendung in Online und Offline-Medien.
Die Dateigröße ist relativ klein und kann vom Ersteller bei der Generierung eines PDF angepasst werden.
Ein weiterer Vorteil ist, dass das Layout eines PDF-Dokuments unabhängig vom Ausgabemedium ist und somit immer gleich dargestellt wird.
PDF/X
Definition Workflow
PDF-Workflow
Eine der größten Herausforderungen für einen modernen Dienstleistungsbetrieb ist der Aufbau eines Daten-Workflows, der eine schnelle und fehlerfreie Produktion gewährleistet. Vor allem PDF/X ermöglicht hierbei einen vorlagentreuen Datenaustausch für unterschiedliche Medien inklusive Prüfung (Preflight).
PDF/X-Workflow
https://docplayer.org/1538669-Digitale-drucktechnologie-4-workflow.html
Mit dem PDF/X-Standard wird das Ziel verfolgt einen zuverlässigen Austausch von PDF-Dokumenten zwischen den, an der Produktion von Drucksachen Beteiligten, zu gewährleisten.
Mit dem "X" in PDF/S soll deutlich gemacht werden, dass ein solches PDF Dokument "blind" (blind eXchange) ausgetauscht und verarbeitet werden kann.
Die PDF/X Standards definieren druckvorstufen-spezifische Eigenschaften. Es handelt sich bei PDF/X-Datein nicht um eine Untermenge von PDF, sondern um Beschränkungen innerhalb des PDF-Formats, auf die in der Druckvorstufe relevanten Aspekte.
Alles, was nicht für die Druckausgabe notwendig ist, darf in einer PDF/X-kompatiblen Datei nicht enthalten sein.
Der kleinste gemeinsame Nenner einer solchen Anforderung ist die PDF-Spezifikation 1.3.
Die PDF/X-Anforderungen:
PDF/X-3 erlaubt die Verwendung von medienneutralen Farbräumen wie Lab der RGB (im Gegensatzu zu PDF/X1a, nur CMYK).
Vorraussetzung ist, dass RGB Daten mit ICC-Profilen versehen sind.
Nicht erlaubt sind:
Trim Box:
beschreibt das eigentliche, beschnittene Endformat. Funktioniert wie eine Maske, alles ausserhalb wird abgeschnitten.
Bleed Box:
erlaubt die Aufnahme von Anschnitt und Infobereich im PDF. Vergrößert die Maskierung der Trim Box.
XML dient zum Transport und zur Ablage/Sicherung von Daten, wohingegen HTML zur Darstellung von Daten gedacht ist.
XML strukturiert, speichert und transportiert Informationen.
Man kann mit dieser Sprache nichts senden, empfangen oder darstellen. Man kann lediglich Informationen zwischen Tags schreiben, welche die Information näher beschreiben.
Es ist wichtig zu verstehen, dass XML nicht HTML ersetzen kann oder soll. XML ist ein Zusatz zu HTML mit dem man Daten an das HTML Dokument sendet, welches dann die Daten darstellen kann.
Man kann XML, genau wie HTML, in jedem beliebigen Texteditor schreiben, der reinen Text darstellen kann.
XML Dokumente haben eine Baumstruktur. Sie starten mit dem Wurzelelement und diversifizieren sich dann bis zu "Zweigen" und "Blättern.
Beispiel:
1.: <?xml version="1.0" encoding="ISO-8859-1"?> 2.: <notiz> 3.: <an>Blubb</an> 4.: <von>Bla</von> 5.: <ueberschrift>Dings</ueberschrift> 6.: <inhalt>Palaver Palaver Rhabarber.</inhalt> 7.: </notiz>
Die erste Reihe ist die XML-Deklaration. Sie definiert die XML Version (1.0) und die Encodierung, welche benutzt wurde (ISO-usw, kann auch UTF-8 oder sonstwas sein). Die zweite Reihe is das Wurzelelement, welches alle anderen Tags umschließt. Es sagt in diesem Fall aus, dass es sich um eine Notiz handelt. Die nächsten 4 Elemente sind Kindelemente der Wurzel (Zweige). Die letzte Zeile schließt das Wurzelelement. Man erkennt also, dass es sich um eine Notiz von Bla an Blubb handeln muss.
XML Dokumente müssen ein Wurzelelement enthalten, welches das Elternelement aller anderen Elemente ist.
Da alle Elemente wiederum Kindelemente enthalten können, ergibt sich so eine Baumstruktur von der Wurzel, über die Zweige und deren Äste zu den Blättern (bildlich gesprochen).
Beispiel:
1.: <?xml version="1.0" encoding="ISO-8859-1"?> 2.: <wurzel> 3.: <kind> 4.: <kindvomkind> 5.: <kindeskind>Blubb</kindeskind> 6.: </kindvomkind> 7.: </kind> 8.: </wurzel>
Wie man sieht, könnte man das Ganze ad absurdum weiterführen. Zu beachten ist, dass jedes Element Inhalte und Attribute haben kann.
Ein erweitertes Beispiel für einen Buchladen, welcher seine Bücher in Kategorien einteilt und die einzelnen Bücher nach Titel, Autor, Jahr und Preis katalogisiert.
<?xml version="1.0" encoding="ISO-8859-1"?> <bookstore> <book category="cooking"> <title lang="en">Everyday Italian</title> <author>Giada De Laurentiis</author> <year>2005</year> <price>30.00</price> </book> <book category="children"> <title lang="en">Harry Potter</title> <author>J K. Rowling</author> <year>2005</year> <price>29.99</price> </book> <book category="web"> <title lang="en">Learning XML</title> <author>Erik T. Ray</author> <year>2003</year> <price>39.95</price> </book> </bookstore>
Die Syntaxregeln sind sehr einfach und logisch, deswegen kann man sie auch schnell und einfach erlernen.
Bei XML ist es illegal ein schließendes Tag wegzulassen!
Man geht dafür zwar nicht in den Knast, wenn man dies trotzdem tut, aber die Datei wird nie nicht funktionieren.
In HTML 4.01 und auch in HTML5 ist es erlaubt schließende Tags wegzulassen:
<p>Ein Paragraph
<p>Noch ein Paragraph
Der Browser wird die Paragraphen trotzdem darstellen.
Das einzige "Tag" bzw. Element, welches kein schließendes Tag hat, ist die XML Deklaration. Sie ist nicht Teil des XML Dokumentes sondern teilt nur dem darstellenden Medium mit, um welche Art von Dokument es sich handelt (wie bei HTML Doctype Deklarationen auch).
Es ist ein Unterschied ob man <Tag> oder <tag> notiert, deswegen ist es wichtig das öffnende und das schließende Tag in der selben Schreibweise zu notieren.
<tag>Bla</Tag> wird nicht funktionieren!
Es ist nicht erlaubt die Tags durcheinander zu wirbeln. Ein geöffnetes Tag muss auch nach seinem Inhalt wieder geschlossen werden.
Folgendes Beispiel wird nicht funktionieren:
<bla><blubb>text</bla></blubb>
Es darf nur "richtig verschachtelt" werden:
<bla><blubb>Text</blubb></bla>
Wie in HTML kann man auch XML-Tags Attributwerte zuweisen, indem man sie im Tag selbst notiert. Sie müssen immer folgender Notierung folgen:
<tag attribut="wert">
Das bedeutet, dass erst der Tag-Name kommt, dann der Name des Attributs, dann ein =-Zeichen und dann der Attributwert in doppelte Anführungszeichen gesetzt.
Sonderzeichen wie &, ', ", < und > dürfen nicht ausgeschrieben werden in einem XML-Dokument.
Dies wird einen Fehler generieren:
<tag>bla & blubb > blubb & bla</tag
Um den Fehler zu vermeiden müssen die Sonderzeichen als Entitätsreferenz geschrieben werden:
<tag>bla & blubb > blubb & bla</tag>
Es gibt (zum Glück) nur 5 vordefinierte Entitäten in XML:
< ergibt < (kleiner als)
> ergibt > (größer als)
& ergibt & (das "und-Zeichen oder ampersand)
' ergibt ' (ein Apostroph)
" ergibt " (Anführungszeichen)
Kommentare werden wie in HTML notiert:
<!-- Das ist ein Kommentar -->
Im Westen nichts Neues also.
Wenn man in HTML mehr als ein Leerzeichen setzt, so werden diese zu einem einzigen zusammengefasst.
In XML ist dies nicht der Fall und je mehr Leerzeichen man notiert, desto mehr werden auch ausgegeben.
HTML:
<tag>bla blubb</tag>
Ergibt:
bla blubb
XML:
<tag>bla blubb</tag>
Ergibt:
bla blubb
So, das wäre dann eigentlich alles zum Grundaufbau von XML. Ich werde weitergehend noch auf XML Elemente und Attribute detailiert eingehen, alles weitere führt definitiv zu weit, wenn man vom Grundaufbau spricht.
Ein XML Element ist alles vom öffnenden Tag bis zum schließenden Tag (diese mit eingeschlossen).
Ein Element kann folgendes beinhalten:
<bookstore> <book category="children"> <title>Harry Potter</title> <author>J K. Rowling</author> <year>2005</year> <price>29.99</price> </book> <book category="web"> <title>Learning XML</title> <author>Erik T. Ray</author> <year>2003</year> <price>39.95</price> </book> </bookstore>
Das Beispiel vom Buchladen zeigt sehr gut was das bedeutet.
<bookstore> und <book> haben Kindelemente als Inhalt.
<book> hat außerdem das Attribut "children".
<title>, <author>, <year> und <price> haben außerdem Textinhalte.
Wobei jedes Element alles von dem vorher genannten auch beinhalten kann:
<tag attribut="attributwert">Text
<kind>text</kind>
</tag>
Folgende Regeln sind zu beachten, wenn man XML-Elemente notiert:
Ansonsten kann man sich total austoben, was die Inhalte eines Elements angeht, da man ja die Tagnamen und Attributnamen selbst definieren kann, wie sie einem gefallen.
Ja, wie soeben erwähnt, kann man wild Tagnamen und Attributsnamen verteilen, wie man lustig ist. Aber natürlich macht es mehr Sinn die Namen passend zu den Inhalten der Elemente zu vergeben.
Man sollte Namen beschreibend wählen! Sie sollten kurz und einfach sein.
To do:
<buch_titel>
Not to do:
<der_titel_des_buchs>
Unterstriche sind gut geeignet um Namen zu strukturieren:
<buch_titel>, <buch_autor>, <buch_jahr>, <buch_preis> zum Beispiel
Man sollte keine Bindestriche, Punkte oder Doppelpunkte verwenden um Namen zu strukturieren, da es Programme gibt, die diese anders interpretieren könnten.
XML Elemente können erweitert werden um mehr Information zu transportieren.
Beispiel:
1.: <?xml version="1.0" encoding="ISO-8859-1"?> 2.: <notiz> 3.: <an>Blubb</an> 4.: <von>Bla</von> 5.: <inhalt>Palaver Palaver Rhabarber.</inhalt> 6.: </notiz>
Erweitern wir nun diese Notiz um einige Elemente um zu präzisieren, was für eine Notiz es ist und wann sie verfasst wurde.
Beispiel:
1.: <?xml version="1.0" encoding="ISO-8859-1"?> 2.: <notiz> 3.: <datum>tt.mm.yyyy</date> 4.: <an>Blubb</an> 5.: <von>Bla</von> 6.: <ueberschrift>Erinnerung</ueberschrift> 6.: <inhalt>Laber Palaver Rhabarber.</inhalt> 7.: </notiz>
Ein weiteres Beispiel, welches dies noch eindeutiger macht:
1.: <?xml version="1.0" encoding="ISO-8859-1"?> 2.: <notiz> 3.: <erinnerung> 4.: <an> 5.: <vorname>Bla</vorname> 6.: <nachname>Blabla</nachname> 7.: <strasse>Dingsweg</strasse> 8.: <hausnummer>123</hausnummer> 9.: <plz>12345</plz> 10.: <ort>Dingshausen</ort> 11.: </an> 12.: <von> 13.: <vorname>Blubb</vorname> 14.: <nachname>Blubbblubb</nachname> 15.: <strasse>Bumsweg</strasse> 16.: <hausnummer>321</hausnummer> 17.: <plz>54321</plz</plz> 18.: <ort>Bumshausen</ort> 19.: </von> 20.: <ueberschrift>Hömma</ueberschrift> 21.: <inhalt> 22.: <erstens>Laber</erstens> 23.: <zweitens>Palaver</zweitens> 24.: <ausserdem>Rhabarber</ausserdem> 25.: </inhalt> 26.: </erinnerung> 27.: </notiz>
Die Datei wird immernoch funktionieren, sie ist lediglich viel präziser angelegt, als die vorhergehende Notiz.
XML-Elemente können wie HTML-Elemente Attribute enthalten.
Attribute beschreiben zusätzliche Informationen über ein Element.
Beispiel: <person geschlecht="weiblich">
Hier sind mal zwei Beispiele wie mans machen kann:
<person geschlecht="weiblich"> <vorname>Anna</vorname> <nachname>Smith</nachname> </person> <person> <geschlecht>weiblich</geschlecht> <vorname>Anna</vorname> <nachname>Smith</nachname> </person>
Im ersten Beispiel ist das Geschlecht ein Attribut, im zweiten Beispiel ein Kindelement von Person. Beide Beispiele transportieren die selbe Information.
Es gibt in diesem Fall keine eindeutige Regel, wie man es besser macht. Attribute sind sehr nützlich in HTML, bei XML würde ich darauf eher verzichten und stattdessen Kindelemente notieren (ist aber eine persönliche Sache und somit nur eine Empfehlung).
Man sollte Attribute am besten dazu nutzen Informationen zu transportieren, die nicht relevant sind für die Daten.
Absolutes NO GO:
<note day="10" month="01" year="2008" to="Tove" from="Jani" heading="Reminder" body="Don't forget me this weekend!"></note>
Das ist XML Horror.
Ein sinnvoller Nutzen von Attributen und Attributwerten sind zum Beispiel ID-Vergaben an Elemente.
Das ist insofern nützlich, dass man eine laufende Nummer zu Einträgen hinzufügen kann, wenn es zum Beispiel um eine Personenliste geht und man einen Wert brauch, der auf jeden Fall frei von Redundanzen (Wiederholungen) bleiben muss.
Beispiel:
<namensliste> <person id="0001"> <vorname>Karli</vorname> <nachname>Knusper</nachname> </person> <person id="0002"> <vorname>Klausi</vorname> <nachname>Knusper</nachname> </namensliste>
Was das Beispiel deutlich macht ist, dass man nun eindeutiger zuweisen kann welches Element gemeint ist. Hat man eine endlose Datenbank mit endlos vielen Personen der Familie Knuspre, dann wird man sich darin totsuchen, bis man zu der Person gelangt, welche man nun sucht.
Da ist es doch viel einfacher die entsprechende ID zu suchen und somit direkt zu Person X zu gelangen.
Merke: Metadaten in das Element als Attribut notieren! Daten als neues Element notieren!
Jedes XML-Dokument sollte wohlgeformt (richtige Tag-Benennung, Verschachtelung… s. o.) und valide sein. Valide wird es erst durch die Referenzierung auf eine DTD (Doctyp definition). Dies ist eine Auflistung der möglichen Inhalte der XML-Datei und ihrer erlaubten Reihenfolge. Die DTD wird vom Erstersteller der XML-Datei miterstellt. Sie kann ebenfalls mit einem Texteditor geschrieben werden, muss aber die Endung .dtd beinhalten.
Als Beispiel nehme ich das folgendes XML-Dokument:
<?xml version="1.0" encoding="utf-8" ?> <root_element> <child1>Inhalt1</child1> <child1>Inhalt2</child1> <child2> <subchild1>SubInhalt1</subchild1> <subchild2>SubInhalt2</subchild2> <child2> </root_element>
Die dazugehörgie DTD wäre:
<!ELEMENT root_element (child1+, child2)> <!ELEMENT child1 (#PCDATA)> <!ELEMENT child2 (subchild1, subchild2)> <!ELEMENT subchild1 (#PCDATA)> <!ELEMENT subchild2 (#PCDATA)>
Bedeutung: ist gibt ein Element mit dem Namen root_element, das ein oder mehr (+) Elemente child1 und ein Element child2 enthalten darf. child1 darf wiederum PCDATA (Parced character data = Buchstaben, Ziffern…) enthalten. child2 enthält zwei weitere Elemente jeweils ein mal. Gleiches PCDADA dann für die subchilds.
Folgende Befehle stehen noch zur Verfügung:
Stimmt die XML-Datei nicht mit der zugehörigen DTD überein (z. B. 2 x child2 in diesem Fall), dann ist sie nicht valide und je nach Browser wird ein Fehler geworfen.
Eine DTD kann entweder direkt in die XML-Datei eingebunden werden (hier der DTD mit dem Namen testdatei):
<?xml version="1.0" encoding="utf-8" ?> <!DOCTYPE testdatei [ <!ELEMENT root_element (child1+, child2)>… usw. ]> <root_element>… usw.
Oder ausgelagert in eine extra Datei mit der Endung .dtd eingebunden werden:
<?xml version="1.0" encoding="utf-8" ?> <!DOCTYPE testdatei SYSTEM="testdoctype.dtd"> <root_element>… usw.
Die Norm DIN DIN 16500 unterscheidet vier Hauptdruckverfahren: Hochdruck, Tiefdruck, Durchdruck und Flachdruck.
1. Hochdruck
Der Hochdruck ist das älteste Druckverfahren. Die druckenden Teile sind erhaben, die nichtdruckenden vertieft. Es ist ein direktes Druckverfahren, das heißt, von den eingefärbten druckenden Elemente, die spiegelverkehrt vorliegen, wird die Farbe ohne Zwischenstufe direkt auf den Bedruckstoff übertragen. Während anfangs die Druckform (Buchseite, Stempel) aus nur einem Element bestand und z.B. aus einem einzigen Holzblock geschnitten wurde, wurde später in Korea und dann in Deutschland der Druck mit einzelnen, beweglichen Lettern entwickelt. Maßgeblich daran beteiligt war Johannes Gutenberg, der eine feste Metalllegierung zur Herstellung der Lettern sowie den Gießapparat erfand.
Ca. 500 Jahre lang war der Hochdruck das dominierende Druckverfahren. Heutzutage wird es aufgrund von Zeit-, Platz- und Kostengründen nur noch in einigen wenigen Druckereien kommerziell angewendet. Verbreitung hat es noch in künstlerischen Gebieten, u.a. als Linol- oder Holzschnitt.
Druckprodukte im Hochdruckverfahren erkennt man meist an dem Quetschrand sowie an dem leicht erhabenen Druckbild auf der Rückseite des Bedruckstoffs.
Im Bereich der Weiterverarbeitung werden Hochdrucktechniken für Prägungen sowie zum Perforieren und Stanzen genutzt.
1.1. Flexodruck
Eine Weiterentwicklung des Hochdrucks ist der Flexodruck. Die flexible Druckform besteht aus Gummi oder einem Fotopolymer und kann für Auflagen von 5000 bis 500.000 Exemplaren genutzt werden. Anwendungsgebiete sind hauptsächlich der Verpackungsdruck (Schachtel, Beutel, Papiertragetaschen), aber auch Pappbecher, Etiketten, Folien und Tapeten. Technisch bedingt ergibt sich beim Flexodruck an den Rändern ein Quetschrand, an dem die in diesem Verfahren hergestellten Produkte leicht zu erkennen sind.
2. Tiefdruck
Historisch gesehen ist der Tiefdruck das Verfahren, das später als der Hochdruck entwickelte wurde und parallel zu ihm bestand, hauptsächlich zunächst als Kupferstich vor allem im künstlerischen Bereich.
Mittlerweile sind die Druckformen rotierende Stahlzylinder, die mit einer ca. 2 mm starken Grundkupferschicht ummantelt sind. Auf diese Grundkupferschicht wird entweder gravierfähiges Kupfer oder eine nach dem Druck entfernbare so genannte Ballardhaut aufgebracht. Beide Schichten sind 100 μm stark und stellen die eigentliche Druckform dar.
In ihr werden die druckenden Elemente (»Näpfchen«) elektromechanisch oder mittels Laser vertieft eingraviert und werden mit Farbe gefüllt. Die überflüssige Farbe an der nichtdruckenden Oberfläche wird mit einem Rakel entfernt. Auch der Tiefdruck ist ein direktes Druckverfahren, die Farbe wird über Druck ohne Zwischenstufe auf den Bedruckstoff übertragen.
Technisch bedingt wird mit dem Tiefdruck eine sehr gute Farbwiedergabe erreicht, da die druckenden Elemente nicht nur in der Tiefe, sondern auch in der Fläche unterschiedlich sein können. So können aufgrund der unterschiedlichen »Füllmenge« echte Halbtöne gedruckt werden.
Industrieller Tiefdruck ist aufgrund der großen und stabilen Druckform für hohe Auflagen ab 100.000 Exemplare bis in den Millionenbereich wirtschaftlich interessant. Druckprodukte sind Zeitschriften (Spiegel, Stern, diverse Frauen- und Fernsehzeitschriften etc.) und Versandkataloge (Neckermann, Otto, Ikea), aber auch Verpackungen wie Schachteln, Folien und Tetra-Packs. Auch Tapeten und Textilien werden bei entsprechender Auflage im Tiefdruck bedruckt, ebenso Banknoten und Wertpapiere.
Neben dem charakteristischen saugfähigen Papier ist der Sägezahneffekt das wichtigste Merkmal bei Tiefdruckprodukten. Er entsteht, weil nicht nur Bilder, sondern auch Texte in Näpfchenform gebracht werden und so keine gleichmäßige Linie darstellen. Bei qualitativ minderwertigen Massenprodukten lässt sich dieser Effekt mit bloßem Auge erkennen.
2.1. Tampondruck
Neben dem direkten Tiefdruck gibt es seit 1968 den Tampondruck, der auch als indirekter Tiefdruck bezeichnet wird.
Auch hier findet eine vertiefte Druckform Verwendung, in die wie beim Tiefdruck Farbe gefüllt und abgerakelt wird. Diese Farbe wird dann von einem Tampon aus Silikonkautschuk aufgenommen und nahezu verlustfrei auf den Bedruckstoff übertragen. Aufgrund des flexiblen Tampons ist das Bedrucken von nichtplanen Gegenständen möglich, zudem kann das Druckbild sehr feine Details aufweisen, wodurch der Tampondruck für viele Branchen interessant ist.
Anwendung findet das Verfahren in weiten Bereichen der Werbemittelbrache, aber auch auf Spielzeug, Modelleisenbahnen, im medizinischen Bereich (Spritzen), Geschirr und in der Automobilindustrie (Bedruckung von Scheibenwischerhebel etc.). Die Motive sind technisch bedingt meist eher kleinformatig bis ca. DIN A4.
Einige Druckereien bieten Tampondruck ab einer Auflagen von 1000 Exemplaren an. Je nach Material des Tiefdruckklischees sind Auflagen von 6000 bis über 3.000.000 Exemplare möglich, mit einem Tampon jedoch nur bis maximal 100.000, so dass er bei höheren Auflagen gewechselt werden muss.
3. Siebdruck
Die historischen Ursprünge des Siebdrucks sind im Gegensatz zu den anderen Druckverfahren nicht vollständig geklärt. In Japan gibt es ein traditionelles Schablonenverfahren zur Bedruckung von Textilien, das Mitte des 19. Jahrhunderts auch in Europa und den USA Verbreitung fand. Gleichzeitig wurden in den USA Versuche gestartet, Schilder mit schablonierter Seidengaze zu bedrucken (daher auch der englische Begriff »silkscreen«). Anfang des 20. Jahrhunderts verbreitete sich diese Technik dort schnell, es wurde auch Patente darauf angemeldet. In den 1920er Jahren wurde der Siebdruck auch in Deutschland zur Bedruckung von Schildern und Textilien eingesetzt, später auch für Werbedrucke. Mitte der 1940er Jahre wurden in den USA erstmals Nylongewebe eingesetzt, die im Laufe der Zeit durch Polyestergewebe ersetzt wurden.
Grundlegendes Prinzip des Siebdrucks ist, dass die druckenden Stellen farbdurchlässig sind, die nichtdruckenden farbundurchlässig. Die Farbe wird durch das Gewebe bzw. Sieb mit einem Rakel auf den Bedruckstoff aufgebracht (daher auch der Name »Durchdruck«). Die Detailgenauigkeit, jedoch auch der Farbauftrag stehen im direkten Zusammenhang mit der Maschengröße des Gewebes. So kann mit einem grobmaschigen Gewebe mehr Farbe aufgetragen werden, feine Details sind jedoch nicht mehr möglich. Siebdruckfarben sind wesentlich deckender als Farben anderer Druckverfahren, Rasterbilder sind jedoch auch möglich.
Die Anwendungsmöglichkeiten sind vielfältig und reichen von Textilien über Straßen- und Werbeschilder, Planen- oder Bandenwerbung in Stadien, Give-Aways (Feuerzeuge) bis zu Verpackungen. Auch das Bedrucken von nicht planen Gegenständen wie Mineralwasser- oder Bierkästen, Leiterplatten, oder Armaturenbretter ist möglich. Die Auflagen bewegen sich im Bereich der (künstlerischen) Einzelfertigung bis mindestens 20.000 Exemplare.
4. Offsetdruck
Alois Senefelder erfand im Jahr 1798 den Steindruck oder die Lithografie (vom Griechischen lithos = Stein und graphein = schreiben), bei dem druckende und nichtdruckende Elemente auf der gleichen Ebene liegen (Flachdruck). Das grundlegende Prinzip des Flachdrucks basiert auf dem chemischen Phänomen des gegenseitigen Abstoßens von Fett und Wasser. Die druckenden Elemente nehmen die fetthaltige Druckfarbe an (lipophil bzw. hydrophob), die nichtdruckenden angefeuchteten Elemente weisen die Farbe ab (lipophob bzw. hydrophil).
Bis ins erste Viertel des 20. Jahrhunderts war die Lithografie das mit am meisten angewendete Verfahren für den Farbdruck. Das Verfahren ist heutzutage nur noch im künstlerischen Bereich zu finden, aus ihm entwickelte sich jedoch Anfang des 20. Jahrhunderts in den USA und Deutschland zunächst unabhängig von einander der Offsetdruck. Dabei wurden die Lithographiesteine durch biegsame Metallplatten (meistens aus Zink, später Aluminium) ersetzt, die auf einen rotierenden Zylinder gespannt waren. Um den Bedruckstoff nicht zu verletzen, wurde ein Zylinder zwischen Druckform und Bedruckstoff geschaltet, auf den ein elastisches Gummituch gespannt war. Aufgrund dieser Lösung wird das Offsetverfahren auch als indirektes Druckverfahren bezeichnet.
Durch den Einsatz verschiedener hintereinandergeschalteter Farbwerke sowie evtl. Lack- und Trockenwerke und Wendeeinrichtungen sind Offsetmaschinen individuelle für die Anforderungen einer Druckerei konfigurierbar.
Unterschieden wird nach Papierzufuhr in Bogen- und Rollenoffset. Im Bogenoffset ist das Papier (oder auch Karton bzw. Pappe) in einzelne Bogen geschnitten, während es im Rollenoffset, wie der Name schon sagt, von einer großen Papierrolle kommt.
Im Bogenoffset sind Druckgeschwindigkeiten von bis zu 23.000 Bogen pro Stunde möglich, in der Praxis bleibt man jedoch zur besseren Kontrollmöglichkeit häufig darunter. Auflagenhöhen zwischen 500 und 50.000 Exemplaren sind der Normalfall, Druckprodukte sind Broschüren, Magazine, Zeitschriften oder auch Umschläge für im Tiefdruck gedruckte Zeitschrifteninhalte, Bücher, Prospekte, Mailings, Flyer, Geschäftsausstattungen usw.
Der Rollenoffset ermöglicht durch die durchlaufende Papierrolle, die im laufenden Betrieb ersetzt werden kann, höhere Geschwindigkeiten von bis zu 75.000 Druckformen pro Stunde. Nach Druck und Trocknung wird das Papier direkt inline weiterverarbeitet. Je nach Druckerei wird die Minimalauflage für Rollenoffset unterschiedlich angegeben, von 10.000 bis 50.000 Exemplaren. Bei einer Auflagenhöhe von 500.000 bis 750.000 Exemplaren ist die Obergrenze der Wirtschaftlichkeit erreicht. Druckprodukte sind Kataloge, kleinformatige Streu-Werbemittel, Telefonbücher oder auf Zeitungsdruckmaschinen auch Tageszeitungen.
Thema: Computerarbeitsplatz und Netzwerke nutzen, pflegen und konfigurieren: Computersicherheit
Datenschutz
Der Schutz vor unbefugten Zugriffen durch "Hacker" kann nur über Pass- und Codewörter erfolgen. Das ist keine vollkommene Sicherung, denn Passwörter können evtl. rekonstruiert oder ausspioniert werden.
Für den Umgang mit Passwörtern gelten folgende Regeln:
1. Passwörter in bestimmten, unregelmäßigen, nicht zu großen Abständen wechseln.
2. Passwörter dürfen nicht zu leicht zu rekonstruieren sein – Geburtsdaten und Namen sind ungeeignet, geeignet: sinnfreie Kombinationen, wie z. B. aPhJ68!kZ
3. Passwörter müssen trotzdem gut merkbar sein, denn sie sollten aus Sicherheitsgründen nicht aufgeschrieben werden (zumindest nicht digital)!
Sicherer als softwaremäßige Sicherung ist die Hardwaresicherung durch "Dongles". Diese elektronischen Hardwareschlüssel in Form von Steckern, die auf eine Schnittstelle des Computers gesteckt werden, eraluben den Zugriff auf bestimmte Programme und Daten.
Angriffe aus dem Internet
Während es noch vor einigen Jahren die lokalen Datenträger waren, die zur Verbeitung vono Computerviren geführt haben, ist es mittlerweile vorwiegend das Internet, über das sich Viren, Würmer, Trojaner und andere Schädlinge in oft rasender Geschwindigkeit verbreiten. Die Hauptgefahr geht hierbei von Email-Anhängen und von Sicherheitslücken der Webbrowser aus.
Schädlingsarten
Der Begriff "Viren" wird oft nicht ganz richtig als Oberbegriff für Schädlinge aller Art bezeichnet. Besser sollte hierbei von "Malware" (= Malicious Software, also bösartige Software) gesprochen werden. Ihre wichtigsten Vertreter sind:
Sicherheit im Internet
Welche Möglichkeiten (über die Verschlüsselung hinaus) gibt es, um ein Netzwerk vor fremden Zugriff zu schützen?
Unterschied Antivirusprogramm und Firewall
Antivirusprogramm: Schützt den Computer vor Malware. Im Internet finden sich zahlreiche Anbieter von Antivren-Software, die ihre Programme teilweise kostenlos, teilweise gegen Gebühr anbieten, z. B. AntiVir, Avast, Norton Antivirus, Kaspersky Antivirus. Problematisch bei der Verwendung aller Virenscanner ist, dass diese immer nur die ihnen bekannten Viren erkennen und entfernen können. Insofern ist er unerlässlcih, in regelmäßigen Abständen die aktuellste Version oder Virenliste runterzuladen
Firewall: Alle Schutzmaßnahmen, die einen unerlaubten Zugriff von außen auf ein privates Netzwerk verhindern.Sie überprüft die eintreffenden Datenpakete, z. B. hinsichtlich Quell- und Zieladresse, Eine Firewall sollte auch die den Rechner verlassenden Daten prüfen, da sich bereits schädliche Software im System befinden könnte. So kann eine Firewall auch Spyware entdecken. Angreifer aus dem Netz (Hacker) werden damit abgewehrt. Durch Freigaben kann man vertrauenswürdige und bekannte Anwendungen zulassen.
Gefahrenquelle E-Mail
Emails sind die größte Gefahr für die Infektion eines Rechners mit einem Virus, Wurm, Trojaner oder ähnlichem. Der grund für die große Gefahr sind nicht die Textdateien selbst, sondern potenzielle Dateianhänge, da diese Dateien ausführbare Programme enthalten können. Da sich Dateiendungen unter Windows ausblenden lassen, sind die Endungen unter Umständen gar nicht sichtbar. Ein Trick besteht darin, dass eine Datei eine falsche Dateiendung vorgibt: Hinter der Datei "Brief.txt.vbs" verbirgt sich scheinbar eine Textdatei, tatsächlich aber eine VisualBasic-Script-Datei)
Anti-Spyware: Durchsucht den Rechner nach Programmen, die zum Ausspionieren des Systems dienen. Aus der Absenderadresse der Email kann längst nicht mehr gefolgert werden, ob diese Mail vertrauenswürdig ist, oder nicht, Grund ist die bereits erwähnte Verbindung von Würmern unter Zuhilfename des Adressverzeichnisses. Die Email eines Freundes ist mit einem durchaus plausibel klingenden Betreff kann also eine Falle sein und nach dem Doppelklick auf den Anhang ist es schon zu spät...
Spam: Spam-Mails machen ca. 70 % des gesamten Email-Verkehrs aus und verursachen damit einen enormen wirtschaftlichen Schaden. Dennoch sind Spam-Mails, wenn es sich um reine Textdateien handelt, zwar lästig, aber ungefährlich. Gefährlich sind sogenannte "Backdoor"-Programme, die einen extrenen Zugriff auf den Rechner erlauben.Tückisch sind auch "Keylogger", die als PC-Wanzen sämliche Tastatureingaben protokollieren und somit zur Entschlüsselung von Benutzernamen und Passwörtern dienen. Die wichtigste Regel im Umgang mit Emails: Keine Dateianhänge öffnen, wenn es sich um ausführbare Dateien handelt, z. B. .exe, .com, .vbs oder oder oder
Wichtigste Maßnahme zur Vermeidung von Infektionen ist eine gesunde Skepsis gegenüber alle eingehenden Mails. Rufen Sie ggf. den Absender an, bevor Sie einen vermeintlich unsicheren Anhang öffnen. Maßnahme zur Spam-Vermeidung: Ist die Angabe einer Kontaktadresse erforderlich, kann sie verschlüsselt erfolgen, z. B. durch Ersetzen des @-Zeichens: name(at)firma.de oder indem sie als GIF-Grafik gespeichert wird
Phishing-Mails: Emails mit dem Ziel, Zugangsdaten zu eBay, Homebanking o. ä. auszuspionieren. Vorgehensweise: Durch eine plausibel klingende Mail wird der Nutzer dazu veranlasst, einen Textlink anzuklicken, der auf eine vermeintlich seriöse Seite führt. Dort wird er aufgefordert, sich beim jeweiligen Dienst anzumelden – Schon sind die Zugangsdaten erfasst. Wichtigste Regel: Niemals auf Textlinks klicken, auch wenn es sich um scheinbar seriöse Links handelt.
Sicherheit unter Mac OS X
Auch unter Mac OS X gibt es Schädlinge, allerdings in wesentlich geringerer Zahl als bei den Windows-Betriebssystemen. Gründe: relativ geringe Verbreitung des Macs -> keine lohnenswerte Zielgruppe, gute Schutzmechanismen, die den Zugriff auf bestimmte Bereiche verhindern. Doch auch hier: Vorsicht ist besser als Nachsicht, deshalb sollte die hauseigene Firewall in jedem Fall aktiviert und Antivirensoftware eingesetzt sein!
Sicherheit unter Windows XP
Benutzerverwaltung: Hauptproblem in Punkto Sicherheit: die Nutzer besitzen nach der Installation Administratorenrechte und können sämtliche Änderungen am Betriebssystem vornehmen.Wer sich jedoch als Admin im Internet bewegt, öffnet damit einfallenden Schädlingen Tür und Tor, denn ein schädliches Programm kann nun ebenfalls an beliebiger Stelle ins Betriebssystem eingreifen.Um diese Sicherheitslücke zu schließen, muss man sich als Benutzer und damit auch potenziellen Schädlingen die Zugriffsrechte einschränken.
Service Pack 2: Eine weitere Forderung ist die Installation des "Service Pack 2", da Microsoft hiermit den Schutz des Betriebssystems deutlich verbessert hat: Neben dem Schließen vieler Sicherheitslücken, stellt Win XP ein Sicherheitscenter zur Verügung: beeinhaltet eine Firewall, integriert eine installierte Antiviren-Software, automatische Updates -> Sicherheitsupdates, ohne dass sich der Nutzer darum kümmern muss.
Internet Explorer und Outlook: Wegen der hohen Verbreitung des Webbrowsers Internet Explorer und der Email-Software Outlook haben sich viele Virenschreiber auf die Sicherheitslücken der beiden Produkte spezialisiert. Am besten auf diese beiden Produkte verzichten, oder mit den diversen Sicherheitseinstell-ungen beschäftigen um eine Infektion unwahrscheinlicher werden zu lassen -> Kontrollmöglichket von ActiveX (zur Einbindung interaktiver und multimedialer Komponenten auf Webseiten, wie die Steuerung eines Videos).
Sicherheit ab Windows Vista
Vista besitzt ein völlig neues Sicherheitskonzept. Eine wesentliche Neuerung: die Zugriffsrechte von Nutzern sind von Anfang an deutlich eingeschränkt, sogar Admins. Nach dem Motto: Wenn die Nutzer selbst keine rechte haben, gilt dies auch für Angreifer von außen. Eine zweite Maßnahme: vor dem Zugriff auf wichtige Systemdateien wird zunächst eine Kopie erstellt und nur in dieser Kopie werden Änderungen vorgenommen, die Originaldateien bleiben erhalten und unverändert. Der neue Internet Explorer 7 hat einen Phishing-Filter und auch beim Nachfolger von Outlook sollen frühere Sicherheitsmängel beseitigt worden sein und Spam- oder Phishing-Mails erkannt werden.
Beim Bildrecht kann man die Thematik in zwei Themenbereiche unterteilen.
http://www.rechtambild.de/
1. Zunächst die Frage des Urheberechts und der damit verbunden Nutzungsrechte für Bilder.
2. Anderseits um Fragen wie Recht am eigenen Bild aber auch Fragen ob jeder jedes Bild aufnehmen und weiterverkaufen darf z.B. Aufnahme von Sportveranstaltungen.
(Beispiel: UEFA klagt gegen Veröffentlichung von Handy-Bilder im Internet: http://www.art-lawyer.de/index.php5?page=Themen&id=Uefa_will_gegen_EM_Aufnahmen_im_Internet_vorgehen)
Weiterführende Links - Bildrecht allgemein:
http://www.gekforum18.de/content/e152/e446/
Grundsätzlich gilt: Veröffentlichung nur mit Einwilligung des Abgebildeten (KUG Kunsturhebergesetz § 22 - "Recht am eigenen Bild")
Ausnahmen:
früher Unterscheidung "absolute" oder "relative" Person (absolute Personen stehen durch das gesamte Wirken dauerhaft in der Öffentlichkeit, relative Personen sind z.B. Schauspieler, Sportler, etc.)
seit 2004 Abwägung zwischen Interesse der abgebildeten Person und dem Informationsinteresse der Öffentlichkeit (Persönlichkeitsrecht <-->Meinungsfreiheit)
Ausnahme zum Einwilligungsvorbehalt KUG § 23, wenn die Person keine zentrale Bedeutung für das Foto hat und demzufolge als Beiwerk nur am Rande wahrgenommen wird
zulässig, sofern die Veranstaltung zentraler Gegenstand des Fotos ist
darf nur zu einem künstlerischen Zweck veröffentlich werden (z.B. Ausstellung)
es darf KEINE Auftragsarbeit sein
Oben genannte Ausnahmen gelten nur, wenn keine Persönlichkeitsrechte verletzt werden (Privat- oder Intimsphäre). Ebenfalls darf das Foto nicht für kommerzielle Zwecke genutzt werden (Stichwort Lizenzen).
Einwilligung des Abgebildeten lt. KUG § 22 (1):
Rechtssicherheit bei schriftlicher Einwilligung sowie Angabe von Zweck und Umfang der Veröffentlichung
bei Kindern ist die Einwilligung der Eltern erforderlich
bei größeren Kindern und Jugendlichen die Einwilligung der Eltern sowie des Kindes selbst
Grundsätzlich gilt, dass für urheberrechtlich geschützte Werke die Einräumung eines Nutzungsrechts (Lizenz) erforderlich ist (Fotografien von Gemälden, Skulpturen, Schmuck, etc.)
Verboten ist ausdrücklich ein Eingreifen in die Privatsphäre (z.B. Außenaufnahme von Wohnhäusern Prominenter, Innenaufnahmen von Wohnungen, etc.).
Urheberrechtlich geschützte Werke die sich (DAUERHAFT!) an öffentlichen Wegen befinden, dürfen abgebildet werden (siehe UrhG § 59)
nicht zulässig: Aufnahmen von privatem Boden aus, Innenaufnahmen ohne Einwilligung sowie vorübergehend sichtbare Werke
ein Bild von anderen Werken darf in einem eigenen Werk abgebildet werden wenn eine "Belegfunktion" gegeben ist; d.h. das z.B. ein abgebildetes Werk einen Text belegt. Ein inhaltlicher Bezug zum Thema muss bestehen und die Quelle muss angegeben sein (Urhebernennung, Fundort).
Nutzung von Fotos, in denen andere Werke nebensächlich abgebildet sind (z.B. Abbildung von Kunstwerken um eine öffentliche Ausstellung zu bewerben oder ein Kunstdruck auf einem T-Shirt)
Für den privaten Gebrauch dürfen urheberrechtlich geschützte Werke fotografiert werden. Sollten diese Veröffentlich werden, gelten oben aufgezählte Punkte.
Die urheberrechtliche Schutzfrist eines Lichtbildes läuft ab 70 Jahre nach dem Tod des Urhebers.
Macht ein Mieter oder Eigentümer sowohl im öffentlichen als auch im nicht-öffentlichen Bereich vom Hausrecht gebrauch, dürfen Fotos weder erstellt noch veröffentlich werden (siehe Museen, Kulturveranstaltungen, etc.).
Gleiches gilt für Außenaufnahmen, die von privatem Grund aus erstellt werden.
Militärische Anlagen und damit zusammenhängend Waffen, Militärfahrzeuge, etc. dürfen nicht fotografiert werden. (Ausnahmegenehmigung)
Gleiches gilt für Luftaufnahmen, die die Sicherheit der BRD gefährden.
(Quelle siehe 1. Link oben S. 3 - 6: http://www.dipp.nrw.de/lizenzen/faq/faq-bildrechte/index_html?set_language=en&cl=en)
Der Satzspiegel sieht einen Weißraum um den Text herum vor, die Ränder. Sie sind von Bedeutung, da sie wie ein Passepartout wirken und den Text optisch von seiner Umgebung trennen, so dass das Auge sich auf den Inhalt konzentrieren kann. Auch ist das der Raum, wo die Finger das Buch halten. Ohne es sich bewusst zu sein besitzt jeder eine Abneigung gegen das Verdecken des Textes mit seinen Fingern, man versucht immer, diese auf dem Weißraum zu halten.
Basierend auf dem Format, gibt es traditionell mehrere Möglichkeiten, die Proportionen von Seite und Satzspiegel zu bestimmen.
So zum Beispiel – zuerst erkannt von Villard de Honnecourt – ist eine Konstruktion aus diagonalen Linien, die die Proportionen des Satzspiegels vieler mittelalterlicher Bücher beschreibt. Man zieht zwei diagonale Linien über die Doppelseite und eine über die jeweilige Seite, so dass sie sich oben treffen. Verbindet man die diagonalen mit den horizontalen Linien, erhält man einen Satzspiegel, der seine Proportionen unabhängig vom Ausgangspunkt beibehält. Um 1/9 und 2/9 große Ränder und einen Satzspiegel mit gleichen Proportionen zu erhalten, zieht man eine vertikale Linie von einem Schnittpunkt nach oben und wieder zurück zum Schnittpunkt auf der anderen Seite. An diesem Schnittpunkt erhält man den Startpunkt.
Der so konstruierte Satzspiegel ist harmonisch – ökonomisch ist er jedoch nicht. Oft wird er vergrößert, um mehr Text auf einer Seite unterbringen zu können und um Papier zu sparen. Eine weitere Methode der Satzspiegelkonstruktion ist die Verwendung von 2-3-4-5-Propotionen bei Rändern. Die beiden inneren Ränder sollten gemeinsam die Größe eines Außenrandes haben, dadurch entsteht die Vorstellung eines gleichen Abstands. Der obere und untere Raum wird in 3/8 und 5/8 geteilt, dies erinnert an den goldenen Schnitt.
Weitere Möglichkeiten sind 2-3-4-6, 3-4-5-6 oder auch 3-3-3-6, dass in ziemlich schmalen Außenrändern resultiert, gleichzeitig aber einen großen Satzspiegel bietet. In jedem Fall müssen die Innenränder groß genug sein, damit der Text als Ganzes auch bei einem Buch mit sehr vielen Seite lesbar bleibt.
Es ist sicherlich schön, komplett selbst entscheiden zu können, wie ein Manuskript in welchem Layout gesetzt werden kann, ohne auf die Anzahl der Seiten zu achten. Doch wie auch bei Broschüren oder Katalogen haben die meisten Kunden eine klare Vorstellung von Seitenanzahl und Budgetgröße. Oft folgt die Schriftauswahl und die Randbreite ökonomischen Gesichtspunkten, die Aufgabe des Typografen ist es also auch, den besten Kompromiss zwischen Ökonomie und guter Gestaltung zu finden.
Ein anderer wichtiger Teil eines Buchs, der dem Leser Aufschluss über die Struktur vermittelt, ist die Paginierung oder die Seitenzahlen. Traditionell stehen diese im Fuß, außerhalb des Satzspiegels, mittig oder am äußeren Rand, in der selben Schrift und Größe wie der eigentliche Text. Sie sollten einfach aufzufinden sein, deshalb platziert man sie selten am Innenrand.
Eine der Hauptaufgaben der JavaScript-Programmierung ist die Manipulation von HTML-Elementen mithilfe des Document Object Models (DOM). Damit kann man sich von Element (Knoten) zu Element bewegen und diese verändern. Man kann Knoten über eine ID oder einen Tag-Namen ansteuern, es gibt aber z.B. keine direkte Möglichkeit, alle Elemente einer Klasse auszuwählen.
Eine weitere Schwierigkeit stellt die unterschiedliche Interpretation des DOMs der Browsern dar. Teile des DOM-Standards funktionieren nicht in allen Browsern. Der Internet Explorer behandelt z.B. Events anders als andere Browser, derselbe HTML-Code erzeugt eventuell in Firefox und Safari mehr Textknoten als im Internet Explorer. Das Beheben solcher JavaScript-Probleme ist sehr aufwändig und es kostet viel Zeit, entsprechenden Code zu produzieren, damit sich die verschiedenen Browser gleich verhalten.
Viele JavaScript-Programme erfüllen immer wieder die gleichen Aufgaben in Webseiten: Elemente auswählen, neuen Inhalt einfügen, Inhalte anzeigen und ausblenden, die Attribute eines Tags ändern, den Wert von Formularfeldern bestimmen oder auf verschiedene Benutzerinteraktionen reagieren. Sämtliche dieser Funktionalitäten jedes Mal neu zu programmieren kann sehr aufwändig sein, vor allem wenn die Browser den Code unterschiedlich interpretieren. Mithilfe von JavaScript-Frameworks (auch JavaScript-Bibliotheken genannt) kann man viele zeitraubende Programmierdetails überspringen.
Eine JavaScript-Bibliothek ist eine Sammlung von JavaScript-Code, die einfache Lösungen für viele verbreitete und häufig benötigte Funktionalitäten beinhaltet. Solche Bibliotheken arbeiten wie eine Ansammlung im Voraus geschriebener JavaScript-Funktionen, die man je nach Bedarf in seine Seite einbindet. Diese Funktionen erleichtern den Einsatz häufig wiederkehrender Aufgaben, so kann man viele Zeilen selbstgeschriebenen Code oft durch einen einzigen Funktionsaufruf aus der Bibliothek ersetzen. Die Bibliotheken sind darauf ausgelegt, dass sie in allen Browsern gleich funktionieren, der hohe Zeitaufwand für ausführliche Tests entfällt. Mittlerweile gibt es sehr viele JavaScript-Bibliotheken von denen die meisten kostenlos verwendet werden können. Auch große Websites wie Yahoo, Amazon, CNN, Apple, Microsoft, Google und Twitter setzen erfolgreich JavaScript-Frameworks ein.
Vergleich der einzelnen Frameworks auch unter http://matthiasschuetz.com/javascript-framework-matrix/de/
Anleitung für das Wiki
In diesem Wiki könnt ihr gemeinsam Lerninhalte erstellen. Jedes Wiki ist direkt und für jeden angemeldeten User editierbar. Wenn bereits bei vorherigen Prüfungen Wikis zum Thema (manchmal auch nur Teilgebiete streifend) erstellt wurden, so werden sie unten verlinkt. Ansonsten einfach hier diesen Eintrag überschreiben und mit entsprechenden Inhalten füllen. Konkrete Aufgaben gemeinsam lösen oder besprechen könnt ihr zudem in der Lerngruppe.
https://mediencommunity.de/lerngruppe-mediengestalter-ap-sommer-2023
Viel Erfolg beim Lernen.
Das Team der mediencommunity
Inhaltsverzeichnis
1. Aufgabe von Infografiken
2. Gestaltungsregeln von Infografiken
3. Diagrammarten
3.1. Torten- auch Kreisdiagramm:
3.2. Liniendiagramm
3.3. Säulendiagramm
3.4. Flussdiagramm:
3.5. Baumdiagramm (Verzweigungsdiagramm)
3.6. Flächendiagramm:
3.7. Kartografische Infografiken
3.7.1. Ereignisraumkarte:
3.7.2. Thematische Karten:
3.7.3. Wetterkarten:
3.8. Bildstatistik:
3.9. Prinzip - Prozessdarstellung:
3.10. Bildlegende
3.11. Fieberkurve.
4. Isotype-Grafiken
5. Technische Illustration
1. Aufgabe von Infografiken
2. Gestaltungsregeln von Infografiken
(Quelle: Kompendium, Band 1 auf Seite 409)
3. Diagrammarten
3.1 Torten- auch Kreisdiagramm:
Ist die Darstellung für Teile eines Ganzen als Teile eines Kreises mit 360 Grad. Das Tortendiagramm wird in mehrere Kreissektoren aufgeteilt. Diese Kreissektoren werden durch eine Radiuslinie jeweils vom Rand zu Mitte des Kreises aufgeteilt. Der Winkel zwischen zwei Radiuslinien bestimmt hierbei die Größe des einzelnen Kreissektors.
Um diese Kreissektoren besser voneinander zu unterscheiden werden verschiedene Farben, Muster oder Schattierungen verwendet.
Die Beschriftung der einzelnen Kreissektoren:
Kreisdiagramme werden hauptsächlich in der Betriebs- und Volkswirtschaft verwendet.
3.2. Liniendiagramm:
Hier ein Beispiel für ein Liniendiagramm.
Ein Liniendiagramm (Kurvendiagramm) ist eine Darstellungsform für statische Auswertungen. Die Häufigkeiten werden in einem Koordinatensystem durch Kurven bzw. geradlinig verbundene Punkte dargestellt. Man verwendet ein Liniendiagramm für die Darstellung von Zeitreihen und Entwicklungen.
Beispiel Säulendiagramm
Sonderformen: Gruppiertes oder Überlappendes Säulendiagramm, Balkendiagramm
3.4. Flussdiagramm:
Das Flussdiagramm visualisiert die Stufen eines Prozesses.
Es gibt einige festgelegte Zeichen, die verwendet werden:
Beispiel Flussdiagramm (Programmablaufplan): link
3.5. Baumdiagramm (Verzweigungsdiagramm):
Das Baumdiagramm beschreibt eine Struktur oder Organisation von etwas. Es eignet sich also besonders gut, um Hierarchien (wie z.B. in einer Firma) darzustellen.
3.6. Flächendiagramm:
Die Aufgabe eines Flächendiagramms ist, die Entwicklung von Mengen darzustellen. Basierend auf der Darstellung des Liniendiagramms dient ein Koordinatensystem, in dem Punkte mit einer Linie miteinander verbunden sind. Die darunter liegende Fläche ist entsprechend farbig gefüllt ist. Bei einem überlagerten Flächendiagramm schneiden sich die Wertekurven. Die Farben der Kurven sollten sich stark unterscheiden um eine bestmögliche Übersichtlichkeit zu gewährleisten.
Beispiel Flächendiagramm: link
Beispiel überlagertes Flächendiagramm: link
3.7. Kartografische Infografiken
Ist die Visualisierung räumlicher Zusammenhänge und Geschehnisse. Die Vereinfachung der Infografik ist von großer Bedeutung, d.h. nur Details zeigen, die wichtig sind. Die Angaben vom Kartenmaßstab und die korrekte Ausrichtung des Kartenbildes nach Norden müssen beachtet werden.
3.7.1. Ereignisraumkarte:
Lage- oder Orientierungskarten.
Verwendung finden sie z.B. bei Unwettern, Rennstrecken, Kriegshandlungen oder großen Sportveranstaltungen
3.7.2. Thematische Karten:
Verwendet bei z.B. allen Kohlekraftwerken in Deutschland oder der Arbeitslosenquote in den Bundesländern. Dabei werden themenbezogene Symbole besonders hervorgehoben.
3.7.3. Wetterkarten:
Wetterkarten werden in verschiedenen Varianten erstellt. Die Bandbreite geht von der Meteorologischen Karte bis zu Karten mit Zusatzinfomationen, wie z.B. Pollenflug, Ozonwerte oder Biowetter als Serviceinformation. Wetterkarten sind typische Kurzzeitkarten.
3.8. Bildstatistik:
Bekannteste Infografik
Grundlage sind z.B. Balken und Säulendiagramme, Linien und Flächendiagramme, Kreis und Tortendiagramme. Werden z.B. verwendet bei Bundestagswahlen, Stimmen und Sitzverteilung.
Die Aufgabe einer Bildstatistik ist die Kennzahl verständlich und optisch ansprechend zu visualisieren. Dabei ist es wichtig, dass die Kennzahl eindeutig definiert ist und in dem Schaubild angegeben ist.
Visualiesiert werden:
- Zusammensetzung
- Anteile
- Verlauf
- Tendenz
- Vergleich
3.9. Prinzip - Prozessdarstellung:
Visualisierung von komplexen Zusammenhängen, z.B. die Funktion technischer Systeme.
Oft werden dabei Fotografien mit Grafiken kombiniert.
Um einen Prozess oder Sachverhalt vereinfacht, aber sachlich richtig darzustellen, muss man ihn verstanden haben. Machen Sie sich kundig, kommunizieren Sie mit z.B. einem Techniker, wie das zu visualisierende Objekt funktioniert.
3.10. Bildlegende
In Isotype-Grafiken werden Mengen durch gegenständliche Symbole veranschaulicht. Dabei ändert sich nie die Größe der Symbole, sondern immer deren Anzahl. Die jeweilige statistische Einheit sollte als gegenständliches Bild gestaltet werden. Die gleiche Einheit wird immer durch dasselbe Bildzeichen wiedergegeben.
Ziel der Isotype-Grafik ist immer die Anschaulichkeit, die Gegenständlichkeit und die korrekte Visualisierung. Daher zeigen diese Grafiken immer anschauliche Mengenverhältnisse anstatt der wenig einprägsamen Zahlen. Die Grafiken beinhalten ein zentrales
Thema, das vom Grafiker entsprechend grafisch aufbereitet wird.
(Quelle: Kompendium, Band 1 auf Seite 484)
Technische Illustrationen geben technische Details exakt so wieder, dass ein Laie den prinzipiellen Gesamtzusammenhang z.B. einer Maschine erkennen kann. Ein fachkundiger Betrachter kann aber genau erkennen, um welches technische Getriebe es sich beispielsweise bei einer abgebildeten Maschine handelt.
Technische Illustrationen sind also detailgetreue und exakte Abbildungen der Wirklichkeit, die mit fotografischen Abbildungen so nicht erstellbar sind. Daher sind derartige Grafiken aufwändig und teuer in der Herstellung.Technische Illustrationen können als Explosionsgrafik aufgebaut werden. Dies ist eine Grafik, die z.B. eine Maschine vollständig darstellt, also einen Überblick über den Gesamtzusammenhang gibt. In wesentlichen Teilen kann dann die Maschine in verschiedene Ebenen zerlegt werden, um Einblicke in technische Vorgänge und Funktionszusammenhänge zu geben.
(Quelle: Kompendium, Band 1 auf Seite 485)
Ergänzender Artikel unter:
http://www.shutterstock.com/de/blog/2013/08/3-design-tipps-von-einem-infografik-profi/?pl=OBDE-art18
| Anhang | Größe |
|---|---|
| Beispiel 1 | 2.11 MB |
 Beispiel 2, zur Verfügung gestellt von vouchercloud | 1.19 MB |
Inhaltsverzeichnis
1. Aufgabe von Infografiken
2. Gestaltungsregeln von Infografiken
3. Diagrammarten
3.1. Torten- auch Kreisdiagramm:
3.2. Liniendiagramm
3.3. Säulendiagramm
3.4. Flussdiagramm:
3.5. Baumdiagramm (Verzweigungsdiagramm)
3.6. Flächendiagramm:
3.7. Kartografische Infografiken
3.7.1. Ereignisraumkarte:
3.7.2. Thematische Karten:
3.7.3.
Wetterkarten:
3.8.
Bildstatistik:
3.9.
Prinzip - Prozessdarstellung:
3.10. Bildlegende
3.11. Fieberkurve.
4. Isotype-Grafiken
5. Technische Illustration
1. Aufgabe von Infografiken
2. Gestaltungsregeln von Infografiken
(Quelle: Kompendium, Band 1 auf Seite 409)
3. Diagrammarten
3.1 Torten- auch Kreisdiagramm:
Ist die Darstellung für Teile eines Ganzen als Teile eines Kreises mit 360 Grad. Das Tortendiagramm wird in mehrere Kreissektoren aufgeteilt. Diese Kreissektoren werden durch eine Radiuslinie jeweils vom Rand zu Mitte des Kreises aufgeteilt. Der Winkel zwischen zwei Radiuslinien bestimmt hierbei die Größe des einzelnen Kreissektors.
Um diese Kreissektoren besser voneinander zu unterscheiden werden verschiedene Farben, Muster oder Schattierungen verwendet.
Die Beschriftung der einzelnen Kreissektoren:
Kreisdiagramme werden hauptsächlich in der Betriebs- und Volkswirtschaft verwendet.
3.2. Liniendiagramm:
Hier ein Beispiel für ein Liniendiagramm.
Ein Liniendiagramm (Kurvendiagramm) ist eine Darstellungsform für statische Auswertungen. Die Häufigkeiten werden in einem Koordinatensystem durch Kurven bzw. geradlinig verbundene Punkte dargestellt. Man verwendet ein Liniendiagramm für die Darstellung von Zeitreihen und Entwicklungen.
Beispiel Säulendiagramm
Sonderformen: Gruppiertes oder Überlappendes Säulendiagramm, Balkendiagramm
3.4. Flussdiagramm:
Das Flussdiagramm visualisiert die Stufen eines Prozesses.
Es gibt einige festgelegte Zeichen, die verwendet werden:
Beispiel Flussdiagramm (Programmablaufplan): link
3.5. Baumdiagramm (Verzweigungsdiagramm):
Das Baumdiagramm beschreibt eine Struktur oder Organisation von etwas. Es eignet sich also besonders gut, um Hierarchien (wie z.B. in einer Firma) darzustellen.
3.6. Flächendiagramm:
Die Aufgabe eines Flächendiagramms ist die Entwicklung von Mengen darzustellen. Basierend auf der Darstellung des Liniendiagramms dient ein Koordinatensystem in dem Punkte mit einer Linie miteinander verbunden sind. Die darunter liegende Fläche ist entsprechend farbig gefüllt ist. Bei einem überlagerten Flächendiagramm schneiden sich die Wertekurven. Die Farben der Kurven sollten sich stark unterscheiden um eine bestmögliche Übersichtlichkeit zu gewährleisten.
Beispiel Flächendiagramm: link
Beispiel überlagertes Flächendiagramm: link
3.7. Kartografische Infografiken
Ist die Visualisierung räumlicher Zusammenhänge und Geschehnisse. Die Vereinfachung der Infografik ist von großer Bedeutung d.h. nur Details zeigen, die wichtig sind. Die Angaben von Kartenmaßstab und korrekte Ausrichtung des Kartenbildes nach Norden müssen beachtet werden.
3.7.1. Ereignisraumkarte:
Lage- oder Orientierungskarten.
Verwendung finden Sie z.B. bei Unwettern, Rennstrecken, Kriegshandlungen oder großen Sportveranstaltungen
3.7.2. Thematische Karten:
Verwendet bei z.B. allen Kohlekraftwerken in Deutschland oder der Arbeitslosenquote in den Bundesländern. Dabei werden Themenbezogene Symbole besonders hervorgehoben.
3.7.3. Wetterkarten:
Wetterkarten werden in verschiedenen Arten erstellt. Die Bandbreite geht von der Meteorologischen Karte bis zu Karten mit zusatz Infomation z.B. Pollenflug, Ozonwerte oder Biowetter als Serviceinformation. Wetterkarten sind typische Kurzzeitkarten.
3.8. Bildstatistik:
Bekannteste Infografik
Grundlage sind z.B. Balken und Säulendiagramme, Linien und Flächendiagramme, Kreis und Tortendiagramme. Werden z.B. verwendet bei Bundestagswahlen Stimmen und Sitzverteilung.
Die Aufgabe einer Bildstatistik ist die Kennzahl verständlich und optisch ansprechend zu visualisieren. Dabei ist es wichtig das die Kennzahl eindeutig definiert ist und in dem Schaubild angegeben ist.
Visualiesiert werden:
- Zusammensetzung
- Anteile
- Verlauf
- Tendenz
- Vergleich
3.9. Prinzip - Prozessdarstellung:
Visualisierung von komplexer Zusammenhänge, z.B. die Funktion technischer Systeme.
Oft werden dabei Fotografien mit Grafik kombiniert.
Um einen Prozess oder Sachverhalt vereinfacht, aber sachlich richtig darzustellen muss man ihn verstanden haben. Machen Sie sich kundig, komunizieren sie mit z.B. einem techniker wie das zu visualisierende Objekt funktioniert.
3.10. Bildlegende
In Isotype-Grafiken werden Mengen durch gegenständliche Symbole veranschaulicht. Dabei ändert sich nie die Größe der Symbole, sondern immer deren Anzahl. Die jeweilige statistische Einheit sollte als gegenständliches Bild gestaltet werden. Die gleiche Einheit wird immer durch dasselbe Bildzeichen wiedergegeben.
Ziel der Isotype-Grafik ist immer die Anschaulichkeit, die Gegenständlichkeit und die korrekte Visualisierung. Daher zeigen diese Grafiken immer anschauliche Mengenverhältnisse anstatt der wenig einprägsamen Zahlen. Die Grafiken beinhalten ein zentrales
Thema, das vom Grafiker entsprechend grafisch aufbereitet wird.
(Quelle: Kompendium, Band 1 auf Seite 484)
Technische Illustrationen geben technische Details exakt so wieder, dass ein Laie den prinzipiellen Gesamtzusammenhang z.B. einer Maschine erkennen kann. Ein fachkundiger Betrachter kann aber genau erkennen, um welches technische Getriebe es sich beispielsweise bei einer abgebildeten Maschine handelt.
Technische Illustrationen sind also detailgetreue und exakte Abbildungen der Wirklichkeit, die mit fotografischen Abbildungen so nicht erstellbar sind. Daher sind derartige Grafiken aufwändig und teuer in der Herstellung.Technische Illustrationen können als Explosionsgrafik aufgebaut werden. Dies ist eine Grafik, die z.B. eine Maschine vollständig darstellt, also einen Überblick über den Gesamtzusammenhang gibt. In wesentlichen Teilen kann dann die Maschine in verschiedene Ebenen zerlegt werden, um Einblicke in technische Vorgänge und Funktionszusammenhänge zu geben.
(Quelle: Kompendium, Band 1 auf Seite 485)
Ergänzender Artikel unter:
http://www.shutterstock.com/de/blog/2013/08/3-design-tipps-von-einem-infografik-profi/?pl=OBDE-art18
Siehe auch hier: Farbseparation
- ursprünglich eine klassische Aufgabe der Druckvorstufe, wird die Farbseparation für immer mehr Fotografen zum Thema
– mit den noch wenig verbreiteten Colormanagementsystemen und den passenden ICC-Profilen ist diese Problematik recht einfach zu lösen
– immer wieder hört man, einer der Hauptvorteile der Digitalfotografie sei die Tatsache, dass der Druck auf den Auslöser in Sekundenschnelle druckreife Bilddaten liefere
– da auch die Kunden diesen Schwachsinn vernehmen, verlangen immer mehr Auftraggeber aus Kosten- und Zeitgründen nicht nur digitale, sondern auch druckfertige Bilddaten
– zwar lässt sich das Digifoto tatsächlich sofort auf jedem beliebigen Fotodrucker ausgeben; vor den „echten“ Druck in Katalog, Zeitschrift oder Anzeige hat der Herr der Bilder allerdings die Farbseparation gestellt
– dieser Prozess bestimmt, wie der Bildinhalt auf die 4 Druckfilme verteilt wird
– es ist ein sehr komplexer Prozess, bei dem zahlreiche Faktoren berücksichtigt werden müssen
– die endgültige Farbgebung wird von der Vorstufe erst nach der Farbseparation festgelegt
– sinnvoll wäre es jedoch, dass ein digital arbeitendes Fotostudio den Schritt in den CMYK-Farbraum wagt: die Bilddaten sind vorhanden, ebenso wie das erforderliche „Werkzeug“
– der gut bezahlte Job der Farb-Reprografen wird heute langsam in Maschinen- bzw. Softwarewissen überführt
– wenn allerdings ein digitales Bild über einen Filmrekorder auf Diamaterial ausbelichtet wird, ist keine Farbseparation erforderlich
– Filmrekorder und Dia arbeiten im RGB-Farbraum
Separationssoftware
– Spezialprogramme wie etwa Linocolor (früher: Linotype), ResoLUT oder die speziell für Leaf-Digitalkameras abgestimmte Variante ColorShop von Scitex liefern exzellente Ergebnisse
– aber auch Photoshop bietet ein Fülle von Funktionen. Allerdings gehen hier die Meinungen was die Qualität angeht auseinander: eine Seite verschmäht die Separationsergebnisse von Photoshop, für die andere Seite ist es das Non Plus Ultra
– Photoshop ist auf einem kalibrierten System durchaus in der Lage, exzellente Resultate zu zeigen. Aber bereits eine einzige fehlerhafte Einstellung kann zum kompletten Bildermüll im Druck führen
– nur mit dem Klick auf den CMYK-Modus ist es nicht getan
– für gute Ergebnisse ist die absolut sorgfältige Eingabe der versch. Parameter entscheidend
– man kann versuchen mit der Trial-And-Error-Methode zu den korrekten Einstellungen zu kommen
– für ein echtes Verständnis der Farbseparation ist es aber ohnehin unabdingbar, sich mit den
theoretischen und praktischen Grundlagen des Prozesses vertraut zu machen
Basics: Addition und Subtraktion
– die Wurzel der Problematik liegt im Unterschied zwischen den Farbmodellen, die im Produktionsprozess eine Rolle spielen
– Digitalfotografie findet im RGB Farbraum statt
– für die Darstellung auf dem Monitor stehen 256 Abstufungen zur Verfügung
– insgesamt also 16,8 Mio Farben
– es ist das additive Farbmodell
– Legt man alle 3 Farben in voller Intensität übereinander entsteht weiß
– das Übereinanderlegen in minimaler Intensität (0,0,0) ergibt schwarz
– subtraktives Farbmodell: CMYK, verhält sich gegenüber RGB genau andersherum
– es ist das subtraktive Farbmodell
– Druckt man alle 3 Bunt-Farben (c,m,y) in voller Intensität übereinander entsteht Schwarz
– das Übereinanderlegen in minimaler Intensität ergibt lichte Töne
– Farbe auf dem Monitor ist selbstleuchtend. Gilt auch für Dias (wirkt wie Filter zwischen Netzhaut und Umgebungslicht). Gedruckte Farbe: matter Reflex: das einfallende Licht wird von den Farbpigmenten reflektiert und auf das Auge projiziert
– Folge: die Farbwirkung des Drucks weicht auch dann von der Monitordarstellung ab, wenn alle RGB-Farben tatsächlich den CMYK-Werten entsprechen (weiß & schwarz auf Monitor wirken anders als auf Papier)
– die Kunst der Farbseparation besteht darin, die grundsätzlichen Probleme bei der „Übersetzung“ jedes RGB-Wertes in ein CMYK-Wert so weit wie möglich zu eliminieren und ein visuell gefälliges Ergebnis im Druck sicherzustellen
– es kommt dabei nicht darauf an, dass einzelne Farben absolut exakt wiedergegeben werden, wichtiger ist viel mehr, dass der Gesamteindruck stimmt
– ebenso entscheidend ist, dass vor der Separation mechanisch-physikalische Eigenschaften des Druckprozesses vorhergesehen und bei der Berechnung der Farbwerte für die einzelnen Bildpunkte berücksichtigt werden.
– Die wichtigsten sind:
Tonwertzuwachs
– der gleichen Tropfen Tinte ergibt auf grobem Löschpapier einen größeren Fleck als auf glattem Briefpapier
– dasselbe zeigt sich beim 4-Farbdruck auf versch. Papiersorten
– auf entsprechend saugfähigem Papier kann eine am Monitor auf 50% Grau eingestellte Fläche wesentlich dunkler ausfallen, da die einzelnen Rasterpunkte auslaufen
– verschiedene Druckarten haben unterschiedlichen Tonwertzuwachs, da die Druckform unterschiedlich stark an das Papier gedrückt wird; das bewirkt, dass der Druckpunkt leicht auseinandergedrückt wird.
– im Photoshop wird dieser Wert unter den Separationseinstellungen eingestellt
UCR
– UCR steht für Under Color Removal (Unterfarbenreduzierung) und bewirkt, dass bei dunklen Farben die Tiefe vor allem durch den Schwarzauszug erreicht wird – hierzu reduzieren die entsprechenden Separationsalgorithmen gleiche Anteile der drei Druckfarben und ersetzen diese durch schwarz.
GCR
– GCR steht für Gray Component Replacement (Unbuntaufbau)
– GCR ist für einen Großteil der Produktionsmethoden (besonders im Rollenoffset) der Standard
– Beim GCR-Schwarzaufbau wird eine wählbare Menge von Grauanteilen einer Farbe ersetzt.
– Vorteil: Neutrale Grautöne bekommen bei schwankendem Farbauftrag im Druck keinen Farbstich
– Nachteile: subtile Farbverläufe (etwa in Hauttönen) fallen unter Umständen zu hart aus
Step-by-Step
– ausgehend von einem RGB-Bild erfordert die erstmalige Farbseparation mit Photoshop zum einen die Grundkalibrierung des Systems, zum anderen die Eingabe der eigentlichen Separationseinstellungen
Schritt 1: Kalibrierung
– umfaßt die Einstellung des Monitorgammas und die Abstimmung des Bildschirm-Weiß auf die Farbe des später im Druck verwendeten Papiers
– dazu kommt die Monitorfarbeinstellungen, die deshalb besonders wichtig sind, weil die hier vorgenommenen Änderungen die Umwandlung von RGB in CMYK beeinflussen (Grundkalibrierung muß nur einmal gemacht werden)
Schritt 2: Bearbeitung
– RGB-Bild kann nun beliebig bearbeitet werden
– Warum führt man nicht die komplette Bildbearbeitung nach der Farbseparation durch? Weil die Bilddatei durch die Separation um ein Drittel größer wird, was die Performance des Rechners vermindert
– viel gravierender ist, dass eine Reihe von Photoshop-Funktionen (vor allem Filter) für Bilder im CMYK-Modus nicht zur Verfügung stehen
– schwierig ist auch, in einigen CMYK-Situationen Korrekturen vorzunehmen
– wenn das alles nicht stört, spricht nix gegen die Bearbeitung im CMYK-Modus, allerdings nur dann wenn Separations- und Druckfarbeneinstellungen schon vor der Separation des Bildes korrekt eingegeben wurden
Schritt 3: Separationseinstellungen
– vor der eigentlichen Farbseparation sind Separationseinstellungen festzulegen
– diese umfassen die Separationsart (GCR mit Wahl des Schwarzaufbaus oder UCR) sowie den Wert für max. schwarz
– genauen Werte für alle Einstellungen sind bei der Druckerei zu erfragen
– Optionen des Schwarzaufbaus zeigen die Kurven an, wie die Neutraltöne (x-Achse) durch die 4 Prozeßfarben gemischt werden
– Schwarzaufbau bestimmt, wie die neutralen Tonwerte zwischen Weiß und Schwarz durch Mischen der 4 Druckfarben generiert wird
– Standardeinstellung: mittel ohne: Bild wird nur in CMY separiert (Schwarzkanal bleibt leer)
Maximal: alle Neutraltöne werden komplett in den Schwarzauszug verschoben
Schritt 4: Druckfarben
– als nächstes sind die Druckfarben festzulegen
– es handelt sich hier um ein „Einstellungspaket“, dass Papierart, Druckfarben und Tonwertzuwachs definiert
– Standard-Vorgabe von Photoshop: SWOP gestrichen
(Specifications for Web Offset Publications auf gestrichenem P.)
– in Deutschland ist „Euroskala“ gebräuchlich
Schritt 5: Separation
– jetzt kann man endlich per Mausklick auf Bild – Modus – CMYK die Separation in Gang setzen
– Photoshop erstellt die Separationstabelle und ändert nach der Umwandlung gegebenenfalls die Bilddarstellung, um eine Vorschau des zu erwartenden Druckergebnisses zu geben – sollte diese nicht zufrieden stellen, macht es keinen Sinn, nun die Separations- und Druckfarbeneinstellungen zu ändern, denn diese werden nur beim eigentlichen Separationsvorgang berücksichtigt
– stattdessen sollte man sofort den Widerruf-Befehl anwenden oder zum Ausgangsbild zurückkehren, bei den Schritten 2-4 Änderungen vornehmen und das Bild dann erneut separieren
– wichtig zu wissen: wenn man rückkonvertiert (von CMYK auf RGB) wird nicht das ursprüngl. Bild wiedergegeben, sondern auf Grund der Rundungsfehler ein leicht verändertes. Deshalb sollte man auf jeden Fall eine nicht separierte Variante des Bildes sichern um später mit den Originaldaten gegebenenfalls eine andere Separation durchführen zu können.
Schritt 6: Separationstabellen
– nach der Separation, sollte man abschließende Farb- und Kontrastkorrekturen vornehmen
– diese werden das Ziel verfolgen, ungewollte, durch die Umwandlung verursachte Farbabweichungen zu kompensieren
Goldene Regeln
– Bilder sollten nicht mehrmals zwischen RGB und CMYK hin- und herkonvertiert werden, da hierbei jedesmal ein gewisser Informationsverlust auftritt
– es empfiehlt sich, in Photoshop die Funktion Farbumfang-Warnung zu aktivieren.
Diese zeigt bereits bei der Bearbeitung eines RGB-Bildes an, wenn bestimmte Farben in CMYK nicht druckbar sind. Spezialfunktion der Informationen-Palette (relativ unbekannt): wird der Mauszeiger über nicht druckbare Farben bewegt, erscheint in ihr hinter den CMYK-Werten ein Ausrufezeichen
– Änderungen der Separationseinstellungen bei einem CMYK-Bild werden in Photoshop nach dem Klick auf OK zwar bei der Bilddarstellung berücksichtigt; die eigentlichen Bilddaten bleiben jedoch unverändert und werden erst dann korrekt modifiziert, wenn das ursprüngliche RGB-Bild erneut separiert wird – für besonders anspruchsvolle Produktionen lassen sich die farblichen Einschränkungen des CMYK-Modells umschiffen (z.B. mit dem Hexachrom-Prozeß von Pantone). Hierbei werden – zusätzlich zu verbesserten CMYK-Farben – 2 weitere Druckfarben eingesetzt: orange & grün.
Dadurch kann mehr als die doppelte Anzahl der Pantone-Farben simuliert werden wie im herkömmlichen Vierfarbdruck. Andere setzen auf 7 Farben und können damit sogar die Anzahl der Nuancen des RGB-Farbraums übertreffen.
– Vorsicht mit Selbstbezichtungen, wenn ein separiertes Bild im Druck einmal völlig daneben geht, denn nicht immer ist der Fehler bei der Separation zu suchen. Manche Vorstufenbetriebe und Druckereien lassen separationswillige Fotografen gern einmal gegen die Wand fahren. Die Methoden reichen von schlichter Verweigerung der notwendigen Info bis hin zur regelrechter Sabotage.
Farbseparation:
Übergabe zwischen RGB- und CMYK-Farbmodus
a) Vor- und Nachteile der Farbmodi RGB und CMYK
– eigentlich sind alle Tonwert- und Farbkorrekturen sowohl im RGB als auch im CMYK-Modus durchführbar, man sollte sich trotzdem vorher genau überlegen, welchen Modus man verwendet
– mehrfache Konvertierungen zwischen den Modi sollte vermieden werden, da bei jeder Konvertierung Farbwerte gerundet werden und verloren gehen
– falls ein RGB-Bild nur auf dem Monitor verwendet wird, muss es nicht in ein CMYK-Bild umgewandelt werden
– umgekehrt brauchen Korrekturen nicht im RGB-Modus vorgenommen werden, wenn ein CMYK-Scan
separiert und gedruckt werden soll
– wenn das Bild jedoch ohnehin von einem Modus in den anderen konvertiert werden muss, ist es sinnvoll die meisten Tonwert- und Farbkorrekturen im RGB-Modus und die Feineinstellungen im CMYK-Modus vorzunehmen
– beim Arbeiten im RGB-Modus hat man folgende Vorteile:
– man spart Arbeitsspeicher und verbessert die Leistung
– die Arbeit ist weniger geräteabhängig, da RGB-Farbräume nicht von Monitoren oder Druckfarben abhängig sind. Im RGB-Modus vorgenommene Korrekturen bleiben unabhängig vom verwendeten Monitor, Computer oder Ausgabegerät erhalten. Wird eines dieser Geräte ausgetauscht, muss nur die entsprechenden CMYK-Einstellungsoption geändert und das RGB-Bild anschließend wie der in ein CMYK-Bild konvertiert werden
– bei bestimmten Farbauszügen kann ohnehin nur im RGB-Modus gearbeitet werden
– wenn ein Bild z.B. mit der Option „Schwarzaufbau: Maximum“ im Separations-Einstellungsdialog separiert wurde, ist es schwierig, wenn nicht sogar unmöglich, Korrekturen vorzunehmen, für die die Cyan-, Magenta- oder Gelbanteile stark erhöht werden müssen. In diesem Fall muss das Bild wieder in den RGB-Modus umgewandelt, die Farben korrigiert und dann das Bild erneut separiert werden
b) die verschiedenen Farbumfänge
– der Farbumfang eines Farbsystems ist der Farbbereich, der in diesem System angezeigt oder gedruckt werden kann.
– eine nicht druckbare Farbe ist eine Farbe, die im RGB- oder HSB-Modell angezeigt, aber nicht gedruckt werden kann, weil es keine Entsprechung im CMYK-Modell gibt
– das vom Auge wahrnehmbare Farbspektrum ist größer als der Farbumfang verschiedener Farbmodelle
– unter den Farbmodellen hat das Lab-Modell den größten Farbumfang – es umfasst Farben des RGB- und CMYK-Farbumfangs
– der RGB- Farbumfang ist Teilmenge der Farben, die Computer- und Fernsehmonitore anzeigen können
– einige Farben (z.B. reines Cyan oder Gelb) können daher am Bildschirm nicht korrekt angezeigt werden
– der CMYK- Umfang ist kleiner und enthält nur Farben, die mit Vierfarbdruckfarben produziert werden können
– Farben, die am Bildschirm dargestellt, aber nicht gedruckt werden können, werden als nicht druckbare Farben bezeichnet; sie liegen außerhalb des CMYK-Farbumfangs
c) Notwenigkeit einer digitalen Farbsteuerung
– die meisten Schwierigkeiten, die beim Reproduzieren von Farben, welche mit dem Computer erstellt wurden entstehen, ergeben sich aus dem Farbumfang, der mit Monitoren mit Rot, Grün und Blau dargestellt wird und der sich stark von dem Farbumfang der in herkömmlichen Druckverfahren benutzten Farben Cyan, Magenta, Gelb und Schwarz unterscheidet
– die Unterschiede zeigen sich jedoch auch zwischen verschiedenen Monitoren, Druckern und Layoutprogrammen
– deswegen ist eine Abstimmung zwischen den beteiligten Geräten, eine sogenannte „Kalibrierung“ notwendig, um zu einwandfreien Ergebnissen zu kommen.
Bei den Farbauszügen wird für jede Farbe, bezogen auf den CMYK-Standard, aber auch für eingesetzte Sonderfarben, ein Farbauszug gerastert. Durch den Übereinanderdruck der Farbauszüge entsteht das Druckbild. Überwiegend wird in der Vierfarben-Euroskala (CMYK) gedruckt, der die subtraktive Farbmischung zugrunde liegt. Für jede Sonderfarbe ist eine weitere Druckplatte erforderlich.
Die Farbseparation erfolgt durch die Umrechnung von RGB in den CMYK-Farbraum mit den erforderlichen Rasterprozentwerten. Jede Farbe, sowohl RGB als auch CMY, ist im jeweiligen Farbraum durch Koordinaten definiert. Durch das Hinzufügen von Schwarz ist der dimensionale Farbraum überbestimmt. Nun wird durch die Separation festgelegt, mit welchem Anteil die Verschwärzung erfolgt.
Die Konvertierung der RGB-Farben in die CMYK-Farben des Ausgabeprozesses wird durch standardisierte Farbprofile gesteuert. Die Separation erfolgt von einem RGB-Quellprofil in ein CMYK-Zielprofil, mit den Angaben für die Erzeugung des zusätzlichen Schwarzkanals. Definiert wird ebenfalls die Tonwertsumme, die das Maximum der Prozentwert für die vier Farben festlegt. Die maximale Flächendeckung der übereinanderdruckenden Farben liegt in der Summe der vier Farben immer deutlich unter 400 %. Dafür werden bei der Farbseparation die Farbgradationen der Dreivierteltöne und Volltöne abgesenkt.
Buntaufbau - UCR, Under Color Removal
Die Reduzierung der bunten Farben, die unter dem Schwarz liegen, wird als Unterfarbenreduktion bzw. UCR (Under Color Removal) bezeichnet. Oft findet man auch den Begriff Buntaufbau für UCR (Under Color Removal). Die Reduzierung der Buntfarben wird nur bei Tertiärfarben angewendet, d.h. bei Verwendung aller drei Farben (CMY). Die Unbuntanteile eines Farbwertes werden nur in den Tiefen durch Schwarz ersetzt, um die Buntfarben zu reduzieren.
Die Reduzierung der Farbwerte hat eine positive Auswirkung auf das Farbannahmeverhalten, die Trocknung und Tiefenbalance beim Drucken selbst.
Der Unbuntaufbau hat beim Drucken folgende Vorteile: Die Stabilisierung des Druckprozesses, einen geringen Farbverbrauch bei den Buntfarben CMY, weniger Trocknungsprobleme, weniger Makulatur und teilweise bessere Bildwiedergabe.
Der Nachteil bei zu starkem GCR (Grey Component Replacement): eine geringe Sättigung in den Tiefen, gerade wenn das Schwarz nicht die notwendige Dichte aufweist.
| Anhang | Größe |
|---|---|
| <p>farbauszuege-und-zusammendruck.jpg</p> | 21.42 KB |
Bei der Farbseparation werden RGB-Farben in CMYK-Farben umgerechnet.
Kurz: RGB-Quellprofil → CMYK-Zielprofil
Diese Umwandlung wird durch standardisierte Farbprofile gesteuert.
Bei der subtraktiven Farbmischung wird der größtmögliche Farbraum durch die 3 Farben CMY (Cyan, Magenta, Gelb) erreicht. Aber sie ergeben zusammen kein reines Schwarz. Schwarz (K) wird als vierte Prozessfarbe ergänzt, damit Konturen und Kontraste besser dargestellt werden.
Außerdem muss man die Tonwertsumme definieren.
Die maximale Deckung der Farben, die auf einer Fläche übereinander gedruckt werden, ist für alle 4 Farben weniger als 400 %. Dafür werden bei der Farbseparation die Gradationen der Dreivierteltöne und Volltöne abgesenkt.
UCR = Under Color Removal (deutsch: Unterfarben-Reduzierung).
Unbuntfarben werden aus C + M + Y gebildet. Bei Unbuntfarben ist die Flächendeckung sehr hoch. Dieser Nachteil kann mit UCR ausgeglichen werden. Die Unbunt-Anteile eines Farbwertes werden in den Tiefen durch Schwarz ersetzt.
GCR = Grey Component Replacement (deutsch: Grau-Komponenten-Ersetzung).
Die Unbunt-Anteile der Farbwerte kann man im gesamten Tonwertumfang und in allen Farben durch Schwarz ersetzen. Die Buntfarben kann man verschieden stark reduzieren.
Eine sehr niedrige Reduzierung entspricht fast dem UCR, bei einer starken Reduzierung werden die Unbuntanteile durch Schwarz ersetzt. Das ist dann ein radikaler Unbuntaufbau.
Man arbeitet mit „Skelett-Farbauszügen“ für die Buntfarben CMY und mit einem vollen Farbauszug für Schwarz. Das widerspricht jedoch dem klassischen Vierfarbdruck.
Wenig Sättigung in den Tiefen, besonders wenn das Schwarz nicht so dicht ist.
Praxis in der Druckvorstufe, auch unter dem Begriff Farbseparation zu finden.
Es handelt sich um eine Verfahren, welches für den Mehrfarbendruck angewendet wird.
In diesem Beispiel geht es um den Vierfarbdruck, da er am weitesten verbreitet ist. Alle in einem Dokument vorhandenen Farben werden von RGB in den CMYK-Farbraum, in die Prozessfarben Cyan, Magenta, Gelb und Schwarz umgerechnet. Damit erhält man Farbauszüge von Cyan, Magenta, Gelb und Schwarz. Wie das Ganze aussieht, kann man zum Beispiel in Adobe Photohop im Fenster Kanäle nachvollziehen.
Nächster Schritt ist das Drucken der Farbauszüge bzw. die Belichtung. Dafür ist eine Rasterung notwendig, welche bei jeder Farbe einen anderen Winkel hat, um den Moiré-Effekt zu minimieren.
Gebräuchliche Rasterwinkel sind nach DIN 16 547:
Die gerasterten Farbauszüge werden abschließend separat auf die Druckplatten übertragen.
Farbauszüge sind typisch für den Mehrfarbendruck. Ein anderer Begriff für Farbauszüge ist Farbseparation.
Am weitesten verbreitet ist der 4-Farbdruck.
Zuerst werden RGB-Farben in CMYK-Farben umgerechnet (Cyan, Magenta, Yellow = Gelb, Schwarz). Dann bekommt man Farbauszüge von Cyan, Magenta, Gelb und Schwarz.
Bei Photoshop kann man im Menüpunkt Kanäle die einzelnen Farbauszüge ansehen.
Jeder Farbauszug braucht einen anderen Rasterwinkel, d.h. die Farben werden in verschiedenen Winkeln übereinander gedruckt. So vermeidet man den Moiré-Effekt.
Häufige Rasterwinkel nach DIN 16 547:
Gelb = 0°, Cyan = 75°, Schwarz = 135°, Magenta = 15° - oder
Gelb = 0°, Cyan = 15°, Schwarz = 45°, Magenta = 75°
Die gerasterten Farbauszüge werden einzeln auf die Druckplatten übertragen.
Das Druckbild entsteht durch das Übereinander-Drucken der Farbauszüge. Für jede CMYK-Farbe wird ein Farbauszug gerastert. Für jede Sonderfarbe braucht man eine neue Druckplatte.
Bei der 4-Farben-Euroskala (CMYK) entstehen die Farben durch die subtraktive Farbmischung aus CMYK.
Der Druckbogen ist der einseitig oder zweiseitig bedruckte Bogen, der direkt aus der Druckmaschine kommt. Die zuerst bedruckte Seite ist die Schöndruckseite. Die zweite Seite bezeichnet man als Widerdruckseite.
Jeder Druckbogen ist mit einer Bogensignatur gekennzeichnet, die mitgedruckt wird. Diese Signatur kann verschiedene Informationen enthalten, wie den Job- oder Dateinamen, die Bogenzahl bzw. die Bogennummer oder den Farbauszugsnamen.
Auf dem Druckbogen sind die zu druckenden Seiten des Printproduktes nach bestimmten Vorgaben angeordnet. Das produktgerechte Anordnen einzelner Seiten nennt man Ausschießen. Für das Ausschießen entscheidend ist das zur Verfügung stehende Papierformat und die Anforderungen der Druckweiterverarbeitung. Die Seiten werden so auf dem Druckbogen angelegt, dass sich nach dem Falzen, Schneiden und Binden die Seiten in der korrekten Reihenfolge und Ausrichtung befinden. Das Ausschießen erfolgt digital durch spezielle Software (Ausschießprogramme).
Das Druckbogenformat wird durch die Größe der Druckmaschine und die Art des Druckauftrags vorgegeben. Das Druckbogenformat muss alle, für den Druck und die Weiterverarbeitung, wichtigen Elemente enthalten. Der Druckbogen hat einen nichtbedruckbaren Bereich, den Greiferrand. Der Greiferrand wird von der Maschine benötigt, um den Druckbogen zu greifen und durch die Maschine führen zu können.
In folgenden Kapitel finden Sie weiterführende Informationen zum Druckbogen:
Druckbogen (2): Einteilungsbogen
Druckbogen (3): Ausschießen
Druckbogen (4): Laufrichtung
Der Druckbogen ist der 1-seitig oder 2-seitig bedruckte Bogen, der aus der Druckmaschine kommt.
Die zuerst bedruckte Seite heißt Schöndruck-Seite.
Die 2. Seite heißt Widerdruck-Seite.
Jeder Druckbogen hat eine Bogen-Signatur, die mitgedruckt wird.
Das Druckbogen-Format ist bestimmt durch die Größe der Druckmaschine und den Druckauftrag.
Der Rand heißt Greiferrand. Hier greifen Greifer den Druckbogen und führen ihn durch die Druckmaschine.
DIN | Bezeichnung | Beispiele für die Anwendung |
A0 | Vierfachbogen | Plakate, Landkarten, Stadtpläne, Poster |
A1 | Doppelbogen | Plakate, Landkarten, Stadtpläne, Poster |
A2 | Bogen (Einfachbogen) | Plakate, Poster |
A3 | Halbbogen | Plakate, Poster, Werbe-Drucksachen, Geschäftspapiere, Zeitschriften |
A4 | Viertelbogen | Geschäftspapiere, Briefbogen, Broschüren, Infoblätter, Werbe-Drucksachen, Magazine, Zeitschriften |
A5 | Blatt (Achtelbogen) | Geschäftspapiere, Broschüren, Flyer |
A6 | Halbblatt | Postkarten, Flyer |
A7 | Viertelblatt | Flyer, Faltkärtchen |
A8 | Achtelblatt | Visitenkarten, Faltkärtchen |
Der Rohbogen ist ungefähr 5% größer als der Druckbogen. Man misst die Fläche des Rohbogens in cm².
Der Rohbogen DIN A0 hat das Format: 860 cm x 1220 cm = 10 492 cm².
Der Druckbogen DIN A0 hat die Maße: 841 x 1189 cm
Auf dem Rohbogen kann man Schnittmarken und andere Hilfszeichen mitdrucken.
Definition: Der Aufdruck von Text und Bild auf dem Druckbogen muss vor dem Falzen erfolgen. Die Anordnung der Einzelseiten mit Text und/oder Bild innerhalb der gesamten Druckform muss also so erfolgen, dass nach dem Bedrucken, Falzen und Zusammenführen der Bogen eine fortlaufende Seitenzahl zustande kommt. Die Anordnung der Einzelseiten für die Druckform wird Ausschießen genannt.
Reihenfolge beim Ausschießvorgang:
Unterschied von Einteilungsbogen und Falzbogen
Schaut man in der einschlägigen Fachliteratur beim Thema Ausschießen nach, ist man unter Umständen verwirrt. Im Kompendium (3. und 4. Ausgabe) heißt es zum Beispiel:
»Die erste und alle übrigen Seiten mit ungeraden Zahlen stehen immer links vom Bund. Alle Seiten mit geraden Ziffern stehen rechts vom Bund.«
Im dem Buch "Falz- und Ausschießpraxis" (Verlag Beruf + Schule) steht jedoch in den Auschießregeln, dass gerade Seitenzahlen in den Bund, ungerade aus dem Bund gelesen werden. Auch wenn man sich eine gedruckte Broschüre anschaut, denkt man doch, dass das, was im Kompendium drin steht, falsch wäre. Denn die erste Seite in einer Broschüre ist immer rechts und damit auch die anderen ungeraden Seitenzahlen. So kennt der Buchbinder zum Beispiel auch den Falzbogen.
Bei der manuellen Montage arbeitete man jedoch beim Erstellen des Einteilungsbogens je nach Druckverfahren seitenverkehrt, so dass die Anordnung im Ausschießschema seitenverkehrt zu der im Falzbogen/Endprodukt ist. Es ist verwirrend, aber soweit korrekt.
Heute wird der Einteilungsbogen digital erstellt und ist seitenrichtig!
Der Einteilungsbogen
Der Einteilungsbogen ist die Vorlage für die genaue Platzierung von Texten und Bildern bei der Montage. Er enthält Angaben für Druck und Weiterverarbeitung.
Elemente: Bogenformat, Nutenformat, Druckbeginn, Greifrand, Beschnitt Mittelsenkrechte, Schneidemarken, Falzmarken, Passkreuze, Satzspiegel, Seitenzahl, Flattermarken, Anlagezeichen, Druckkontrollstreifen
Stege: Zu unterscheiden sind zwei Formen von Stegen die nicht vertauscht werden sollten:
Erstellen des Einteilungsbogens vor der Digitalisierung
Es wurden für jeden beidseitig bedruckten Bogen zwei Einteilungsbögen (oft auf Transparentpapier) gezeichnet und auf dem Leuchttisch befestigt.
Ausschießregeln
Wendearten
Umschlagen: Vorderanlage oder -marke bleibt, Seitenanlage oder -marke wechselt. Der Bogen muss an zwei Seiten beschnitten werden, damit die Rechtwinkligkeit gegeben ist
Umstülpen: Vorderanlage wechselt, Seitenanlage bleibt. Der Bogen muss an drei Seiten beschnitten werden, damit die Rechtwinkligkeit gegeben ist
Umdrehen: Vorderanlage wechselt, Seitenanlage wechselt. Der Bogen muss an allen Seiten beschnitten werden, damit die Rechtwinkligkeit gegeben ist.
Falzmuster
Ein Falzmuster wird meist zur Kontrolle verwendet. Häufig wird es auch dazu verwendet, um sich ein erstes Bild zu verschaffen, wenn extern ausgeschossen wird. Wichtig ist, dass unten rechts die Seiten offen sind.
Ergänzend:
Beim Zusammentragen werden Einzelseiten oder Falzbogen aufeinander gelegt, beim Sammeln werden die Falzbogen ineinander gelegt. Dabei muss beachtet werden, dass die Seiten des Produkts mit zunehmender Bogenanzahl immer weiter nach außen rutschen. Überstehende Ränder werden in der Weiterverarbeitung glatt geschnitten, aber den Stand des Satzspiegels muss man vorher immer weiter anpassen.
Für die Einteilungsbogen lassen sich die ensprechenden Seiten berechnen. Also welche Seite des Produkts auf welchem Bogen liegt.
Die Formeln für das Zusammentragen:
1. Seite auf dem aktuellen Bogen = vorherige Bogenzahl x Seiten auf einem Bogen + 1
letzte Seite auf dem aktuellen Bogen = aktuelle Bogenzahl x Seiten auf einem Bogen
Bsp.: Hergestellt wird ein 32-Seiter, 8 Seiten je Bogen
Berechnung für den 3. Bogen
1. Seite auf dem 3. Bogen = 2 x 8 + 1 = 17
letzte Seite auf dem 3. Bogen = 3 x 8 = 24
17 18 19 20 Schöndruck
21 22 23 24 Widerdruck
Formeln für das Sammeln:
1. Seite auf der 1. Hälfe des aktuellen Bogens = vorherige Bogenzahl x Seiten auf einer Bogenhälfte + 1
letzte Seite auf der 1. Hälfe des aktuellen Bogens = aktuelle Bogenzahl x Seiten auf einer Bogenhäfte
1. Seite auf der 2. Hälfe des aktuellen Bogens = Gesamtseitenzahl - (letze Seite der 1. Hälfte des Bogens - 1)
letzte Seite der 2. Hälfte des aktuellen Bogens = Gesamtseitenzahl - (erste Seite der 1. Hlfte des Bogens - 1)
Bsp.: Hergestellt wird ein 32-Seiter, 8 Seiten je Bogen
Berechnung für den 3. Bogen
1. Seite auf der 1. Hälfe des 3, Bogens = 2 x 4 + 1 = 9
letzte Seite auf der 1. Hälfe des 3. Bogens = 3 x 4 = 12
1. Seite auf der 2. Hälfe des 3. Bogens = 32 - (12 - 1) = 21
letzte Seite auf der 2. Hälfte des 3. Bogens = 32 - (9 - 1) = 24
9 10 11 12 Schöndruck
21 22 23 24 Widerdruck
Einteilungsbogen und Standbogen
Der Einteilungsbogen ist eine verbindliche Druckvorlage. Früher wurde er als Vorlage für die Bogenmontage auf Film erstellt bzw. gezeichnet. Heute wird der Begriff Einteilungsbogen und Standbogen synonym verwendet. Der Einteilungsbogen dient der richtigen Platzierung der einzelnen Seiten beziehungsweise Nutzen auf dem Druckbogen. Alle sonstigen Hilfszeichen, Anlagezeichen und Druckkontrollelemente sind ebenfalls integriert. Aber auch den Platz für den Greifer der Druckmaschine sowie – abhängig von der Art der Weiterverarbeitung – der Beschnitt und Fräsrand, müssen auf dem Einteilungsbogen berücksichtigt werden. Diese Elemente können ebenfalls im Ausschießprogramm korrekt eingesetzt werden. Der Einteilungsbogen wird heute im Ausschießprogramm angelegt. In der digitalen Seitenmontage werden direkt die PDF-Seiten mit einer Vorschau positioniert, so dass kaum ein Unterschied zwischen Stand- und Einteilungsbogen besteht. Oft kontrolliert der Medientechnologe Druck kurz vor dem Auflagendruck noch einmal den Stand aller Seitenelemente durch das Linieren.
Bestandteile des Einteilungsbogens
Flattermarken
Die Flattermarke wird als optisches Kontrollmittel verwendet, um beim Werkdruck die richtige Reihenfolge und Anzahl der Falzbogen zu gewährleisten. Sie wird für jeden Falzbogen versetzt im Bund platziert. Neben der Flattermarke gibt es noch weitere Elemente, wie die Bogensignatur, die Bogennorm und maschinenlesbare Barcodes, die die richtige Zuordnung der gefalzten Druckbogen sicherstellen.
Schneidmarken
Die Schneidmarken sind für die Weiterverarbeitung erforderlich. Die Linien befinden sich außerhalb des beschnittenen Endformates der auf dem Druckbogen platzierten Seiten. Die Schneidmarken markieren die Begrenzung des Seitenformates oder einen eventuell erforderlichen Trennschnitt.
Falz- und Fräsmarken
Die Falz- und Fräsmarken befinden sich außerhalb des beschnittenen Endformates. Die Falzmarken markieren die Falzbrüche, also die Stellen, an denen der Druckbogen gefalzt wird. Die Fräsmarken kennzeichnen bei der Klebebindung den Bereich, der im Bund abgefräst werden muss. In diesem Fall müssen im Bund auf beiden Seiten jeweils 3 mm zusätzlicher Raum berücksichtigt werden.
Druckkontrollstreifen
Der Druckkontrollstreifen ist ein schmaler mehrfarbiger Streifen, der mit unterschiedlichen Farbfeldern versehen ist. Der Druckkontrollstreifen wird meist am oberen Rand des Druckbogens außerhalb des Beschnitts platziert. Er dient der standardisierten Qualitätskontrolle und der densitometrischen Auswertung während des Druckens. Je nach Anforderungen ist der Druckkontrollstreifen in verschiedenen Varianten verfügbar. Bestandteile des Streifens sind Volltonfelder, Rasterfelder, Linienfelder und Graubalancefelder.
Bund
Bund ist die Bezeichnung für den nicht bedruckten Raum zwischen zwei nebeneinander liegenden Seiten bei Falzbögen. In der Bundmitte erfolgt dann die Faden- oder Drahtheftung. Hier erfolgt die Bindung. Die Laufrichtung des Bogens liegt parallel zum Bund.
Passer und Passkreuze
Passer bezeichnet den korrekten (standgerechten) Druck mehrerer Druckformen aufeinander. Herbeigeführt und kontrolliert wird der Passer mittels Passmarken bzw. Passkreuzen.Passkreuze bestehen aus feinen Linien- und Kreiselementen, die sich aus allen Farben der verwendeten Druckformen zusammensetzen. Passkreuze zeigen die standgenaue Position des Übereinanderdruckens. Sind die Passkreuze nicht deckungsgleich, spricht man von Passerdifferenzen.
Register
Das Registerhalten ist der korrekte und deckungsgleiche Druck von Schön- und Widerdruck. Die einzelnen Seiten müssen deckungsgleich übereinander gedruckt werden, der Stand der Einzelseiten auf dem Einteilungsbogen für Schön- und Widerdruck muss gleich sein.
Anlage und Anlagewinkel
Als Anlage wird der Winkel an einem Druckbogen bezeichnet, der dafür sorgt, dass pass- und registergenau gedruckt werden kann. Der Anlagewinkel des Druckbogens ist der Winkel, der an der Seitenmarke und der Vordermarke der Druckmaschine anliegt. Zur korrekten Ausrichtung des Bogens besitzt eine Druckmaschine Vordermarken und Seitenmarken. Der Anlagewinkel ist wichtig zum Ausrichten und Wenden des Bogens. Nach dem Wenden des Bogens wird die gegenüberliegende Seite bedruckt. Somit ist sichergestellt, dass immer der gleiche Anlagewinkel des Bogens an der Seitenmarke ausgerichtet ist. Im Druck und in der Druckweiterverarbeitung muss mit dem gleichen Anlagewinkel gearbeitet werden, damit die Produkte standrichtig verarbeitet werden können.
Wendearten
Umschlagen. Der Begriff kommt vom Umschlagen einer Buchseite. Die Vordermarke bleibt unverändert, die Seitenmarke wechselt. Deswegen liegt der Bogen nach der Wendung wieder genauso wie beim ersten Druckgang. Vorteil: alle Seiten einer Drucksache können in einer Form aufgebaut werden.
Umstülpen. Die Seitenmarke bleibt bestehen, die Vordermarken wechseln. Es werden zwei Anlagewinkel benötigt. Das zu bedruckende Papier muss besonders winkelgenau beschnitten sein.
Der Einteilungsbogen (auch Standbogen) ist eine verbindliche Druckvorlage. Die Einteilung zeigt die genaue Anordnung von Texten, Bildern und Nutzen.
Der Einteilungsbogen wird mit dem Ausschieß-Programm erstellt.
Informationen auf dem Einteilungsbogen:
Auf dem Druckbogen ist Platz für:
In der digitalen Seiten-Montage kann man eine Vorschau der PDF-Seiten sehen.
Hinweise:
Die Flattermarke ist ein Kontrollmittel. Man kontrolliert:
Die Flattermarke wird auf jeden Falzbogen versetzt im Bund aufgedruckt.
Weitere Informationen für die richtige Zuordnung: Bogen-Signatur, Bogen-Norm und maschinenlesbare Barcodes.
Schneidemarken sind Linien, die außerhalb des beschnittenen Endformats eingezeichnet sind. Sie zeigen das Seiten-Ende oder an welcher Stelle der Druckbogen geschnitten werden muss.
Falzmarken und Fräsmarken sind auf dem Druckbogen eingezeichnet und liegen außerhalb des beschnittenen Endformates.
Die Falzmarken kennzeichnen die Stellen, an denen der Druckbogen gefalzt wird. Diese Stellen heißen Falzbruch.
Die Fräsmarken kennzeichnen bei der Klebebindung den Bereich, den man im Bund abfräsen muss. Für das Abfräsen muss man im Bund auf beiden Seiten jeweils 3 mm Platz lassen.
Der Druck-Kontrollstreifen ist ein schmaler mehrfarbiger Streifen mit unterschiedlichen Farbfeldern. Er wird meist außerhalb des Beschnitts auf den oberen Rand des Druckbogens gedruckt. Mit dem Druck-Kontrollstreifen kontrolliert man die Farbqualität und die Farbdichte.
Es gibt verschiedene Druck-Kontrollstreifen. Auf jedem Druck-Kontrollstreifen sind Vollton-Felder, Raster-Felder, Linien-Felder und Graubalance-Felder.
Der Bund ist der nicht bedruckte Raum zwischen 2 nebeneinander liegenden Seiten. Die Falzbögen werden in der Mitte vom Bund mit Faden oder Draht geheftet. Diese Binde-Arten heißen Fadenheftung oder Drahtheftung. Die Papier-Laufrichtung des Bogens ist parallel zum Bund.
Passer bezeichnet das richtige (standgerechte) Drucken bei mehreren aufeinanderfolgenden Druckgängen. Man nennt das auch passgenau drucken.
Passkreuze oder Passmarken sind Markierungen auf dem Druckbogen. Sie bestehen aus feinen Linien und Kreisen aus allen Farben der verwendeten Druckformen. Beim Übereinander-Drucken kann man an den Passkreuzen erkennen, ob die einzelnen Farben an den gleichen Positionen aufgetragen werden. Wenn die Passkreuze nicht deckungsgleich sind, heißt das Passerdifferenz.
Registerhalten = auf Vorder- und Rückseite (Schöndruck und Widerdruck) deckungsgleich drucken.
Der Stand der einzelnen Seiten muss auf dem Einteilungsbogen gleich sein für Schöndruck und für Widerdruck. Man nennt das auch registergenau drucken.
An der Druckmaschine gibt es Vordermarken und Seitenmarken.
Man muss den Druckbogen an den Vordermarken und den Seitenmarken anlegen, damit man passgenau druckt. Der Winkel des Druckbogens zwischen Vordermarke und Seitenmarke heißt Anlagewinkel. Der Anlagewinkel ist wichtig für das Ausrichten und für das Wenden des Druckbogens.
Nach dem Wenden des Druckbogens wird die Rückseite bedruckt. Man muss den Anlagewinkel beachten, damit man registergenau druckt.
Der Anlagewinkel muss im Druck und in der Druckweiterverarbeitung gleich sein, damit die Druckprodukte standrichtig verarbeitet werden.
Es gibt sind 2 Wende-Arten: Umschlagen und Umstülpen
Beim Umschlagen bleibt die Vordermarke gleich, die Seitenmarke wechselt. Der Bogen liegt nach dem Wenden wieder genauso wie beim ersten Druckgang.
Vorteil:
Man kann alle Seiten einer Drucksache in einer Druckform aufbauen.
Beim Umstülpen bleibt die Seitenmarke gleich, die Vordermarke wechselt. Für das Umstülpen braucht man 2 Anlagewinkel. Beim Schneiden des Bogens muss man die Winkel sehr genau beachten.
Abbildung: Einteilungsbogen
Laufrichtung
Laufrichtung ist die Richtung, in der die Fasern im Papier liegen. Da sich die Fasern bei der Herstellung von Papier mit der Langsieb-Papiermaschine immer in die Richtung legen, in der sich das Sieb bewegt, nennt man die Laufrichtung auch Maschinenrichtung.
Während bei Rollenpapier die Laufrichtung immer der Roll-Richtung entspricht, hängt sie bei Format-Papier davon ab, wie der Papierbogen aus der Rolle heraus geschnitten wird, Breitbahn oder Schmalbahn. Die quer zur Laufrichtung liegende Richtung wird als Dehnrichtung bezeichnet, da sich das Papier in diese Richtung unter Feuchtigkeits-Einfluss ausdehnt.
In der Buchbinderei und Druckweiterverarbeitung ist die Laufrichtung unbedingt zu beachten, da sich Papier in der Laufrichtung deutlich anders verhält als in der Dehnrichtung (bezogen auf die Eigenschaften wie Dehnung, Steifigkeit, Falzbarkeit). Bei Büchern sollte die Laufrichtung immer parallel zum Buchrücken liegen.
Die Laufrichtung wird auf der Papier-Verpackung immer angegeben. Schmalbahn-Papier wird mit dem Kürzel SB gekennzeichnet, Breitbahn-Papier mit BB. Es kann aber auch die Dehnrichtung markiert sein, indem bei der Format-Angabe die entsprechende Seite unterstrichen.
A0 - 841 x 1189 10000 cm²
A1 - 594 x 841
A2 - 420 x 594
Benennung
A0 Vierfachbogen
A1 Doppelbogen
A2 Bogen (Einfachbogen)
A3 Halbbogen
A4 Viertelbogen
A5 Blatt (Achtelbogen)
A6 Halbblatt
A7 Viertelblatt
A8 Achtelblatt
Rohbogenformat - ist im Flächeninhalt (cm²) jeweils 5% größer. Sie ermöglichen, Schnittmarken und andere Hilfszeichen mitzudrucken. DIN A0 hat das Rohbogenformat 860 x 1220 = 10492 cm²
Bei Papier aus der Langsieb-Papiermaschine legen sich die Fasern immer in die Richtung, in der sich das Langsieb bewegt. Deshalb nennt man die Laufrichtung auch Maschinenrichtung.
Bei Rollenpapier ist die Laufrichtung immer die Roll-Richtung.
Bei Format-Papier hängt die Laufrichtung davon ab, wie man den Papierbogen aus der Rolle herausschneidet. Man kann den Papierbogen als Breitbahn oder als Schmalbahn herausschneiden.
Die Dehnrichtung liegt quer zur Laufrichtung. Wenn Papier feucht wird, dehnt es sich in Dehnrichtung aus.
Papier verhält sich in der Laufrichtung anders als in der Dehnrichtung, zum Beispiel beim Dehnen, beim Falzen oder bei der Festigkeit. Deshalb muss man die Laufrichtung immer beachten.
Bei Büchern soll die Laufrichtung des Papiers immer parallel zum Buchrücken sein.
Die Laufrichtung wird immer auf der Papier-Verpackung angegeben.
Die Dehnrichtung ist unterstrichen. Beispiel: 70 x 100 Breitbahn (BB)
(Aber: Die Dehnrichtung steht nicht immer auf der Verpackung.)
Mehr Informationen:
• Druckbogen (1): Signatur und Formate
• Druckbogen (2): Einteilungsbogen
• Druckbogen (3): Ausschießen
