Schulung TYPO3 -SCHULUNG

Transkript

1

2 -SCHULUNG

3 Inhaltsangabe Der Anmeldeprozess S.4 Die Homepage Backend vs. Frontend S.10 Die Startseite S.14 Bilder und PDFs hochladen S.20 Die Meldungsseite S.26 Termine erstellen S.35 Kontakt / Impressum S.43 Über Uns S.47 Seiten freigeben S.54 Inhalte veröffentlichen S.56 Bildergalerien anlegen S.58 Vom Hochformat ins Querformat (Exkurs Bildbearbeitung mit gimp) S.64 Fragen??? Kontakt!!! S.72-3-

4 Der Anmeldeprozess

5 Anmeldeprozess Gehen Sie auf: Benutzername: csu Passwort: ERFRAGEN SIE DAS PASSWORT BITTE BEI IHRER BWK- GESCHÄFTSSTELLE Ignorieren -5-

6 Anmeldeprozess - Erstanmeldung Passwort anfordern Berechtigt sind nur Ortsvorsitzende und Internetbeauftragte adressen müssen in der MGV eingetragen sein -6-

7 Anmeldeprozess Ignorieren -7-

8 Anmeldeprozess Neues Passwort auswählen Achtung: Es müssen 100% sein -8-

9 Anmeldeprozess Benutzername: Neu gesetztes Passwort verwenden -9-

10 Die Homepage Backend vs. Frontend

11 Gestaltungmöglichkeiten im Frontend Elemente, auf die Sie keinen Einfluss haben Elemente, die Sie im Backend ändern und befüllen können (vgl. nächste Folie Ortsverband Hammelburg) -11-

12 Positives Beispiel - Hammelburg -12-

13 Das Backend -13-

14 Die Startseite

15 Die Startseite Die Startseite ist das Aushängeschild Ihres Ortsverbands im WWW! Daher sollte es immer sehr aktuell sein! Ignorieren -15-

16 Die Startseite Klick auf Testverband Die Leiste mit den unterschiedlichen Bearbeitungsmöglichkeiten erscheint, wenn Sie mit der Maus drüberfahren (=Mouse over) Klick auf Stiftsymbol öffnet die Bearbeitungsmaske der Slides -16-

17 Die Startseite Aber: Sie können bis zu 5 Slides anzeigen lassen Die Anordnung der Slides kann durch die Pfeiltasten geändert werden Neues Slide Slide nach oben oder unten verschieben Slide ausblenden Slide löschen -17-

18 Die Startseite Link auf Unterseite hier auf die Meldung verlinken, die hinter der Startslide liegt Textbox positionieren -18-

19 Die Startseite Gewünschtes Bild aus auswählen Hintergrundfarbe der Headline-Textbox definieren -19-

20 Bilder und PDFs hochladen

21 Bilder hochladen (1) Gehen Sie in der linken Spalte auf Dateiliste 1 2 Wählen Sie Ihr Verzeichnis 3 Klicken Sie in der oberen Menüleiste auf Dateien hochladen Es öffnet sich ein Suchfenster, in welchem Sie Ihre lokalen Dateien auswählen können -21-

22 Bilder hochladen - bearbeiten (2) ACHTUNG: Das Hinweisfenster Soll die bestehende Datei überschrieben werden immer bestätigen ACHTUNG: Einmal auf das Verzeichnis OV-Name (hier=testverband) klicken, um die Liste mit den Dateien zu aktualisieren Rechtsklick auf das Dateisymbol, um die Datei zu bearbeiten -22-

23 Bilder bearbeiten Rechte (3) 3 Metadaten wählen Herausgeber und Quelle vergeben Speichern und schließen -23-

24 Bildausschnitt (4) Falls das Bild zu groß ist, kann hier der Bildausschnitt gewählt werden 3 Es sollte immer ein Bildausschnitt gewählt werden (ggf. Bild als Ganzes verkleinern) Die Maße sind vordefiniert auf 956x538 (16:9) Nach der Bildbearbeitung speichern nicht vergessen!!! -24-

