SlideShare ist ein Scribd-Unternehmen logo
1 von 39
Websites mit WordPress
WordPress als CMS
Herzlich Willkommen in der
Klubschule Winterthur
Websites mit WordPress
WordPress als CMS
Kursleitung:
Hansruedi Döbeli
ICT Architekt
Softwareentwicklung und Design
Mail: doebelih@hotmail.com
Lernziele
 Nach diesem Kurs sind Sie in der Lage, Websites mit
WordPress einzurichten, deren Inhalte selber zu
verwalten, das Layout mit Hilfe von „Themes“ anzupassen,
sowie Zusatzfunktionen via Plugins zu aktivieren.
Inhalt
 Was ist WordPress? Wo macht der Einsatz Sinn?
 Erste Schritte in WordPress
 WordPress Installation
 Front- und Backend von WordPress
 Artikel erstellen
 Bilder einbinden und Mediathek
 WordPress Themes und Plugins
 WordPress Menüs, Navigation
 Einstellungen und Sicherheitsaspekte
 Umgang mit Updates und Upgrades
Anschluss- Fortsetzungskurs
 WordPress: Blog erstellen
 WordPress: Online Shop erstellen
 WordPress: mach mehr aus deiner Webseite - Workshop
Websites mit WordPress
Datum Tag Block Bemerkung
13. 07 2020 Mo 1 Einführung, Einrichten, Grundlagen
14. 07. 2020 Di 2 Beitrag/Seiten, Medien,
Customizer, Kommentare
15. 07. 2020 Mi 3 Code, Interaktive Webseiten,
Funktionen, Menue, Events
16. 07. 2020 Do 4 Benutzerverwaltung, Shoplösung,
Events, Administration
Zusatzmaterial
Weiter mit WordPress
Websites mit WordPress
WordPress als CMS
WordPress ist eine Open Source Blog Anwendung und
wurde 2003 aus dem Projekt b2/cafelog abgeleitet. Die
Multiple-Website-Funktionalität von WordPress wurde 2010
intergriert. Heute ist WordPress die am meist verwendete
Blog Anwendung, die hinter Millionen von Blogs und
Webseiten steht und von Millionen Menschen jeden Tag
verwendet wird.
Was ist WordPress?
 Entstanden als Blog-Tool (2003)
 Jetzt ein vollwertiges CMS
 Einfach zu bedienen
 Riesige Entwicklergemeinde
 Auf Webserver installiert lokal oder beim Provider
 Website-Bearbeitung im Browser
 kostenlos
Andere CMS
10%
Kein CMS
78%
WordPress
12%
Andere
16%
Blogger
3%
Typo3
3%
vBulletin
6%
Drupal
6%
Joomla
11%
WordPress
55%
Wer nutzt WordPress?
Warum WordPress?
 Einfach
 Leistungsfähig
 Verbreitet (mit Abstand Nr. 1)
 Opensource
Lizenz
 Opensource GPLv2
 Nutzung und Anpassung kostenlos
 Anbieten nur unter gleicher Lizenz
 Hinweise dürfen entfernt werden
 Themes und Plugins auch GPL
Aufbau von WordPress
WordPress.com vs WordPress.org
 WordPress.com
 beschränkter Zugriff
 keine zusätzliche Plug-Ins
 kein eigenes Designe (Themes)
 kein zugriff auf Code
 WordPress.org
 eigenes Hosting
 voller Zugriff
 eigenverantwortlich für
Aktualisierung sowie
Backups
Hostpoint WordPress installieren
Hostpoint WordPress installieren
Hostpoint WordPress installieren
Installation 2. Instanz in separates Verzeichnis
Hostpoint WordPress installieren
Installation 2. Instanz in separates Verzeichnis
WordPress erste Schritte
WordPress erste Schritte
WordPress erste Schritte
 Bildbearbeitung in der Cloud:
 http://www.bilder-editieren.de (einfaches Werkzeug)
 http://www.online-image-editor.com/?language=deutsch
