<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " <html> <head> <meta

Transkript

1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " <html> <head> <meta HTTP-EQUIV=CONTENT-TYPE CONTENT="text/html; charset=utf-8"> <title>seminar Joomla</title> </head> <body text="#000000" bgcolor="#e6e6ff" link="#000080" vlink="#0000cc" alink="#000080"> <center> <h1>ich bin eine Überschrift!</h1> wir begrüßen Sie recht herzlich zum seminar Webseiten mit dem CMS Joomla vom Kreisverband für Obstbau, Garten und Landschaft Ludwigsburg e.v. webseiten mit dem CMS Joomla <a href=" target="_blank"><img src="logo.png" alt="kreisverband für Obstbau, Garten und Landschaft Ludwigsburg e.v." alt="hier geht es zum Kreisverband" align="center"></a> </body> </html>

2 Webseiten mit dem CMS Joomla Wir begrüßen Sie recht herzlich zum Seminar Webseiten mit dem CMS Joomla vom Kreisverband für Obstbau, Garten und Landschaft Ludwigsburg e.v.

3 Webseiten mit dem CMS Joomla Eine Homepage rettet nicht Ihren Verein! Die Kommunikation von Mensch zu Mensch... Die Gestaltung des Vereinslebens Die Anpassung der Vereine an die reale Welt sind die Erfolgsrezepte der Vereine!

4 Webseiten mit dem CMS Joomla Eine Homepage ist eine Informationsplattform! Ihre Besucher kommen hauptsächlich aus den eigenen Reihen! Kurze Informationen sind besser als lange Texte! Eine Homepage muss aktuell bleiben!

5 Webbrowser

6 htaccess HTML 4 MySQL PHP JavaScript Backend CSS Link offline CMS Webserver Content online Blog Template Homepage oder Webseite? Apache FTP MySQLi phpmyadmin robots.txt HTML 5 Frontend.htaccess w3w bzw. w3

7 Blog Link offline Backend CMS Template Content online Homepage oder Webseite? FTP Frontend

8 CMS Content Mangament System Warum CMS? Ihre Webseiten sind dynamisch, Ihre Webseiten sind zeitgesteuert Rechteverwaltung zum Bearbeiten der Webseiten Sie brauchen keine Kenntnisse in html, php, javascript usw. Sie brauchen nur einen Internetzugang irgendwo auf der Welt Webseiten sollten barrierefrei sein! Keine Tabellen, keine Frames! Webseiten sollten im Responsive-Webdesign erstellt werden!

9 CMS Content Mangament System Das benötigte Werkzeug Ein internetfähiger Computer oder Laptop Eine Internetverbindung Ein einfachstes Bildbearbeitungsprogramm Windows: Image Resizer, Paint.NET Mac OS X: Image Resizer Linux: KIM Ein FTP-Programm: FileZilla (Windows, Mac, Linux) Gute Ideen und etwas Geduld

10 CMS Content Mangament System WordPress Typo3 Joomla Contao Drupal und viele weitere CMS

11 CMS Content Mangament System Typo3 WordPress + Sehr übersichtlich + sehr schneller Seitenaufbau - Templates - Updates Joomla + Sehr weit verbreitet + viele Erweiterungen + sehr flexibel + erstklassige Updatefunktion - Unübersichtlich + Sehr weit verbreitet + einfach zu lernen + Updatefunktion - Reines Blogsystem - Keine großen Webseiten

12 CMS Content Mangament System Typo3 WordPress Joomla Ohne Einarbeitung geht es nicht!!!

13 CMS Content Mangament System Inhalte Alles, was Sie da rein schreiben Dateien Ihre Bilder, PDF-Dokumente, usw. Template Die Schablone, die das Aussehen der Seite steuert

14 CMS Content Mangament System Inhalte Alles, was Sie da rein schreiben liegt in der Datenbank Dateien Ihre Bilder, PDF-Dokumente, usw. liegt im Dateisystem Template Die Schablone, die das Aussehen der Seite steuert ist ein bisschen PHP-Code

15 Joomla Core: Das eigentliche CMS Joomla Funktioniert ohne weiteres Module: Programme innerhalb des CMS z.b. Kalender, Fotogallerien Plugins: stellen etwas aus den Modulen dar werden im Content eingebunden

