Diese Präsentation wurde erfolgreich gemeldet.
Wir verwenden Ihre LinkedIn Profilangaben und Informationen zu Ihren Aktivitäten, um Anzeigen zu personalisieren und Ihnen relevantere Inhalte anzuzeigen. Sie können Ihre Anzeigeneinstellungen jederzeit ändern.
Nadine Edelmann // Klaudia Fernowka // Magdalena Kierat // Anne Schwertfeger
Tutoring Projekt II // Master Druck- und Medi...
Nadine Edelmann // Klaudia Fernowka // Magdalena Kierat // Anne Schwertfeger
Vorstellungsrunde
Wer sind wir?
Was machen wi...
Nadine Edelmann // Klaudia Fernowka // Magdalena Kierat // Anne Schwertfeger
Vorstellungsrunde
Wer seid ihr?
● Name & Seme...
Nadine Edelmann // Klaudia Fernowka // Magdalena Kierat // Anne Schwertfeger
Kursinhalte
● Installation von WordPress
● Wo...
Kursziele
Einführung in die Grundlagen von WordPress
● Kennenlernen der wichtigsten Funktionen
● WordPress-Seite Erstellen...
Agenda
für den 23.11.2013 // WordPress Kurs Teil 1
Einführung & Vorbemerkungen
Voraussetzungen & Installation
WordPress-Ba...
Einführung & Vorbemerkungen | Voraussetzungen & Installation | WordPress-Backend
Nadine Edelmann // Klaudia Fernowka // Ma...
Einführung & Vorbemerkungen | Voraussetzungen & Installation | WordPress-Backend| Themes installieren
Nadine Edelmann // K...
Weitere CMS
Einführung & Vorbemerkungen | Voraussetzungen & Installation | WordPress-Backend
Nadine Edelmann // Klaudia Fe...
Einführung & Vorbemerkungen | Voraussetzungen & Installation | WordPress-Backend
Nadine Edelmann // Klaudia Fernowka // Ma...
Einführung & Vorbemerkungen | Voraussetzungen & Installation | WordPress-Backend
Nadine Edelmann // Klaudia Fernowka // Ma...
Nadine Edelmann // Klaudia Fernowka // Magdalena Kierat // Anne Schwertfeger
Vorteile von WordPress
● kostenlos und Open S...
Nadine Edelmann // Klaudia Fernowka // Magdalena Kierat // Anne Schwertfeger
Nachteile von WordPress
● bei unsicheren Pass...
Nadine Edelmann // Klaudia Fernowka // Magdalena Kierat // Anne Schwertfeger
WordPress - Funktionen
● WYSIWYG-Editor
● Kom...
Einführung & Vorbemerkungen | Voraussetzungen & Installation | WordPress-Backend
Nadine Edelmann // Klaudia Fernowka // Ma...
Nadine Edelmann // Klaudia Fernowka // Magdalena Kierat // Anne Schwertfeger
Voraussetzungen für WordPress
● Webspace: übe...
Nadine Edelmann // Klaudia Fernowka // Magdalena Kierat // Anne Schwertfeger
Alternative: lokale Serverumgebung
Einführung...
Nadine Edelmann // Klaudia Fernowka // Magdalena Kierat // Anne Schwertfeger
Installation mit XAMPP
● lokale Testumgebung
...
Nadine Edelmann // Klaudia Fernowka // Magdalena Kierat // Anne Schwertfeger
Installation von XAMPP
Download unter
http://...
Nadine Edelmann // Klaudia Fernowka // Magdalena Kierat // Anne Schwertfeger
Einführung & Vorbemerkungen | Voraussetzungen...
Nadine Edelmann // Klaudia Fernowka // Magdalena Kierat // Anne Schwertfeger
XAMPP starten
Einführung & Vorbemerkungen | V...
Nadine Edelmann // Klaudia Fernowka // Magdalena Kierat // Anne Schwertfeger
Datenbank anlegen
Im Browser folgende URL auf...
Nadine Edelmann // Klaudia Fernowka // Magdalena Kierat // Anne Schwertfeger
WordPress downloaden
● Aktuelle WordPress Ver...
Nadine Edelmann // Klaudia Fernowka // Magdalena Kierat // Anne Schwertfeger
WordPress vorbereiten
● im Wordpress-Ordner “...
Nadine Edelmann // Klaudia Fernowka // Magdalena Kierat // Anne Schwertfeger
WordPress vorbereiten
Einführung & Vorbemerku...
Nadine Edelmann // Klaudia Fernowka // Magdalena Kierat // Anne Schwertfeger
Einführung & Vorbemerkungen | Voraussetzungen...
Nadine Edelmann // Klaudia Fernowka // Magdalena Kierat // Anne Schwertfeger
WordPress installieren
Im Browser folgende UR...
Nadine Edelmann // Klaudia Fernowka // Magdalena Kierat // Anne Schwertfeger
Juhu, wir haben WordPress installiert!
Pause!...
Nadine Edelmann // Klaudia Fernowka // Magdalena Kierat // Anne Schwertfeger
Mit WordPress arbeiten
● Frontend:
http://loc...
Nadine Edelmann // Klaudia Fernowka // Magdalena Kierat // Anne Schwertfeger
Artikel vs. Seiten
dynamische Seiten statisch...
Nadine Edelmann // Klaudia Fernowka // Magdalena Kierat // Anne Schwertfeger
Seiten erstellen
1.
Einführung & Vorbemerkung...
Nadine Edelmann // Klaudia Fernowka // Magdalena Kierat // Anne Schwertfeger
Seiten erstellen
Einführung & Vorbemerkungen ...
Nadine Edelmann // Klaudia Fernowka // Magdalena Kierat // Anne Schwertfeger
Seiten erstellen
1.
2.
5.
6.
4.
3.
Einführung...
Nadine Edelmann // Klaudia Fernowka // Magdalena Kierat // Anne Schwertfeger
Menüs anlegen
● im Backend unter: Design - Me...
Nadine Edelmann // Klaudia Fernowka // Magdalena Kierat // Anne Schwertfeger
Menüs anlegen
1. Menü erstellen
> Namen verge...
Nadine Edelmann // Klaudia Fernowka // Magdalena Kierat // Anne Schwertfeger
Menüs anlegen
2. Menü auswählen
Einführung & ...
Nadine Edelmann // Klaudia Fernowka // Magdalena Kierat // Anne Schwertfeger
Menüs anlegen
3. Menüpunkte auswählen
Einführ...
Nadine Edelmann // Klaudia Fernowka // Magdalena Kierat // Anne Schwertfeger
Menüs anlegen
1.
2.
4.
3.
4. Menüpunkte anord...
Nadine Edelmann // Klaudia Fernowka // Magdalena Kierat // Anne Schwertfeger
Startseite : Start / Beitragseite: Blog
Einfü...
Nadine Edelmann // Klaudia Fernowka // Magdalena Kierat // Anne Schwertfeger
Einführung & Vorbemerkungen | Voraussetzungen...
Nadine Edelmann // Klaudia Fernowka // Magdalena Kierat // Anne Schwertfeger
Einführung & Vorbemerkungen | Voraussetzungen...
Nadine Edelmann // Klaudia Fernowka // Magdalena Kierat // Anne Schwertfeger
Einführung & Vorbemerkungen | Voraussetzungen...
Nadine Edelmann // Klaudia Fernowka // Magdalena Kierat // Anne Schwertfeger
Einführung & Vorbemerkungen | Voraussetzungen...
Nadine Edelmann // Klaudia Fernowka // Magdalena Kierat // Anne Schwertfeger
Fragen & Feedback | Aufgabe | Ausblick
Nadine Edelmann // Klaudia Fernowka // Magdalena Kierat // Anne Schwertfeger
Fragen & Feedback | Aufgabe | Ausblick
Nadine Edelmann // Klaudia Fernowka // Magdalena Kierat // Anne Schwertfeger
Fragen & Feedback | Aufgabe | Ausblick
Nadine Edelmann // Klaudia Fernowka // Magdalena Kierat // Anne Schwertfeger
Fragen & Feedback | Aufgabe | Ausblick
Aufgab...
Nadine Edelmann // Klaudia Fernowka // Magdalena Kierat // Anne Schwertfeger
Ausblick für den 30. November 2013
● kurze Wi...
Nadine Edelmann // Klaudia Fernowka // Magdalena Kierat // Anne Schwertfeger
Vielen Dank!
Bis zum nächsten Termin:
30. Nov...
Nächste SlideShare
Wird geladen in …5
×

