Erstellen einer Homepage mit Hilfe von Tabellen und sog. Dreamweaver-Vorlagen
Am besten fangen Sie mit einer einfachen Homepage die mit sog. Tabellen und Zellen erstellt wird an. Außerdem verwenden wir bei dieser Homepage sog. Dreamweaver-Vorlagen (Templates).
Es wird jedoch keine fertige Vorlage irgendwo heruntergeladen und einfach eingefügt, sondern Sie erstellen diese in diesem Tutorial selbst.
Ihre Homepage wird eine Unterseite, einen „Back“-Link zur Startseite und Ihre E-Mail-Adresse enthalten. Später können Sie die Menüpunkte und Unterseiten selbst erweitern oder ändern.
Teil 1 : Vorlage erstellen
Klicken Sie im Menü auf "Site" > Sites verwalten
Jetzt öffnen sich ein kleines Fenster. In diesem klicken Sie auf "Neu..."> "Site"
Jetzt klicken Sie oben im Fenster, welches sich diesmal geöffnet hat auf „Erweitert“.
Füllen Sie die Felder wie hier abgebildet aus und klicken dann auf "OK".
(Das Verzeichnis kann natürlich bei Ihnen auch an einer anderen Stelle liegen)
Mit einem Klick auf das Ordner-Symbol rechts neben den Eingabefeldern können Sie den Ordner heraussuchen.
Jetzt klicken Sie links unten auf "Fertig".
Klicken Sie oben im Menü auf "Datei"> "Neu"
Dort Wählen Sie folgendes und klicken dann auf "Erstellen":
Wechseln Sie im Symbolfenster zur Layout Ansicht indem Sie auf Allgemein klicken, "Layout" auswählen und dann noch einmal rechts daneben auf "Layout" klicken.
Klicken Sie im Symbolfenster auf Layouttabelle
Jetzt ziehen Sie mit der Maus im Hauptfenster vom linken oberen Rand nach unten rechts ein kleines Viereck.
Geben Sie im Eigenschaftenfenster bei
Breite 700 und bei
Höhe 1000 ein.
Sollte das Eigenschaftenfenster noch nicht geöffnet sein klicken Sie auf
"Fenster" > "Eigenschaften"
Klicken Sie auf "Layoutzelle zeichnen"
Ziehen Sie mit der Maus wieder ein kleines Viereck
Klicken Sie auf den Rand des Vierecks.
Breite 700 und bei
Höhe 150 ein.
Klicken Sie wieder auf "Layoutzelle zeichnen". Beginnen Sie mit dem Viereck diesmal am unteren Ende des oberen Vierecks.
Klicken Sie wieder auf den Rand des Vierecks und tragen Sie folgendes ein:
Breite 200 und bei
Höhe 850
So jetzt fehlt noch eine Zelle (bzw. "Viereck")
Beginnen Sie am unteren Rand des oberen Vierecks und am rechten Rand des linken Vierecks mit Ihrer letzten Zelle, machen Sie diesmal eine Viereck mit der folgenden Einstellung:
Breite 500
Höhe 850
So jetzt haben Sie insgesamt 3 große Zellen
Klicken Sie in die obere Zelle und schreiben Sie folgendes hinein:
Markieren Sie den Text und dann stellen Sie im Eigenschaftenfenster als Format „Überschrift 1“ und als Schriftgröße 24 ein und klicken auf B für Fett.
Klicken Sie auf den Rand der unteren linken Zelle
Klicken Sie im Menü auf "Einfügen"> "Vorlagen Objekte" > "Bearbeitbarer Bereich".
Sie werden nun nach dem Namen von diesem Beriech gefragt, tragen Sie hauptbereich ein und klicken dann auf OK.
Klicken Sie jetzt im Menü auf "Datei" > "Als Vorlage speichern..."
Tragen Sie folgendes ein und klicken dann auf Speichern:
Schließen Sie nun die Vorlage (nur die Vorlage nicht Dreamweaver) mit einem Klick auf das "X" rechts oben.
< Zurück - Zur Übersicht - Weiter >