16 CMS Content Mangament System offline: Die Seite ist nicht sichtbar online: Die Seite ist sichtbar

17 CMS Content Mangament System Backend: Die Steuerung Ihrer Webseiten Nicht sichtbar für den Besucher der Webseiten Frontend: Was der Besucher der Seite sieht Die eigentlichen Webseiten

18 CMS Content Mangament System Content: Der Inhalt der Webseiten Der Text, den Sie schreiben Kategorien: Schubladen alles, was zusammen gehört

19 CMS Content Mangament System Inhalte: Sie erstellen keine Webseiten! Sie schreiben Artikel bzw. Beiträge! Template: stellt Ihre Beiträge dar organisiert das Aussehen der Seiten

20 Vorbereitungen Vorüberlegungen Die 4 Todsünden einer Homepage: Datum der letzten Aktualisierung Counter / Besucherzähler Gästebücher Forum

21 Vorbereitungen Vorüberlegungen Dateien im Internet: Schreiben Sie bitte alle Dateinamen klein Verwenden Sie keine Leerzeichen (leer zeichen.jpg) Verwenden Sie keine Sonderzeichen (ä, ü, ö, ß, usw.) Bildformate nur jpg (png) kein bmp, tif oder ähnliches!

22 Vorbereitungen Vorüberlegungen Bereiten Sie die Bilder vor: Ändern Sie alle Dateinamen in aussagekräftige Namen Achten Sie auf die Dateiendung: jpg nicht JPG oder JPEG Bildgröße ändern: maximal 1800 Pixel breit, 800 Pixel hoch Auflösung der Bilder ändern: 96 dpi, besser 72 dpi JPEG-Qualität auf 80% setzen Bewahren Sie die Originalbilder auf!

23 Vorbereitungen Vorüberlegungen Beginnen Sie bitte mit Bleistift, Radiergummi und Papier! Erarbeiten Sie eine Struktur! Was soll veröffentlicht werden?

24 Vorbereitungen Vorüberlegungen Beginnen Sie bitte mit Bleistift, Radiergummi und Papier! Startseite Verein Vereinsleben Impressum Ziele Lehrfahrten Vorstand Aktionen Chronik Kinder/Jugend Satzung Baumschnittkurse Lehrgarten Mitglied werden Blumenschmuck Termine Impressum

25 Vorbereitungen Vorüberlegungen Beginnen Sie bitte mit Bleistift, Radiergummi und Papier! Startseite Verein Vereinsleben Impressum Ziele Lehrfahrten Vorstand Aktionen Chronik Kinder/Jugend Satzung Baumschnittkurse Lehrgarten Mitglied werden Blumenschmuck Termine Impressum Das sind die Kategorien und die Menü-Struktur!

26 Vorbereitungen Vorüberlegungen Überlegen Sie sich eine Struktur für die Ablage der Bilder /images /ausfluege /2017_gartenschau /2017_lehrfahrt_koeln /2017_ausflug_ulm /aktionen /2017_putzaktion /2017_baumpflanzung

27 Vorbereitungen Vorüberlegungen Überlegen Sie sich eine Struktur für die Ablage der Bilder /images /ausfluege /2017_gartenschau /2017_lehrfahrt_koeln /2017_ausflug_ulm /aktionen /2017_putzaktion /2017_baumpflanzung /... Bilden Sie die gleiche Struktur auf dem PC zu Hause ab!

28 Vorbereitungen Vorüberlegungen Suchen Sie sich ein passendes Template im Internet Freie Templates Professionelle Templates + Kostenlos + Großer Funktionsumfang + Sehr einfache Anpassungen möglich + Nur selten Backlinks + Kein Link zum Entwickler + Fertige Installationspakete mit Erweiterungen + Updates - Link zum Entwickler muss erhalten bleiben - Selten Updates (Aktualisierungen) für das Template - Können von Sicherheitslücken enthalten - Oft sind Backlinks enthalten - Nicht kostenlos - Oft keine Rückgabe möglich

29

