19.10.2011 Homepage erstellen Folie 1

Akademie für ÄltereHeidelberg

Erstellen einer Homepage mittels Baukasten

Beispiel einer "Mini"-Homepage

19.10.2011 Homepage erstellen Folie 2

Akademie für ÄltereHeidelbergVorarbeiten

Was soll dargestellt werden?• Titel der Homepage• Motto der Homepage• Fußzeilentext• Navigation • Inhalt der einzelnen Seiten festlegen• Welche Links sollen angegeben werden• Welche Bilder sollen gezeigt werden• ...

Diese Informationen skizzenhaft bzw. stichwortartig,

wie auf den folgenden Seiten gezeigt, festlegen

19.10.2011 Homepage erstellen Folie 3

Akademie für ÄltereHeidelbergEntwurf der Navigation

Startseite

Kernobst

Gemüse

Kontakt

Äpfel

Birnen

Salat

Lauch

Interessante Link‘s

19.10.2011 Homepage erstellen Folie 4

Akademie für ÄltereHeidelberg

Text für dieStartseite

• In meinem Garten baue ich Obst und Gemüse an

• Der Obstgarten ist vom Gemüsegarten durch den Gartenweg zur Hütte getrennt

• Besuchen Sie mich doch einmal in der Gartenanlage „Kleingärtner“ im Buschweg

19.10.2011 Homepage erstellen Folie 5

Akademie für ÄltereHeidelberg

Text für dieSeite Kernobst

Zwei Sorten sind angepflanzt:

• Äpfel

• Birnen

19.10.2011 Homepage erstellen Folie 6

Akademie für ÄltereHeidelberg

Text für die Unterseite Äpfel

• Der Apfelbaum ...

19.10.2011 Homepage erstellen Folie 7

Akademie für ÄltereHeidelbergText für die Unterseite

Birnen

• Der Birnenbaum ...

19.10.2011 Homepage erstellen Folie 8

Akademie für ÄltereHeidelbergText für die

Seite Gemüse

Bevorzugt habe ich angepflanzt:

• Salat

• Lauch

19.10.2011 Homepage erstellen Folie 9

Akademie für ÄltereHeidelbergText für die Unterseite

Salat

• Ich baue bevorzugt Kopfsalat an, weil ...

19.10.2011 Homepage erstellen Folie 10

Akademie für ÄltereHeidelbergText für die Unterseite

Lauch

• Der Lauch ist ein besonders schmackhaftes Gemüse und sehr gesund.

• ....

19.10.2011 Homepage erstellen Folie 11

Akademie für ÄltereHeidelbergText für Seite

Kontaktaufnahme

• Rückmeldung durch ein Formular

19.10.2011 Homepage erstellen Folie 12

Akademie für ÄltereHeidelberg

Text für Seite Interessante Links

• Ebenfalls mit dem 1&1 Baukasten wurde diese Seite erstellt:

• http://www.gereimtefesttagsreden.de/

• Diese Seite wurde mit einem anderen Baukasten (NetObjectFusion) erstellt: http://www.walnuss-grenzhof.de

19.10.2011 Homepage erstellen Folie 13

Akademie für ÄltereHeidelberg

Nachdem die Vorarbeit geleistet ist kann es losgehen.

Voraussetzung:Vertrag mit einem Provider für den Zugang zu einem Baukasten(im Beispiel bei 1&1)

19.10.2011 Homepage erstellen Folie 14

Akademie für ÄltereHeidelbergBaukasten einrichten

19.10.2011 Homepage erstellen Folie 15

Akademie für ÄltereHeidelbergSchritt 1: Baukasten öffnen

19.10.2011 Homepage erstellen Folie 16

Akademie für ÄltereHeidelberg

Schritt 2:Navigation festlegen

19.10.2011 Homepage erstellen Folie 17

Akademie für ÄltereHeidelbergSchritt 3: Layout wählen

19.10.2011 Homepage erstellen Folie 18

Akademie für ÄltereHeidelbergVorschau aufrufen

19.10.2011 Homepage erstellen Folie 19

Akademie für ÄltereHeidelberg

Vorschau auf die Homepage

19.10.2011 Homepage erstellen Folie 20

Akademie für ÄltereHeidelberg

Seitentexte im Baukasten eingeben

19.10.2011 Homepage erstellen Folie 21

Akademie für ÄltereHeidelbergHomepage pubplizieren

19.10.2011 Homepage erstellen Folie 22

Akademie für ÄltereHeidelberg

Homepage publiziert

19.10.2011 Homepage erstellen Folie 23

Akademie für ÄltereHeidelberg

Aufruf im Internet

19.10.2011 Homepage erstellen Folie 24

Akademie für ÄltereHeidelberg

So sieht also die fertige Homepage aus.

Dies war eine kleine Demonstration, wie mit Hilfe eines Baukastens eine Homepage erstellt werden kann.

19.10.2011 Homepage erstellen Folie 25

Akademie für ÄltereHeidelberg

Ende