PDA

View Full Version : Tutorial Dreamweaver important Settings


Gottfried
07-11-2013, 08:28 AM
Site -> neue Site -> Site benennen und im Unterordner web_blabla ablegen
Datei -> Neu -> Leere Seite -> HTML -> Kein -> Erstellen
(Über - Container) Div- Tag einfügen -> ID - main -> Regel: Neue Stylesheet Datei -> Ok
in web_blabla neuen Ordner "CSS" erstellen -> Name: layout -> erstellen -> ok


(Über - Container)
Schrift = Font: ... / Schriftgröße: … / Alles auf normal bis auf Text-transform -> leer lassen / Text-decoration: none / Color: …
Hintergrund = Backround color: Weiß
Block = Text-align: left
Box = Width: Breite von der Seite (Hilfslinie zu Hilfslinie) / Height: auto / Padding: alle 0 / Margin: Top - 40 Right - auto Bottom 20 Left – auto
Posittionierung = Overflow: auto
Datei speichern im Ordner web_blabla -> Name: index.html


(Container Kopfzeile) Div- Tag einfügen -> ID – header
Box = Width & Height: höhe und breite vom Logo / Padding: Bottom – 5 / Margin alle 0
Positionierung = Overflow auto


(Contianer Bildleiste) ID – slider
Box = Width & Height: höhe und breite von Bildleiste / Clear: both / Padding: alle 0 / Margin: alle 0
Positionierung = Position: relativ



(Contianer Navi) ID – navi
Box = Width: Breite von der Seite (Hilfslinie zu Hilfslinie) / Height: auto / Margin: Top – … Bottom - …
Positionierung = Overflow: auto


(Contianer Bild & Text) ID – content
Box = width: breite der Seite / Height: auto / Clear: both / Padding: alle 0 / Margin: Top – … Bottom - …
Positionierung = Position: relative / Overflow: auto


(Contianer Fußzeile) ID – footer
Block = Textalign: center
Box = width: breite der Seite / Height: auto / Clear: both / Padding: Top – … Bottom – … / Margin: alle 0
Positionierung = Position: relative

samuel
07-11-2013, 09:04 AM
so erstellt man also eine einfache vorlage für eine HP

vielen Dank :mrgreen:

samuel
07-11-2013, 09:05 AM
was hat es mit den klasen eigentlich auf sich? :confused:

Gottfried
07-11-2013, 01:36 PM
Hallo Samuel,

Grundlegende Einstellungen für die Klassen - so könnte eine Klassendefination ausschauen.

Div- Tag anlegen -> klasse -> navileft
Schrift = Font-size: zb. 10 / Font-weidth: bold / Color: ….
Box = width: auto / height: auto / float: left / Padding: alles auf 0 / Margin: alles auf 0
Positionierung = Position: relativ / width: auto
Div- Tag navileft mit rechter Maustaste duplizieren
Box = float: right

LG Gottfried