30 Es geht los... Die Struktur der Seite ist auf dem Papier vorhanden Die Bilder sind sortiert, vorbereitet und umbenannt Sie wissen, was Sie in die Seiten (Artikel) schreiben wollen (in Word vorbereiten) Das Logo des Vereins liegt im PNG-Format vor Die Vereinsdaten für das Impressum liegen vor Sie verfügen über einen Webhoster Sie haben eine gültige Top-Level-Domain (TLD): Sie haben alle Zugangsdaten zum Webserver Sie haben auf dem Webserver eine MySQL-Datenbank angelegt Sie haben sich den Datenbankname und -benutzer und das Passwort notiert Sie haben ein FTP-Programm installiert und für Ihren Webserver eingerichtet Sie haben sich für ein Template entschieden Sie haben Joomla herunter geladen Sie haben zusätzliche Module und Plugins herunter geladen (z.b. Kalender)

31 Dann geht es los... Joomla mit dem FTP-Programm auf den Webserver laden Ihre Webseite ganz normal im Webbrowser aufrufen Die Installation von Joomla durchführen Im Backend anmelden Joomla-Update durchführen Die richtige Sprache installieren und einstellen Die gewünschten Erweiterungen (Module und Plugins) installieren Update für Erweiterungen (Module und Plugins) durchführen Auf dem FTP-Server unter /images die Verzeichnis-Struktur für die Bilder anlegen Die Bilder in die entsprechenden Verzeichnisse laden

32 Die nächsten Schritte... Nicht benötigte Module und Plugins deaktivieren Prüfen, ob das richtige Template voreingestellt ist Das Template vorbereiten (Farben, Schriftarten und -farben, Bilder ersetzen, usw.) Kategorien anlegen Beiträge erstellen und in die richtige Kategorie einsortieren Erst jetzt das Menü erstellen bzw. bearbeiten: Nicht benötigte Menüeinträge löschen Neue Menüeinträge auf einzelne Beiträge setzen (z.b. Startseite, Impressum) Neue Menüeinträge auf die entsprechende Kategorie setzen

33 Wir lassen der Theorie jetzt Taten folgen... Joomla auf den Webserver laden Joomla installieren Erweiterungen installieren Kategorien, Beiträge, Menü anlegen Fotogallerie in Beiträge einbinden Kalendermodul installieren und Möglichkeiten der Darstellung besprechen

34 Webspace über den KOGL Ludwigsburg 1&1 Strato Webhostone 3,99 /Monat = 47,88 /Jahr 4,00 /Monat = 48,00 /Jahr 4,00 /Monat = 48,00 /Jahr 50 GB Speicher 1 Domain 2 Datenbanken (je 1 GB) 30 GB Speicher 1 Domain 2 Datenbanken 25 GB Speicher 1 Domain unlimitierte Datenbanken? adressen? adressen unlimitierte adressen

35 Webspace über den KOGL Ludwigsburg Webhostone Templates Power-App JoomlaPlates.com 15,00 /Monat = 180,00 /Jahr 149,00 /Jahr 100 GB Speicher 3 Domains inklusive unlimitierte Datenbanken unlimitierter Download unlimitierte adressen Aktualisierungen 81 verfügbare Templates Entwickler in Deutschland

36 Webspace über den KOGL Ludwigsburg Angebot KOGL (10 Vereine) 5 Vereine teilen sich 20 GB Webspace bei Webshostone 3,00 /Monat = 36,00 /Jahr Beitrag für JoomlaPlates im ersten Jahr bei 10 teilnehmenden Vereinen 14,90 /Jahr Beitrag für JoomlaPlates ab dem zweiten Jahr bei 10 teilnehmenden Vereinen 10,43 /Jahr Kosten pro Jahr und Verein 50,90 im ersten Jahr Kosten pro Jahr und Verein 46,43 ab dem zweiten Jahr

37 Webspace über den KOGL Ludwigsburg Angebot KOGL (20 Vereine) 5 Vereine teilen sich 20 GB Webspace bei Webshostone 3,00 /Monat = 36,00 /Jahr Beitrag für JoomlaPlates im ersten Jahr bei 20 teilnehmenden Vereinen 7,45 /Jahr Beitrag für JoomlaPlates ab dem zweiten Jahr bei 20 teilnehmenden Vereinen 5,22 /Jahr Kosten pro Jahr und Verein 43,45 im ersten Jahr Kosten pro Jahr und Verein 41,22 ab dem zweiten Jahr