(erweitertes Werkzeug)
WordPress erste Schritte
 Aufbau Grundgerüst HTM5 Seite – alle Bereiche:
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<title>Beispiel HTML5 Grundgerüst</title>
<meta name="description"
content="Kurzbeschreibung">
<link href="design.css" rel="stylesheet">
</head>
<body>
Arbeitsbereich
</body>
</html>
WordPress erste Schritte
 Aufbau Grundgerüst HTM5 Seite – alle Bereiche:
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<title>Beispiel HTML5 Grundgerüst</title>
<meta name="description"
content="Kurzbeschreibung">
<link href="design.css" rel="stylesheet">
</head>
<body>
Arbeitsbereich
</body>
</html>
WordPress erste Schritte
Auswahl von Themes:
Name: Bemerkung: Link:
WordPress
Themes
Premium
Themes
www.wordpress.org
Elmastudio Einfache
Themes
www.elmastudio.de/wordpress-themes/
Elegant
themes
Diva unter
den
Vorlagen
www.elegantthemes.com/
themesforest Plattform
mit riesiger
Auswahl
themesforest.net/
11.07.2020
WordPress erste Schritte
Name: Bemerkung: Link:
WP Lightbox 2 Fotogallery https://de-ch.wordpress.org/plugins/wp-lightbox-
2/
Contact Form 7 Kontakt-
formular
https://de.wordpress.org/plugins/contact-form-7/
Woo Commerce Storefront https://woocommerce.com/storefront/
Top 10 Popular
posts plugin
Top 10 Popular
plugin for
Wordpress
https://de-ch.wordpress.org/plugins/top-10
Antispam Bee https://srd.wordpress.org/plugins/antispam-bee/
Event Calendar Eventkalender
mit Aktiven
Events
https://de.wordpress.org/plugins/the-events-
calendar/
Plug Ins:
WordPress erste Schritte
Name: Link:
Checkliste zur rechtlich
sicheren Website in der
Schweiz
http://www.nailedit.ch/checkliste-rechtlich-sichere-
website-schweiz/
Impressum-Generator https://www.bag.ch/impressum-generator
Schweizer Musterverträge
(WEKA; Zahlungspflichtig)
http://www.schweizer-vertraege.ch/Suchbegriff/60-
AGB
Rechtliche Aspekte zu Webseiten:
WordPress weiter mit Netz
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-wi-web-all-2020

WordPress Kurs von WPC
WordPress Kurs von WPCWordPress Kurs von WPC
WordPress Kurs von WPCDanijel Rose
 
WordPress CMS - WebMontag Chemnitz Oktober 2011
WordPress CMS - WebMontag Chemnitz Oktober 2011WordPress CMS - WebMontag Chemnitz Oktober 2011
WordPress CMS - WebMontag Chemnitz Oktober 2011David Decker
 
Grundlagen Wordpress Schulung SkillDay.de 2015
Grundlagen Wordpress Schulung SkillDay.de   2015Grundlagen Wordpress Schulung SkillDay.de   2015
Grundlagen Wordpress Schulung SkillDay.de 2015Skill Day
 
PHP-Module in statischen Seiten - Architektur-Ansätze
PHP-Module in statischen Seiten - Architektur-AnsätzePHP-Module in statischen Seiten - Architektur-Ansätze
PHP-Module in statischen Seiten - Architektur-AnsätzeRalf Lütke
 
Meine ersten 12 Monate als Plugin-Entwickler für WordPress - WP Camp 2012 Berlin
Meine ersten 12 Monate als Plugin-Entwickler für WordPress - WP Camp 2012 BerlinMeine ersten 12 Monate als Plugin-Entwickler für WordPress - WP Camp 2012 Berlin
Meine ersten 12 Monate als Plugin-Entwickler für WordPress - WP Camp 2012 BerlinDavid Decker
 
Entwickeln mit Wordpress
Entwickeln mit WordpressEntwickeln mit Wordpress
Entwickeln mit WordpressBlogwerk AG
 
Systemvorstellung: dante cms im Überblick
Systemvorstellung: dante cms im ÜberblickSystemvorstellung: dante cms im Überblick
Systemvorstellung: dante cms im Überblicka3 systems GmbH
 