Begleitfolien zum WordPress Einsteiger-Workshop (Teil 1)

691 Aufrufe

Veröffentlicht am

Begleitfolien zum Einsteiger-Workshop über das Content-Management-System WordPress (Teil 1). Eine Schulung für Studenten der Beuth Hochschule für Technik in Berlin von Nadine Edelmann, Klaudia Fernowka, Magdalena Kierat und Anne Schwertfeger. (2013)

Kursinhalte:

- Was ist ein Content-Management-System (CMS)?
- Was ist WordPress?
- Grundlagen von WordPress
- Unterschied zwischen WordPress.com und WordPress.org
- Funktionen von WordPress
- Vor- und Nachteile von WordPress
- Beispiele von WordPress-Seiten
- Voraussetzungen für die WordPress-Installation
- Installation von WordPress
- Lokale WordPress Installation
- Vorstellung des WordPress Backends
- WordPress-Seiten erstellen und bearbeiten
- Menüs in WordPress anlegen
- Was sind Themes und Plugins?
- Übungen

Weiterführende Kursinhalte und Informationen unter:
https://beuthworkshop.wordpress.com/

Workshop erstellt und präsentiert von Nadine Edelmann, Klaudia Fernowka, Magdalena Kierat und Anne Schwertfeger. (2013)

