Das Dokument bietet eine Einführung in WordPress, einschließlich typischer Internetverbindungen für Heimanwender und Unternehmen. Es erklärt Konzepte wie Widgets, responsive Webdesign und verschiedene Bildformate (JPEG, PNG, GIF), die für die Erstellung von Websites wichtig sind. Responsive Webdesign ermöglicht die Anpassung der Website-Darstellung an unterschiedliche Endgeräte mithilfe moderner Webstandards.

1. WordPress erste Schritte
 Typische Verbindung zum Internet bei Heimanwendern:

2. WordPress erste Schritte
 Typische Verbindung zum Internet bei Firmen:

3. WordPress erste Schritte
 Ein kleiner Ausschnitt des World Wide Web:

4. WordPress erste Schritte
Was bedeutet?
 Dunkelblau: net, ca, us,
 Grün: com, org,
 Rot: mil, edu, tv
 Gelb: jp, cn, tw, au, de,
 Magenta: uk, it, pl, fr,
 Gold: br, kr, nl,
 Weiss: unbekannt,

5. WordPress erste Schritte
Was sind Widgets?
 Ein Widget ist eine Komponente eines grafischen Fenstersystems.
 Das Widget besteht zum einen aus dem Fenster, einem sichtbaren Bereich,
der Maus- und/oder Tastaturereignisse empfängt, und zum anderen aus
dem nicht sichtbaren Objekt, das den Zustand der Komponente speichert
und über bestimmte Zeichenoperationen den sichtbaren Bereich verändern
kann.
 Widgets sind immer in ein bestimmtes Fenstersystem eingebunden und
nutzen dieses zur Interaktion mit dem Anwender oder anderen Widgets des
Fenstersystems.

6. WordPress erste Schritte
Responsive Webdesign
 Beim Responsive Webdesign handelt es sich um ein gestalterisches und
technisches Paradigma zur Erstellung von Websites, so dass diese auf
Eigenschaften des jeweils benutzten Endgeräts, reagieren können.
 Der grafische Aufbau einer „responsiven“ Website erfolgt anhand der
Anforderungen des jeweiligen Gerätes, mit dem die Site betrachtet wird.
 Dies betrifft insbesondere die Anordnung und Darstellung einzelner
Elemente, wie Navigationen, Seitenspalten und Texte, aber auch die
Nutzung unterschiedlicher Eingabemethoden von Maus (klicken,
überfahren) oder Touchscreen (tippen, wischen).
 Technische Basis hierfür sind die neueren Webstandards HTML5, CSS3
(hier insbesondere die Media Queries) und JavaScript.

7. WordPress erste Schritte
Responsive Webdesign

8. WordPress erste Schritte
Bild-Formate:
 JPEG oder JPG ist die gebräuchliche Bezeichnung für die verschiedenen
Methoden der Bildkompression. Die Bezeichnung „JPEG“ geht auf das
Gremium Joint Photographic Experts Group zurück, das die JPEG-Norm
entwickelt hat.
 PNG Portable Network Graphics ist das meistverwendete verlustfreie
Grafikformat im Internet. Es ist ein universelles, vom WWW Consortium
(W3C) anerkanntes Grafikformat für Rastergrafiken mit verlustfreier
Verringerung des Platzbedarfs von Daten.
 Gif Das Graphics Interchange Format, kurz GIF, ist ein Grafikformat für
Bilder mit Farbpalette (Farbtabelle mit max. 256 Farben, inkl. einer
„Transparenzfarbe“). Es erlaubt eine verlustfreie Kompression der Bilder.
Darüber hinaus können mehrere (übereinanderliegende) Einzelbilder in
einer Datei abgespeichert werden, die von geeigneten
Betrachtungsprogrammen als Animationen interpretiert werden.

9. WordPress erste Schritte
Bilder sagen mehr als 1000 Worte!
http://www.online-image-editor.com/?language=deutsch