25 Downloadlink Die PDF-Datei analog zu Bildern in Ihr Typo3 Verzeichnis laden 1 Auf die PDF-Datei klicken, dann öffnet sich das Dokument in einer neuen Registerkarte. WICHTIG: den generierten Downloadlink modifizieren! vigation/verbaende/ortsverbaende/testverband/beispiel.pdf Aus diesem Link muss das s bei https entfernt und das redaktion durch www ersetzt werden. Der funktionierende Link zu unserer Musterdatei lautet dann: n/verbaende/ortsverbaende/testverband/beispiel.pdf 1 Eine beliebige Meldung statifizieren, um den Link zu aktivieren Je nachdem, wann Sie die Statifizierung angestoßen haben, dauert es bis zu 15 Minuten, bis der Link funktioniert. -25-

26 Die Meldungsseite (Aktuelles oder Regionales)

27 Struktur Meldungsseite Der Überordner Regionales muss mit dem Seitentyp Meldungsübersicht angelegt werden Die Monatsordner müssen mit dem Seitentyp Meldungsübersicht angelegt werde Die Meldung selbst muss mit dem Seitentyp Meldung angelegt werden Bitte Meldungen immer in die Monatsordner schieben! -27-

28 Meldungsübersicht-Variante-Einfach Diese Ansicht: Rechtsklick Regionales, bearbeiten In der Variante Layout Einfach erscheinen die Meldungen chronologisch sortiert untereinander -28-

29 Meldungsübersicht-Variante- Erweitert Die Normal/Erweitert-Ansicht lohnt sich, wenn regelmäßig viele Nachrichten eingepflegt werden Es besteht die Möglichkeit, im Mouse-Over einen Teaser-Text einzutragen -29-

30 Meldungen anlegen (1) Seitentitel: Name der Meldung Beschreibung und Schlagworte für Suchmaschinen eintragen Veröffentlichungsdatum: Ermöglicht zeitgesteuertes Veröffentlichen Wichtig: Datum und Sortierdatum angeben, sonst wird die Meldung nicht veröffentlicht -30-

31 Meldungen anlegen (2)

32 Meldungen anlegen (3) Text formatieren Überschriftgrößen festlegen Aufzählungen Tabelle anlegen Interne / externe Verlinkungen Achtung: Um Texte aus der Zwischenablage zu kopieren, muss rechts die Option Einfügen als einfachen Text deaktiviert sein -32-

33 Meldungen erweitern Hier können Sie Ihre Meldungen um einzelne Elemente erweitern und ergänzen -33-

34 Meldung erweitern

35 Termine erstellen

36 Termine erstellen (1) Der Überordner Termine muss mit dem Seitentyp Termincontainer angelegt werden Die Monatsordner müssen mit dem Seitentyp Terminübersicht angelegt werde 3 Der Termin selbst muss mit dem Seitentyp Termin angelegt werden 2 3 Bitte Termine immer in die Monatsordner schieben! Achtung: Voreingestellte Monatsordner können nicht gelöscht werden -36-

37 Termine erstellen (2) Linke Spalte Auswahl Seite Mittlere Spalte: Rechtsklick auf Monat Seitenaktion Neu -37-

38 Termine erstellen (3) Beim eingerückten Pfeil eine neue Seite einfügen Seitentyp Termin -38-

39

40

41 Terminübersicht -41-

42 Termine anderer Verbände abonnieren Wählen Sie den entsprechenden Verband, von dem Sie die Termine abonnieren möchten -42-

43 Kontakt/ Impressum

44 Kontakt ändern Der Klick auf den Bleistift öffnet die bekannte Maske zum ändern Ihrer Daten -44-

45 Impressum Der Klick auf das Feld Bearbeiten öffnet die bekannte Maske zum ändern Ihrer Daten -45-

46 Impressum Die vorgegebenen Daten individuell anpassen Aus rechtlichen Gründen gehört ein aktuelles Impressum zu den Minimalanforderungen an eine Seite, um online zu gehen. -46-