Word Press PräSentation
Word Press PräSentationWord Press PräSentation
Word Press PräSentationpfw208br
 
Entwicklercamp responive web design
Entwicklercamp   responive web designEntwicklercamp   responive web design
Entwicklercamp responive web designHenning Schmidt
 
Webanwendungen - Installation, Konfiguration und Administration
Webanwendungen - Installation, Konfiguration und AdministrationWebanwendungen - Installation, Konfiguration und Administration
Webanwendungen - Installation, Konfiguration und AdministrationThomas Siegers
 
Ueberlegungen Projektmanagement Web Applications
Ueberlegungen Projektmanagement Web ApplicationsUeberlegungen Projektmanagement Web Applications
Ueberlegungen Projektmanagement Web ApplicationsGünther Haslbeck
 
Web460 ppt-de-jul-word press-2020
Web460 ppt-de-jul-word press-2020Web460 ppt-de-jul-word press-2020
Web460 ppt-de-jul-word press-2020HansruediDbeli1
 
WordPress Professional – SEO Campixx
WordPress Professional – SEO CampixxWordPress Professional – SEO Campixx
WordPress Professional – SEO CampixxSebastian Blum
 
WordPress vs. TYPO3
WordPress vs. TYPO3WordPress vs. TYPO3
WordPress vs. TYPO3webpard UG
 

Ähnlich wie Web460 ppt-de-jul-wi-web-all-2020 (20)

WordPress Kurs von WPC
WordPress Kurs von WPCWordPress Kurs von WPC
WordPress Kurs von WPC
 
Powered by WordPress (German)
Powered by WordPress (German)Powered by WordPress (German)
Powered by WordPress (German)
 
WordPress CMS - WebMontag Chemnitz Oktober 2011
WordPress CMS - WebMontag Chemnitz Oktober 2011WordPress CMS - WebMontag Chemnitz Oktober 2011
WordPress CMS - WebMontag Chemnitz Oktober 2011
 
Grundlagen Wordpress Schulung SkillDay.de 2015
Grundlagen Wordpress Schulung SkillDay.de   2015Grundlagen Wordpress Schulung SkillDay.de   2015
Grundlagen Wordpress Schulung SkillDay.de 2015
 
PHP-Module in statischen Seiten - Architektur-Ansätze
PHP-Module in statischen Seiten - Architektur-AnsätzePHP-Module in statischen Seiten - Architektur-Ansätze
PHP-Module in statischen Seiten - Architektur-Ansätze
 
Joomla
JoomlaJoomla
Joomla
 
Mit WordPress durchstarten
Mit WordPress durchstartenMit WordPress durchstarten
Mit WordPress durchstarten
 
Meine ersten 12 Monate als Plugin-Entwickler für WordPress - WP Camp 2012 Berlin
Meine ersten 12 Monate als Plugin-Entwickler für WordPress - WP Camp 2012 BerlinMeine ersten 12 Monate als Plugin-Entwickler für WordPress - WP Camp 2012 Berlin
Meine ersten 12 Monate als Plugin-Entwickler für WordPress - WP Camp 2012 Berlin
 
Entwickeln mit Wordpress
Entwickeln mit WordpressEntwickeln mit Wordpress
Entwickeln mit Wordpress
 
Systemvorstellung: dante cms im Überblick
Systemvorstellung: dante cms im ÜberblickSystemvorstellung: dante cms im Überblick
Systemvorstellung: dante cms im Überblick
 
Word Press PräSentation
Word Press PräSentationWord Press PräSentation
Word Press PräSentation
 
Gutenberg Theme Entwicklung leicht gemacht
Gutenberg Theme Entwicklung leicht gemachtGutenberg Theme Entwicklung leicht gemacht
Gutenberg Theme Entwicklung leicht gemacht
 
Entwicklercamp responive web design
Entwicklercamp   responive web designEntwicklercamp   responive web design
Entwicklercamp responive web design
 
Joomla
JoomlaJoomla
Joomla
 
