DREAMWEAVER
IM Quelltext Notizen notieren /*...........*/
Wichtig: Das zwingt den Container, seinen Inhalt vollständig einzuschliessen und streckt ihn über diesen Inhalt nach unten hinaus:
<div style="clear: both;"></div>
------------------------------------------------------------------------------------------------------------------------------
BOXMOELL
------------------------------------------------------------------------------------------------------------------------------
ZUSTÄNDE VON AKTIV :
a
a visited (besuchter Link)
a hover (wenn man mit der Maus drüber fährt)
a focus (wenn mit der Tastatur bedient wird)
a active (aktivierter Link)
aktiv (aktuell) = eigene Klasse die selbst definiert werden muss!
------------------------------------------------------------------------------------------------------------------------------
ANKER SETZEN:
zb.: beim gewünschten Namen im Text zb.: SK250 markieren uns Anker setzen und im Menü einen link setzen mit Raute#SK250
------------------------------------------------------------------------------------------------------------------------------
CSS:
o) Schriften und Farben
o) Abstände und Rahmen
o) Layout
EINBINDEN VON CSS:
o) externe Datei (default css)
o) im Head Bereich im HTML Dokument
o) direkt im HTML Element
SELEKTOREN:
o) Div Selektoren #header{Eigenschaft:Wert;}
o) Element Selektoren body{font-family:verdana,arial,helvetica----;}
o) Klassen Selektoren .fett{Eigenschaft:Wert;}
Klassen Selektoren können öfter vor kommen!
Div Selektoren die mit ID aufgerufen werden darf es nur 1x geben!
EINBINDEN VON CSS:
o) Inline Style zb.: <h2 style="color:red"; Überschrift</h2>
o) Einbinden in externe CSS Datei: zb.: in einer Dabei:"my.css" body{background-color: orange;}
o) In der HTML Datei; <links rel="stylesheet" mit einbinden @css Stile
*{padding:0; margin:0;} Schalten den Ursprungszustand ein!!!
/*......*/ Kommentare für CSS und im HTML Code <!--......-->
------------------------------------------------------------------------------------------------------------------------------
Grundgerüst:
<html>
<head>
<title>zeigt den Seitentitel an links oben</title>
</head>
<body>beinhalter was der user später sieht
</body>
</html>
VERZEICHNIS FÜR BILDQUELLE:
I ROOT (Wurzelverzeichnis = Stammverzeichnis)
I
I index.html
I
I-Medien <img src="medien/orf.gif"/>
I -orf.gif
I -siemens.jpg
I -ibm.gif
I
I-TEAM <../medien/orf.gif/>
I -index.html
I
I-LOKALE DATEIEN <../../medien/orf.gif/>
I -logo.jpg
I -foto.gif
Ein Zeilenumbruch besitzt keinen Anfangstag <br />
TAGNAME < ATTRIBUT (Eigenschaft) < ="wert"
zb body bgcolor ="red"
<body bgcolor="red"></body>
TEXTAUSRICHTUNG:
<p align="Center"zentrierter Absatz>
<p align="right"rechtsausgerichteter Absatz>
<p justify="Blocksatz">
LISTEN:
<ul>
<li></li>
<li></li>
</ul>
LISTEN NEBENEINANDER:
display: inline
TABELLEN:
<table>
<tr>
<td> oder >th> </td> oder </th>
</tr>
</table>
LINKS:
o intern: <a href="Seitenname">link</a>
o extern: <a href="http://www.orf.at" target="_blank">
GRAFIKEN VERLINKEN:
<img src="bildname.jpg" />
ALTERNATIV TEXT (falls das bild nicht geladen wird) alt="bild"
für Mozille tilte="bild"
----------------------------------------------------------------------------------------------------------------------------
VORLAGEN
Datei / als Vorlage speichern / Maintemplate / speichern
Datei- Seite als Vorlage / Maintemplate
Einfügen - Vorlagenobjekte - bearbeitbarer Bereich (auswählen zb subcontent)
--------------------------------------------------------------------------------------------------------------------------
Punkte im browser entfernen mit:
a{ text.decoration: none; outline: none; }
_______________________________________________________________________________________
Seite zentrieren:
margin: auto;
im Body hintergrundfarbe vergeben!
-------------------------------------------------------------------------------------------------------------------------------
Anreihung von einer Liste nebeneinader:
in Css definition: zb #mainnavi li / display inline
+ #mainnavi ul/ keine Listenpunkte
--------------------------------------------------------------------------------------------------------------------------------