47 Über Uns

48 Über uns (1) Klick auf den Stift zeigt weitere Inhaltselemente an -48-

49 Über uns (2) Neues Seitenelement Seitenelement ausblenden Seitenelement bearbeiten Seitenelement löschen -49-

50 Über uns (3)

51 1 Über uns (4)

52 Über uns - Tipps Aktualität! Bitte den Mustertext löschen und durch persönliche Ansprache ersetzen! Einheitliche Bilder, Köpfe nicht abschneiden! Klapper und Verschachtelungen sparsam benutzen! -52-

53 Über uns - Negativbeispiel Zu viele Klapper wirken unübersichtlich -53-

54 Seite freigeben

55 Seite freigeben Klicken Sie auf die Startseite (Verbandsname) mit der rechten Maustaste, dann Veröffentlichen und dann auf Review anfordern. Die Anfrage wird dann überprüft. Änderungen, die danach durch Sie getätigt werden, werden von Ihnen direkt online gestellt. -55-

56 Inhalte veröffentlichen

57 Inhalte veröffentlichen 1 Neue Inhalte werden zunächst immer als deaktiviert angelegt (rote Markierung) daher aktivieren Sie Ihren Inhalt Nach Aktivierung dauert es 24h bis die neuen Inhalte sichtbar sind 2 Wenn Sie auf Veröffentlichen klicken, werden Inhalte schneller sichtbar (innerhalb von 15 Minuten) 1 Speichern Sie jede Inhaltsänderung mit den Diskettensymbolen ab 2-57-

58 Bildergalerien anlegen

59 Bildergalerien anlegen (1)

60 Bildergalerien anlegen (2) Wählen Sie den Medientyp Galerie und betiteln Sie Ihre Bildergalerie -60-

61 Bildergalerien anlegen (3) 1 Die Bilder werden als Bildergalerie hochgeladen 2 Hier können Sie die Reihenfolge der Bilder definieren 1 2 Klicken Sie abschließend auf Speichern und schließen -61-

62 Bildergalerien anlegen (4) 1 1 Um die Bildergalerie in Ihrer Seite einzubinden, müssen Sie in der linken Spalte wieder zu Ihrer Seite gehen 3 2 Wählen Sie im mittleren Abschnitt die Meldung, in die Sie die Bildergalerie einfügen möchten 2 3 Klicken Sie auf neuen Datensatz an diesem Ort hinzufügen und fügen als neues Inhaltselement eine Bildergalerie hinzu. Achtung: Sie müssen in der Box Hauptinhalt sein -62-

63 Bildergalerien anlegen (5) Sie finden Ihre Bildergalerie in Ihrem Medienordner Nach dem Einfügen erscheint die Galerie nach dem Text auf Ihrer Seite -63-

64 EXKURS vom Hochformat ins Querformat: BILDBEARBEITUNG mit gimp

65 Negativbeispiel Bild im Hochformat Ursprungsfoto Ursprungsfoto in Startslide Ursprungsfoto in Meldung -65-

66 BILDBEARBEITUNG mit gimp (1) Laden Sie Gimp unter kostenlos herunter und installieren Sie es. Neue Datei erstellen Maße 956x538 (16:9) -66-

67 BILDBEARBEITUNG mit gimp (2) Das zu bearbeitende Bild als neue Ebene öffnen -67-

68 BILDBEARBEITUNG mit gimp (3) Das eingefügte Bild ist zu groß (vgl. gepunktete Linie) Ebene skalieren -68-

69 BILDBEARBEITUNG mit gimp (4) Bildgröße anpassen -69-

70 BILDBEARBEITUNG mit gimp (5) Dateiname und - format wählen Vorzugsweise.png oder.jpg -70-

71 BILDBEARBEITUNG mit gimp (6) Das Bild im Hochformat erhält einen weißen Rand -71-

72 Für Rückfragen Mailto: -71-

73 VIEL SPAß MIT IHRER NEUEN HOMEPAGE