SlideShare ist ein Scribd-Unternehmen logo
1 von 9
WordPress erste Schritte
 Typische Verbindung zum Internet bei Heimanwendern:
WordPress erste Schritte
 Typische Verbindung zum Internet bei Firmen:
WordPress erste Schritte
 Ein kleiner Ausschnitt des World Wide Web:
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,
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.
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.
WordPress erste Schritte
Responsive Webdesign
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.
WordPress erste Schritte
Bilder sagen mehr als 1000 Worte!
http://www.online-image-editor.com/?language=deutsch

Weitere ähnliche Inhalte

Ähnlich wie Web460 ppt-de-jul-2020 netz

Dnug dresden blend 5. 5. 2010
Dnug dresden blend 5. 5. 2010Dnug dresden blend 5. 5. 2010
Dnug dresden blend 5. 5. 2010SharepointUGDD
 
DNUG Dresden Blend
DNUG Dresden BlendDNUG Dresden Blend
DNUG Dresden BlendMartin Hey
 
Vorteile von Webstandards (Historisches Dokument)
Vorteile von Webstandards (Historisches Dokument)Vorteile von Webstandards (Historisches Dokument)
Vorteile von Webstandards (Historisches Dokument)Eric Eggert
 
SEO Produktspezifikation für RWD
SEO Produktspezifikation für RWDSEO Produktspezifikation für RWD
SEO Produktspezifikation für RWDConny Stier
 
Systemvorstellung: dante cms im Überblick
Systemvorstellung: dante cms im ÜberblickSystemvorstellung: dante cms im Überblick
Systemvorstellung: dante cms im Überblicka3 systems GmbH
 
Internet und Webdesign (Historisches Dokument)
Internet und Webdesign (Historisches Dokument)Internet und Webdesign (Historisches Dokument)
Internet und Webdesign (Historisches Dokument)Eric Eggert
 
Responsive Webdesign mit Bootstrap
Responsive Webdesign mit BootstrapResponsive Webdesign mit Bootstrap
Responsive Webdesign mit BootstrapGregor Biswanger
 
Ueberlegungen Projektmanagement Web Applications
Ueberlegungen Projektmanagement Web ApplicationsUeberlegungen Projektmanagement Web Applications
Ueberlegungen Projektmanagement Web ApplicationsGünther Haslbeck
 
Barrierefreies Webdesign
Barrierefreies WebdesignBarrierefreies Webdesign
Barrierefreies WebdesignLuka Peters
 
Going Mobile: Überblick über Mobile Web
Going Mobile: Überblick über Mobile WebGoing Mobile: Überblick über Mobile Web
Going Mobile: Überblick über Mobile Webch.ch
 
Abschlussprasi Grs Geobrowser Wms
Abschlussprasi Grs Geobrowser WmsAbschlussprasi Grs Geobrowser Wms
Abschlussprasi Grs Geobrowser WmsJohannes Brötz
 
Webseiten sind keine Gemälde
Webseiten sind keine GemäldeWebseiten sind keine Gemälde
Webseiten sind keine GemäldeJens Grochtdreis
 
Google Web Toolkit
Google Web ToolkitGoogle Web Toolkit
Google Web ToolkitTorben Brodt
 
Präsentation für den Workshop "Schreiben fürs Web/Optimierung der Usability"
Präsentation für den Workshop "Schreiben fürs Web/Optimierung der Usability"Präsentation für den Workshop "Schreiben fürs Web/Optimierung der Usability"
Präsentation für den Workshop "Schreiben fürs Web/Optimierung der Usability"Ponton-Lab GmbH
 
Top 10 Internet Trends 2005
Top 10 Internet Trends 2005Top 10 Internet Trends 2005
Top 10 Internet Trends 2005Jürg Stuker
 
Open Source und Free Software unter Windows
Open Source und Free Software unter WindowsOpen Source und Free Software unter Windows
Open Source und Free Software unter WindowsMartin Leyrer
 

Ähnlich wie Web460 ppt-de-jul-2020 netz (20)

GUIs mit Expression Blend
GUIs mit Expression BlendGUIs mit Expression Blend
GUIs mit Expression Blend
 
Dnug dresden blend 5. 5. 2010
Dnug dresden blend 5. 5. 2010Dnug dresden blend 5. 5. 2010
Dnug dresden blend 5. 5. 2010
 
DNUG Dresden Blend
DNUG Dresden BlendDNUG Dresden Blend
DNUG Dresden Blend
 
Medienverwaltung ZKI-Hamburg
Medienverwaltung ZKI-HamburgMedienverwaltung ZKI-Hamburg
Medienverwaltung ZKI-Hamburg
 
Vorteile von Webstandards (Historisches Dokument)
Vorteile von Webstandards (Historisches Dokument)Vorteile von Webstandards (Historisches Dokument)
Vorteile von Webstandards (Historisches Dokument)
 
SEO Produktspezifikation für RWD
SEO Produktspezifikation für RWDSEO Produktspezifikation für RWD
SEO Produktspezifikation für RWD
 
Systemvorstellung: dante cms im Überblick
Systemvorstellung: dante cms im ÜberblickSystemvorstellung: dante cms im Überblick
Systemvorstellung: dante cms im Überblick
 
Internet und Webdesign (Historisches Dokument)
Internet und Webdesign (Historisches Dokument)Internet und Webdesign (Historisches Dokument)
Internet und Webdesign (Historisches Dokument)
 
TDD für Testmuffel
TDD für TestmuffelTDD für Testmuffel
TDD für Testmuffel
 
Responsive Webdesign mit Bootstrap
Responsive Webdesign mit BootstrapResponsive Webdesign mit Bootstrap
Responsive Webdesign mit Bootstrap
 
Ueberlegungen Projektmanagement Web Applications
Ueberlegungen Projektmanagement Web ApplicationsUeberlegungen Projektmanagement Web Applications
Ueberlegungen Projektmanagement Web Applications
 
Spielend Web-Inhalte managen
Spielend Web-Inhalte managenSpielend Web-Inhalte managen
Spielend Web-Inhalte managen
 
Barrierefreies Webdesign
Barrierefreies WebdesignBarrierefreies Webdesign
Barrierefreies Webdesign
 
Going Mobile: Überblick über Mobile Web
Going Mobile: Überblick über Mobile WebGoing Mobile: Überblick über Mobile Web
Going Mobile: Überblick über Mobile Web
 
Abschlussprasi Grs Geobrowser Wms
Abschlussprasi Grs Geobrowser WmsAbschlussprasi Grs Geobrowser Wms
Abschlussprasi Grs Geobrowser Wms
 
Webseiten sind keine Gemälde
Webseiten sind keine GemäldeWebseiten sind keine Gemälde
Webseiten sind keine Gemälde
 
Google Web Toolkit
Google Web ToolkitGoogle Web Toolkit
Google Web Toolkit
 
Präsentation für den Workshop "Schreiben fürs Web/Optimierung der Usability"
Präsentation für den Workshop "Schreiben fürs Web/Optimierung der Usability"Präsentation für den Workshop "Schreiben fürs Web/Optimierung der Usability"
Präsentation für den Workshop "Schreiben fürs Web/Optimierung der Usability"
 
Top 10 Internet Trends 2005
Top 10 Internet Trends 2005Top 10 Internet Trends 2005
Top 10 Internet Trends 2005
 
Open Source und Free Software unter Windows
Open Source und Free Software unter WindowsOpen Source und Free Software unter Windows
Open Source und Free Software unter Windows
 

Web460 ppt-de-jul-2020 netz

  • 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.
  • 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