Eine Homepage für die Fachberatung Thomas Scholz

Eine Homepage für die Fachberatung 1. Wozu eine eigene Homepage erstellen? 5. Kurzanleitung 2. Warum mit ? 3. Besonderheiten von 4. Tipps zur Arbeit mit

1. Wozu eine eigene Homepage? - Kontakte ermöglichen - Hilfen anbieten - Informationen verbreiten - Arbeit dokumentieren

1. kostenlos online verfügbar - kein Erwerb, keine Installation, keine Updates - für alle Betriebssysteme und Browser geeignet 2. vereinfacht und vereinheitlicht die Arbeit - vorgegeben: einige Layouts, Dateistrukturen - mit wenigen Schritten zu guten Ergebnissen - kein Upload nötig 2. Warum verwenden?

Gemeinsamer Rahmen Navigation: automatisch Titel: Farbe und Schriftart Abschnitt: Farbe und Schriftart Text und Links: Farbe und Schriftart Vorgaben

1. Dateiauswahl 2. Arbeitsweise 3. Sonstiges 3. Besonderheiten von

Ordne r Homepages einzelne Homepage einzelner Ordner 3.1 Dateiauswahl bei

Gewohnte Arbeitsweise Inhalte eingeben Seite gestalten abspeichern 3.2 Arbeitsweise Arbeitsweise bei

neu Speicher-Ort Datei-Name bearbeiten Inhalte GrobstrukturInhalte

Titel eingeben abspeichern und schließen neuSpeicher-OrtDatei-Name

bearbeiten

Grobstruktur

Überschrift des Abschnitts Inhalte Inhalte: - Text - Tabelle - Grafik

3.3 Sonstiges 1. kein WYSIWYG 2. keine Dateien auf dem eigenen PC Tipp: zweites Browserfenster öffnen und hin und her wechseln (Alt + Tab) Vorsicht beim Speichern oder Löschen!

1. sich auf die neue Arbeitsweise einlassen: die Homepage planen! - die einzelnen Seiten skizzieren, - vorher entscheiden, ob man Bilder, Tabellen, Spalten etc. verwenden, Dateien zum Download anbieten möchte. 2. sich auf den Seiten anderer FachberaterInnen umsehen. 4. Tipps zur Arbeit mit

1. Melden Sie sich bei Typo3 an. 2. Erstellen Sie eine leere Homepage. 3. Erstellen Sie einen Ordner für Dateien, Bilder etc. 4. Erstellen Sie eine Seite Ihrer Homepage. 5. Geben Sie Inhalte ein. 6. Erstellen Sie weitere Seiten. Kurzanleitung zu

Kurzanleitung (2) 1. Melden Sie sich an:

Homepage und Seiten Ordner und Dateien

2. Erstellen Sie eine leere Homepage A) Linke Spalte: Seite auswählen B) Mittlere Spalte: graues Blattsymbol auswählen und auf neu klicken C) Rechte Spalte: Erstelle neue Seite anklicken D) Speicherort auswählen (alphabetisch) und Seitentitel eingeben (Name, Vorname) E) Mit Klick auf Diskettensymbol abspeichern Kurzanleitung (3)

graues Blatt neu Seite

neue Seite

Position (nach Alphabet)

Name, Vorname speichern Fach/Bezirk (erscheint rot) Falls angekreuzt, dringend ändern: 1. nicht versteckt, 2. Typ: erweitert

3.1 Erstellen Sie einen leeren Ordner A) In der ersten Spalte unter Datei auf Bilder oder Dateiliste klicken. B) Auf das Ordner-Symbol klicken und neu auswählen. C) Nach Eingabe eines Ordnernamens sortiert Typo3 den Ordner alphabetisch ein. Kurzanleitung (4)

1. Dateiliste oder Bilder 2. Symbol 3. neu

Ordnernamen eingeben abspeichern

3.2 Laden Sie Ihre Bilder, Dokumente etc. hoch. A) Ein Klick auf das graue Ordnersymbol vor dem neuen Ordner öffnet wie immer eine Auswahlbox. B) Dort auf Datei-Upload klicken. C) Mit dem Button Durchsuchen eine Datei bzw. ein Bild auf dem eigenen PC suchen und D) die Datei hochladen. Kurzanleitung (5)

Ordner - symbol Datei-Upload

Datei auf dem PC suchen hochladen

4. Erstellen Sie nun die erste zusätzliche Seite Ihrer Homepage. A) Klicken Sie in der ersten Spalte auf Seite, B) dann in der zweiten Spalte auf das Symbol für Ihre Homepage. C) Wählen Sie neu aus. D) Nun müssen Sie zunächst den Ort angeben, E) dann können Sie einen Titel eintragen. Dieser erscheint automatisch in der Navigationsleiste. Kurzanleitung (6)

Seitentitel eingeben (erscheint in der Navigation) Beispiele für Seitentitel speichern

5. Sie können nun Inhalte eingeben. A) Ein Klick auf das Textsymbol vor einer Ihrer Seiten und dann auf bearbeiten. B) Wählen Sie Neuer Inhalt aus (Statt Inhalt könnte man auch Seitenabschnitt sagen). C) Entscheiden Sie sich für eine Art von Inhalt, z.B. für normaler Text und für einen Ort. D) Die einzutragende Abschnitts-Überschrift wird später blau erscheinen. E) Der Editor darunter bietet vielfältige Möglichkeiten der Eingabe von Inhalten. Kurzanleitung (7)

Seiten- symbol blaue Abschnitts- Überschrift Editor mit aus Word bekannten Bearbeitungs-Symbolen Bearbeiten

Schrift- Attribute Tabellenbearbeitung Abschnitt- Formatierun g Abschnitt- Formatierun g Html-Editor Vorsicht! Bild einfügen

Eine Homepage für die Fachberatung Thomas Scholz