Sitecore. Ready to Start. Software Engineer
Sitecore. Ready to Start. Software EngineerSitecore. Ready to Start. Software Engineer
Sitecore. Ready to Start. Software Engineer
 
Webanwendungen - Installation, Konfiguration und Administration
Webanwendungen - Installation, Konfiguration und AdministrationWebanwendungen - Installation, Konfiguration und Administration
Webanwendungen - Installation, Konfiguration und Administration
 
Ueberlegungen Projektmanagement Web Applications
Ueberlegungen Projektmanagement Web ApplicationsUeberlegungen Projektmanagement Web Applications
Ueberlegungen Projektmanagement Web Applications
 
Web460 ppt-de-jul-word press-2020
Web460 ppt-de-jul-word press-2020Web460 ppt-de-jul-word press-2020
Web460 ppt-de-jul-word press-2020
 
WordPress Professional – SEO Campixx
WordPress Professional – SEO CampixxWordPress Professional – SEO Campixx
WordPress Professional – SEO Campixx
 
WordPress vs. TYPO3
WordPress vs. TYPO3WordPress vs. TYPO3
WordPress vs. TYPO3
 

Kürzlich hochgeladen

Kurzbeschreibung Schreibtools für die Toolbox.pdf
Kurzbeschreibung Schreibtools für die Toolbox.pdfKurzbeschreibung Schreibtools für die Toolbox.pdf
Kurzbeschreibung Schreibtools für die Toolbox.pdfHenning Urs
 
Do's and Don'ts für mobile Streamsetups - Beitrag zum #ScienceVideoCamp2024 d...
Do's and Don'ts für mobile Streamsetups - Beitrag zum #ScienceVideoCamp2024 d...Do's and Don'ts für mobile Streamsetups - Beitrag zum #ScienceVideoCamp2024 d...
Do's and Don'ts für mobile Streamsetups - Beitrag zum #ScienceVideoCamp2024 d...Mathias Magdowski
 
Presentation Endstation Dingden, Razzia von Rotterdam
Presentation Endstation Dingden, Razzia von RotterdamPresentation Endstation Dingden, Razzia von Rotterdam
Presentation Endstation Dingden, Razzia von RotterdamEus van Hove
 
Ein Telefongespräch. Ein Telefongespräch. Ein Telefongespräch
Ein Telefongespräch. Ein Telefongespräch. Ein TelefongesprächEin Telefongespräch. Ein Telefongespräch. Ein Telefongespräch
Ein Telefongespräch. Ein Telefongespräch. Ein TelefongesprächOlenaKarlsTkachenko
 
Stadt Popasna.Stadt PopasnaStadt Popasna
Stadt Popasna.Stadt PopasnaStadt PopasnaStadt Popasna.Stadt PopasnaStadt Popasna
Stadt Popasna.Stadt PopasnaStadt PopasnaOlenaKarlsTkachenko
 
Dignitas Infinita - MENSCHENWÜRDE; Erklärung des Dikasteriums für die Glauben...
Dignitas Infinita - MENSCHENWÜRDE; Erklärung des Dikasteriums für die Glauben...Dignitas Infinita - MENSCHENWÜRDE; Erklärung des Dikasteriums für die Glauben...
Dignitas Infinita - MENSCHENWÜRDE; Erklärung des Dikasteriums für die Glauben...Martin M Flynn
 

Kürzlich hochgeladen (7)

Kurzbeschreibung Schreibtools für die Toolbox.pdf
Kurzbeschreibung Schreibtools für die Toolbox.pdfKurzbeschreibung Schreibtools für die Toolbox.pdf
Kurzbeschreibung Schreibtools für die Toolbox.pdf
 
Do's and Don'ts für mobile Streamsetups - Beitrag zum #ScienceVideoCamp2024 d...
Do's and Don'ts für mobile Streamsetups - Beitrag zum #ScienceVideoCamp2024 d...Do's and Don'ts für mobile Streamsetups - Beitrag zum #ScienceVideoCamp2024 d...
Do's and Don'ts für mobile Streamsetups - Beitrag zum #ScienceVideoCamp2024 d...
 