Veröffentlicht in: Bildung
  • Als Erste(r) kommentieren

Begleitfolien zum WordPress Einsteiger-Workshop (Teil 1)

  1. 1. Nadine Edelmann // Klaudia Fernowka // Magdalena Kierat // Anne Schwertfeger Tutoring Projekt II // Master Druck- und Medientechnik // Beuth Hochschule für Technik Berlin // Berlin, 23.11.2013
  2. 2. Nadine Edelmann // Klaudia Fernowka // Magdalena Kierat // Anne Schwertfeger Vorstellungsrunde Wer sind wir? Was machen wir? Webseite zum Kurs: http://beuthworkshop.wordpress.com
  3. 3. Nadine Edelmann // Klaudia Fernowka // Magdalena Kierat // Anne Schwertfeger Vorstellungsrunde Wer seid ihr? ● Name & Semester ● Vorwissen / Erfahrungen mit WordPress ● Erwartungen an den Kurs
  4. 4. Nadine Edelmann // Klaudia Fernowka // Magdalena Kierat // Anne Schwertfeger Kursinhalte ● Installation von WordPress ● WordPress-Backend ● Seiten erstellen & bearbeiten ● Menüs anlegen ● Themes & Plugins
  5. 5. Kursziele Einführung in die Grundlagen von WordPress ● Kennenlernen der wichtigsten Funktionen ● WordPress-Seite Erstellen, Verwalten & Aktualisieren ● Möglichkeit das Wissen nach dem Kurs zu vertiefen Nadine Edelmann // Klaudia Fernowka // Magdalena Kierat // Anne Schwertfeger
  6. 6. Agenda für den 23.11.2013 // WordPress Kurs Teil 1 Einführung & Vorbemerkungen Voraussetzungen & Installation WordPress-Backend Feedback & Ausblick
  7. 7. Einführung & Vorbemerkungen | Voraussetzungen & Installation | WordPress-Backend Nadine Edelmann // Klaudia Fernowka // Magdalena Kierat // Anne Schwertfeger Was ist ein CMS? ● CMS = Content-Management-System ● Software zur gemeinschaftlichen Erstellung, Bearbeitung und Organisation von Inhalten, zumeist von Webseiten ● Verwalten von Inhalten (Texten, Bildern, Links, etc.)
  8. 8. Einführung & Vorbemerkungen | Voraussetzungen & Installation | WordPress-Backend| Themes installieren Nadine Edelmann // Klaudia Fernowka // Magdalena Kierat // Anne Schwertfeger Was ist ein CMS?
  9. 9. Weitere CMS Einführung & Vorbemerkungen | Voraussetzungen & Installation | WordPress-Backend Nadine Edelmann // Klaudia Fernowka // Magdalena Kierat // Anne Schwertfeger
  10. 10. Einführung & Vorbemerkungen | Voraussetzungen & Installation | WordPress-Backend Nadine Edelmann // Klaudia Fernowka // Magdalena Kierat // Anne Schwertfeger Was ist WordPress? ● ursprünglich eine Blogsoftware ● eignet sich auch als CMS für statische Seiten ● betriebssystem- und plattformunabhängig
  11. 11. Einführung & Vorbemerkungen | Voraussetzungen & Installation | WordPress-Backend Nadine Edelmann // Klaudia Fernowka // Magdalena Kierat // Anne Schwertfeger Unterschied com vs. org ● .com-Version: eingeschränkt, kostenloser Webspace ● .org-Version: volle Funktion, kostenpflichtiger Hostinganbieter notwendig
  12. 12. Nadine Edelmann // Klaudia Fernowka // Magdalena Kierat // Anne Schwertfeger Vorteile von WordPress ● kostenlos und Open Source ● sehr leicht zu bedienendes CMS ● zahlreiche kostenlose Plugins ● große Community im Hintergrund ● Ständige Weiterentwicklung Einführung & Vorbemerkungen | Voraussetzungen & Installation | WordPress-Backend
  13. 13. Nadine Edelmann // Klaudia Fernowka // Magdalena Kierat // Anne Schwertfeger Nachteile von WordPress ● bei unsicheren Passwörtern hohe Angriffsfläche für Hacker ● weniger geeignet für große Webseiten oder Online-Shops Einführung & Vorbemerkungen | Voraussetzungen & Installation | WordPress-Backend
  14. 14. Nadine Edelmann // Klaudia Fernowka // Magdalena Kierat // Anne Schwertfeger WordPress - Funktionen ● WYSIWYG-Editor ● Kommentarfunktionen ● Beiträge kategorisieren und verschlagworten ● Vergabe von verschiedenen Benutzerollen und Rechten Einführung & Vorbemerkungen | Voraussetzungen & Installation | WordPress-Backend ● leichte Einbindung von Medien ● Nutzung von verschiedenen Templates ● Responsive
  15. 15. Einführung & Vorbemerkungen | Voraussetzungen & Installation | WordPress-Backend Nadine Edelmann // Klaudia Fernowka // Magdalena Kierat // Anne Schwertfeger WordPress - Beispiele http://beuthworkshop.wordpress.com/ (Bsp. Responsive) http://blog.tagesschau.de/ (Bsp. Blog) http://ebay.de/ (Bsp. Shop) http://www.greatgorillarun.org/ http://heypapalegend.com/ Viele weitere Beispiele unter: http: //wordpress.org/showcase/
  16. 16. Nadine Edelmann // Klaudia Fernowka // Magdalena Kierat // Anne Schwertfeger Voraussetzungen für WordPress ● Webspace: über Host (10GB meist ausreichend) ● Datenbank: MySQL-Version 5.0 oder höher ● Scriptsprache: PHP-Version 5.2.4. oder höher Einführung & Vorbemerkungen | Voraussetzungen & Installation | WordPress-Backend
  17. 17. Nadine Edelmann // Klaudia Fernowka // Magdalena Kierat // Anne Schwertfeger Alternative: lokale Serverumgebung Einführung & Vorbemerkungen | Voraussetzungen & Installation | WordPress-Backend XAMPP für Windows MAMP für MacOS
  18. 18. Nadine Edelmann // Klaudia Fernowka // Magdalena Kierat // Anne Schwertfeger Installation mit XAMPP ● lokale Testumgebung ● kostenlose Software ● simuliert Server, Datenbank & PHP ● funktioniert unter Windows (& Mac) ● portable Version verfügbar Einführung & Vorbemerkungen | Voraussetzungen & Installation | WordPress-Backend
  19. 19. Nadine Edelmann // Klaudia Fernowka // Magdalena Kierat // Anne Schwertfeger Installation von XAMPP Download unter http://www.apachefriends.org/de/xampp-windows.html (auf Rechnern schon vorinstalliert) Einführung & Vorbemerkungen | Voraussetzungen & Installation | WordPress-Backend
  20. 20. Nadine Edelmann // Klaudia Fernowka // Magdalena Kierat // Anne Schwertfeger Einführung & Vorbemerkungen | Voraussetzungen & Installation | WordPress-Backend WordPress Serverumgebung Datenbank Was brauchen wir für die Installation? 1. 2. 3.
  21. 21. Nadine Edelmann // Klaudia Fernowka // Magdalena Kierat // Anne Schwertfeger XAMPP starten Einführung & Vorbemerkungen | Voraussetzungen & Installation | WordPress-Backend
  22. 22. Nadine Edelmann // Klaudia Fernowka // Magdalena Kierat // Anne Schwertfeger Datenbank anlegen Im Browser folgende URL aufrufen: http://localhost/phpmyadmin/ DB-Name: wordpress Einführung & Vorbemerkungen | Voraussetzungen & Installation | WordPress-Backend
  23. 23. Nadine Edelmann // Klaudia Fernowka // Magdalena Kierat // Anne Schwertfeger WordPress downloaden ● Aktuelle WordPress Version (deutsch) downloaden unter: http://de.wordpress.org/ ● WordPress-Ordner aus der runtergeladenen Zip-Datei in den htdocs Ordner in XAMPP legen, Pfad: H: > xampp > htdocs Einführung & Vorbemerkungen | Voraussetzungen & Installation | WordPress-Backend
  24. 24. Nadine Edelmann // Klaudia Fernowka // Magdalena Kierat // Anne Schwertfeger WordPress vorbereiten ● im Wordpress-Ordner “wp-config-sample.php” umbenennen in “wp-config.php” ● wp-config.php öffnen und folgende Daten eingeben und speichern: Einführung & Vorbemerkungen | Voraussetzungen & Installation | WordPress-Backend
  25. 25. Nadine Edelmann // Klaudia Fernowka // Magdalena Kierat // Anne Schwertfeger WordPress vorbereiten Einführung & Vorbemerkungen | Voraussetzungen & Installation | WordPress-Backend
  26. 26. Nadine Edelmann // Klaudia Fernowka // Magdalena Kierat // Anne Schwertfeger Einführung & Vorbemerkungen | Voraussetzungen & Installation | WordPress-Backend
  27. 27. Nadine Edelmann // Klaudia Fernowka // Magdalena Kierat // Anne Schwertfeger WordPress installieren Im Browser folgende URL aufrufen und Installtionsanweisungen folgen: http://localhost/wordpress Einführung & Vorbemerkungen | Voraussetzungen & Installation | WordPress-Backend Wichtig! Username: admin Passwort: password
  28. 28. Nadine Edelmann // Klaudia Fernowka // Magdalena Kierat // Anne Schwertfeger Juhu, wir haben WordPress installiert! Pause! Einführung & Vorbemerkungen | Voraussetzungen & Installation | WordPress-Backend
  29. 29. Nadine Edelmann // Klaudia Fernowka // Magdalena Kierat // Anne Schwertfeger Mit WordPress arbeiten ● Frontend: http://localhost/wordpress/ ● Backend: http://localhost/wordpress/wp-admin Einführung & Vorbemerkungen | Voraussetzungen & Installation | WordPress-Backend
  30. 30. Nadine Edelmann // Klaudia Fernowka // Magdalena Kierat // Anne Schwertfeger Artikel vs. Seiten dynamische Seiten statische Seiten Bsp. Blogeintrag Bsp. Impressum Einführung & Vorbemerkungen | Voraussetzungen & Installation | WordPress-Backend
  31. 31. Nadine Edelmann // Klaudia Fernowka // Magdalena Kierat // Anne Schwertfeger Seiten erstellen 1. Einführung & Vorbemerkungen | Voraussetzungen & Installation | WordPress-Backend
  32. 32. Nadine Edelmann // Klaudia Fernowka // Magdalena Kierat // Anne Schwertfeger Seiten erstellen Einführung & Vorbemerkungen | Voraussetzungen & Installation | WordPress-Backend
  33. 33. Nadine Edelmann // Klaudia Fernowka // Magdalena Kierat // Anne Schwertfeger Seiten erstellen 1. 2. 5. 6. 4. 3. Einführung & Vorbemerkungen | Voraussetzungen & Installation | WordPress-Backend
  34. 34. Nadine Edelmann // Klaudia Fernowka // Magdalena Kierat // Anne Schwertfeger Menüs anlegen ● im Backend unter: Design - Menüs Einführung & Vorbemerkungen | Voraussetzungen & Installation | WordPress-Backend
  35. 35. Nadine Edelmann // Klaudia Fernowka // Magdalena Kierat // Anne Schwertfeger Menüs anlegen 1. Menü erstellen > Namen vergeben Einführung & Vorbemerkungen | Voraussetzungen & Installation | WordPress-Backend
  36. 36. Nadine Edelmann // Klaudia Fernowka // Magdalena Kierat // Anne Schwertfeger Menüs anlegen 2. Menü auswählen Einführung & Vorbemerkungen | Voraussetzungen & Installation | WordPress-Backend
  37. 37. Nadine Edelmann // Klaudia Fernowka // Magdalena Kierat // Anne Schwertfeger Menüs anlegen 3. Menüpunkte auswählen Einführung & Vorbemerkungen | Voraussetzungen & Installation | WordPress-Backend
  38. 38. Nadine Edelmann // Klaudia Fernowka // Magdalena Kierat // Anne Schwertfeger Menüs anlegen 1. 2. 4. 3. 4. Menüpunkte anordnen und verschachteln Einführung & Vorbemerkungen | Voraussetzungen & Installation | WordPress-Backend
  39. 39. Nadine Edelmann // Klaudia Fernowka // Magdalena Kierat // Anne Schwertfeger Startseite : Start / Beitragseite: Blog Einführung & Vorbemerkungen | Voraussetzungen & Installation | WordPress-Backend
  40. 40. Nadine Edelmann // Klaudia Fernowka // Magdalena Kierat // Anne Schwertfeger Einführung & Vorbemerkungen | Voraussetzungen & Installation | WordPress-Backend Videos einbinden mit oEmbed Das oEmbed-Protokoll macht es möglich, zahlreiche Webdienste wie YouTube oder Flickr, einfach über die URL in WordPress einzubinden. Genaue Webdienst-Übersicht: http://codex.wordpress.org/Embeds
  41. 41. Nadine Edelmann // Klaudia Fernowka // Magdalena Kierat // Anne Schwertfeger Einführung & Vorbemerkungen | Voraussetzungen & Installation | WordPress-Backend Google Maps einbinden über HTML-Code 1. Google Maps aufrufen https://maps.google.de/, Adresse eingeben 2. Über Link-Symbol Vorschau anzeigen lassen
  42. 42. Nadine Edelmann // Klaudia Fernowka // Magdalena Kierat // Anne Schwertfeger Einführung & Vorbemerkungen | Voraussetzungen & Installation | WordPress-Backend Google Maps einbinden über HTML-Code 3. Karte nach Belieben anpassen und HTML-Code kopieren
  43. 43. Nadine Edelmann // Klaudia Fernowka // Magdalena Kierat // Anne Schwertfeger Einführung & Vorbemerkungen | Voraussetzungen & Installation | WordPress-Backend Google Maps einbinden über HTML-Code 4. HTML-Code per Editor-Text-Ansicht in Seite/Beitrag einfügen
  44. 44. Nadine Edelmann // Klaudia Fernowka // Magdalena Kierat // Anne Schwertfeger Fragen & Feedback | Aufgabe | Ausblick
  45. 45. Nadine Edelmann // Klaudia Fernowka // Magdalena Kierat // Anne Schwertfeger Fragen & Feedback | Aufgabe | Ausblick
  46. 46. Nadine Edelmann // Klaudia Fernowka // Magdalena Kierat // Anne Schwertfeger Fragen & Feedback | Aufgabe | Ausblick
  47. 47. Nadine Edelmann // Klaudia Fernowka // Magdalena Kierat // Anne Schwertfeger Fragen & Feedback | Aufgabe | Ausblick Aufgabe: Theme raussuchen Linkliste mit kostenlosen Themes auf unserem Blog: http://beuthworkshop.wordpress.com/themes-2/
  48. 48. Nadine Edelmann // Klaudia Fernowka // Magdalena Kierat // Anne Schwertfeger Ausblick für den 30. November 2013 ● kurze Wiederholung & Übung ● Themes installieren (Widgets & Impressum) ● Plugins vorstellen & installieren ● Benutzer verwalten ● Host-Empfehlungen geben ● Fragen, Evaluierung & Feedbackrunde Fragen & Feedback |Aufgabe | Ausblick
  49. 49. Nadine Edelmann // Klaudia Fernowka // Magdalena Kierat // Anne Schwertfeger Vielen Dank! Bis zum nächsten Termin: 30. November 2013 um 10:00 Uhr Raum B341

×