realwebmaster.net - die Homepage Hilfe mit Webmaster Forum

Tutorial: Macromedia Dreamweaver MX 7.0.1 Teil 1

Erstellen einer Homepage mit Hilfe von Tabellen und sog. Dreamweaver-Vorlagen

Am besten fängst du 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 du erstellst diese in diesem Tutorial selbst.

Deine Homepage wird eine Unterseite, einen „Back“-Link zur Startseite und deine E-Mail-Adresse enthalten. Später kannst du die Menüpunkte und Unterseiten selbst erweitern oder ändern.

Teil 1 : Vorlage erstellen
Klicke im Menü auf "Site" > Sites verwalten
Jetzt öffnet sich ein kleines Fenster. In diesem klickst du auf "Neu..."> "Site"
Jetzt klicke oben im Fenster, welches sich diesmal geöffnet hat auf „Erweitert“.

Fülle die Felder wie hier abgebildet aus und klicke dann auf "OK".
(Das Verzeichnis kann natürlich bei dir auch an einer anderen Stelle liegen)
Mit einem Klick auf das Ordner-Symbol rechts neben den Eingabefeldern kannst du den Ordner heraussuchen.

 

Wechsel im Symbolfenster zur Layout Ansicht indem du auf Allgemein klickst, "Layout" auswählen und dann noch einmal rechts daneben auf "Layout" klicken.

 

 

 

 

 

 

 

Klicke im Symbolfenster auf Layouttabelle

 

 

 

Jetzt ziehe mit der Maus im Hauptfenster vom linken oberen Rand nach unten rechts ein kleines Viereck.
Gebe im Eigenschaftenfenster bei
Breite 700 und bei
Höhe 1000 ein.
Sollte das Eigenschaftenfenster noch nicht geöffnet sein klicke auf
"Fenster" > "Eigenschaften"

Klicke auf "Layoutzelle zeichnen"

 

 

 

Ziehe mit der Maus wieder ein kleines Viereck
Klicke auf den Rand des Vierecks.
Breite 700 und bei
Höhe 150 ein.

Klicke wieder auf "Layoutzelle zeichnen". Beginne mit dem Viereck diesmal am unteren Ende des oberen Vierecks.
Klicke wieder auf den Rand des Vierecks und trage folgendes ein:
Breite 200 und bei
Höhe 850

So jetzt fehlt noch eine Zelle (bzw. "Viereck")
Beginne 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 hast du insgesamt 3 große Zellen
Klicke in die obere Zelle und schreiben Sie folgendes hinein:

"Meine erste erstellte Homepage mit Dreamweaver MX"

Markiere den Text und dann stelle im Eigenschaftenfenster als Format „Überschrift 1“ und als Schriftgröße 24 ein und klicke auf B für Fett.

Klicke auf den Rand der unteren linken Zelle
Klicke im Menü auf "Einfügen"> "Vorlagen Objekte" > "Bearbeitbarer Bereich".
Du wirst nun nach dem Namen von diesem Bereich gefragt, trage hauptbereich ein und klicke dann auf OK.

Klicke jetzt im Menü auf "Datei" > "Als Vorlage speichern..."
Trage folgendes ein und klicke dann auf Speichern:

 

 

 

Schließe nun die Vorlage (nur die Vorlage nicht Dreamweaver) mit einem Klick auf das "X" rechts oben.