Presentation Endstation Dingden, Razzia von Rotterdam
Presentation Endstation Dingden, Razzia von RotterdamPresentation Endstation Dingden, Razzia von Rotterdam
Presentation Endstation Dingden, Razzia von Rotterdam
 
Ein Telefongespräch. Ein Telefongespräch. Ein Telefongespräch
Ein Telefongespräch. Ein Telefongespräch. Ein TelefongesprächEin Telefongespräch. Ein Telefongespräch. Ein Telefongespräch
Ein Telefongespräch. Ein Telefongespräch. Ein Telefongespräch
 
Stadt Popasna.Stadt PopasnaStadt Popasna
Stadt Popasna.Stadt PopasnaStadt PopasnaStadt Popasna.Stadt PopasnaStadt Popasna
Stadt Popasna.Stadt PopasnaStadt Popasna
 
Díptic PFI pfi pfi pfi pfi pfi pfi pf.pdf
Díptic PFI pfi pfi pfi pfi pfi pfi pf.pdfDíptic PFI pfi pfi pfi pfi pfi pfi pf.pdf
Díptic PFI pfi pfi pfi pfi pfi pfi pf.pdf
 
Dignitas Infinita - MENSCHENWÜRDE; Erklärung des Dikasteriums für die Glauben...
Dignitas Infinita - MENSCHENWÜRDE; Erklärung des Dikasteriums für die Glauben...Dignitas Infinita - MENSCHENWÜRDE; Erklärung des Dikasteriums für die Glauben...
Dignitas Infinita - MENSCHENWÜRDE; Erklärung des Dikasteriums für die Glauben...
 

Web460 ppt-de-jul-wi-web-all-2020

  • 1. Websites mit WordPress WordPress als CMS Herzlich Willkommen in der Klubschule Winterthur
  • 2. Websites mit WordPress WordPress als CMS Kursleitung: Hansruedi Döbeli ICT Architekt Softwareentwicklung und Design Mail: doebelih@hotmail.com
  • 3. Lernziele  Nach diesem Kurs sind Sie in der Lage, Websites mit WordPress einzurichten, deren Inhalte selber zu verwalten, das Layout mit Hilfe von „Themes“ anzupassen, sowie Zusatzfunktionen via Plugins zu aktivieren.
  • 4. Inhalt  Was ist WordPress? Wo macht der Einsatz Sinn?  Erste Schritte in WordPress  WordPress Installation  Front- und Backend von WordPress  Artikel erstellen  Bilder einbinden und Mediathek  WordPress Themes und Plugins  WordPress Menüs, Navigation  Einstellungen und Sicherheitsaspekte  Umgang mit Updates und Upgrades
  • 5. Anschluss- Fortsetzungskurs  WordPress: Blog erstellen  WordPress: Online Shop erstellen  WordPress: mach mehr aus deiner Webseite - Workshop
  • 6. Websites mit WordPress Datum Tag Block Bemerkung 13. 07 2020 Mo 1 Einführung, Einrichten, Grundlagen 14. 07. 2020 Di 2 Beitrag/Seiten, Medien, Customizer, Kommentare 15. 07. 2020 Mi 3 Code, Interaktive Webseiten, Funktionen, Menue, Events 16. 07. 2020 Do 4 Benutzerverwaltung, Shoplösung, Events, Administration
  • 9. Websites mit WordPress WordPress als CMS WordPress ist eine Open Source Blog Anwendung und wurde 2003 aus dem Projekt b2/cafelog abgeleitet. Die Multiple-Website-Funktionalität von WordPress wurde 2010 intergriert. Heute ist WordPress die am meist verwendete Blog Anwendung, die hinter Millionen von Blogs und Webseiten steht und von Millionen Menschen jeden Tag verwendet wird.
  • 10. Was ist WordPress?  Entstanden als Blog-Tool (2003)  Jetzt ein vollwertiges CMS  Einfach zu bedienen  Riesige Entwicklergemeinde  Auf Webserver installiert lokal oder beim Provider  Website-Bearbeitung im Browser  kostenlos
  • 14. Warum WordPress?  Einfach  Leistungsfähig  Verbreitet (mit Abstand Nr. 1)  Opensource
  • 15. Lizenz  Opensource GPLv2  Nutzung und Anpassung kostenlos  Anbieten nur unter gleicher Lizenz  Hinweise dürfen entfernt werden  Themes und Plugins auch GPL
  • 17. WordPress.com vs WordPress.org  WordPress.com  beschränkter Zugriff  keine zusätzliche Plug-Ins  kein eigenes Designe (Themes)  kein zugriff auf Code  WordPress.org  eigenes Hosting  voller Zugriff  eigenverantwortlich für Aktualisierung sowie Backups
  • 20. Hostpoint WordPress installieren Installation 2. Instanz in separates Verzeichnis
  • 21. Hostpoint WordPress installieren Installation 2. Instanz in separates Verzeichnis
  • 24. WordPress erste Schritte  Bildbearbeitung in der Cloud:  http://www.bilder-editieren.de (einfaches Werkzeug)  http://www.online-image-editor.com/?language=deutsch (erweitertes Werkzeug)
  • 25. WordPress erste Schritte  Aufbau Grundgerüst HTM5 Seite – alle Bereiche: <!DOCTYPE html> <html lang="de"> <head> <meta charset="UTF-8"> <title>Beispiel HTML5 Grundgerüst</title> <meta name="description" content="Kurzbeschreibung"> <link href="design.css" rel="stylesheet"> </head> <body> Arbeitsbereich </body> </html>
  • 26. WordPress erste Schritte  Aufbau Grundgerüst HTM5 Seite – alle Bereiche: <!DOCTYPE html> <html lang="de"> <head> <meta charset="UTF-8"> <title>Beispiel HTML5 Grundgerüst</title> <meta name="description" content="Kurzbeschreibung"> <link href="design.css" rel="stylesheet"> </head> <body> Arbeitsbereich </body> </html>
  • 27. WordPress erste Schritte Auswahl von Themes: Name: Bemerkung: Link: WordPress Themes Premium Themes www.wordpress.org Elmastudio Einfache Themes www.elmastudio.de/wordpress-themes/ Elegant themes Diva unter den Vorlagen www.elegantthemes.com/ themesforest Plattform mit riesiger Auswahl themesforest.net/ 11.07.2020
  • 28. WordPress erste Schritte Name: Bemerkung: Link: WP Lightbox 2 Fotogallery https://de-ch.wordpress.org/plugins/wp-lightbox- 2/ Contact Form 7 Kontakt- formular https://de.wordpress.org/plugins/contact-form-7/ Woo Commerce Storefront https://woocommerce.com/storefront/ Top 10 Popular posts plugin Top 10 Popular plugin for Wordpress https://de-ch.wordpress.org/plugins/top-10 Antispam Bee https://srd.wordpress.org/plugins/antispam-bee/ Event Calendar Eventkalender mit Aktiven Events https://de.wordpress.org/plugins/the-events- calendar/ Plug Ins:
  • 29. WordPress erste Schritte Name: Link: Checkliste zur rechtlich sicheren Website in der Schweiz http://www.nailedit.ch/checkliste-rechtlich-sichere- website-schweiz/ Impressum-Generator https://www.bag.ch/impressum-generator Schweizer Musterverträge (WEKA; Zahlungspflichtig) http://www.schweizer-vertraege.ch/Suchbegriff/60- AGB Rechtliche Aspekte zu Webseiten:
  • 31. WordPress erste Schritte  Typische Verbindung zum Internet bei Heimanwendern:
  • 32. WordPress erste Schritte  Typische Verbindung zum Internet bei Firmen:
  • 33. WordPress erste Schritte  Ein kleiner Ausschnitt des World Wide Web:
  • 34. 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,
  • 35. 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.
  • 36. 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.
  • 38. 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.
  • 39. WordPress erste Schritte Bilder sagen mehr als 1000 Worte! http://www.online-image-editor.com/?language=deutsch