|
|
 |
Seitentitel |
Hier steht der Inhalt....
Info:
» Layout:
"Titan"
- Inhaltsbereich: 100%
- Schrift: Verdana, 10 Punkt.
- Breite der Textlinks für Menü links: 152 Pixel.
hierbei beliebig viele Links und Rubriken, Verdana, 9
Punkt.
- Menüleiste oben: 6 Grafik-Links: Gesamt 694 Pixel als Imagemap.
» Technik:
Tabellen-Konstruktion.
Mit Javascript-Datum und Uhrzeit inklusive 3 diesbezgl. Layouts.
Unten finden Sie Zurück/Nach oben-Buttons inklusive bei Mouseover
Grafiktausch und Anzeige in der Status-Zeile.
Verwenden Sie unkompliziert einen Hompagenamen als einfachen Text. Der
Homepagename ist hier genau wie das Datum und die Uhrzeit passend zum
Layout in der Farbe Grau. Diese Farbe können sie bei Bedarf
ändern, falls es etwas deutlicher hervortreten soll.
Bei "Seitentitel" ist jeweils die Überschrift jeder einzelnen
Seite bzw. des angewählten Links einzutragen.
Anlegen von Links bzw. HTML-Seiten:
Die Datei Startdatei "index.html" ist zu kopieren und jeweils unter
einem neuen Namen abzuspeichern.
» Menü:
Die Beispiel-Textlinks sind durch Ihre Links zu ersetzen.
Im linken Menü können beliebig viele Rubriken und
innerhalb einer Rubrik beliebig viele Links erstellt werden.
Die Navigation besteht bei allen Menüs aus Textlinks. Hier
beispielhaft mit 4 Rubriken, wobei die Rubrik mit den
Mini-Werbe-Bannern auch nur als Layout-Beispiel gilt.
Vielleicht setzen Sie die Ausgangsfarbe der Links auf Weiss statt wie
jetzt auf Schwarz. Das schaut auch sehr gut aus.
Statt Rubrik 1 usw., können sie jeder Rubrik leicht als Text einen
eigenen Namen geben.
Die Abstände zwischen den einzelnen Rubriken regelt
praktischerweise jeweils diese Grafik:
Beim oberen Menü können sie 6 Links per
Grafik-Beschriftung eintragen.
Verwenden Sie dazu die Grafik "menue.jpg".
Diese Grafik ist als Imagemap eingebaut, dass bedeutet:
Trotz der Schrägen bei den Buttons, fährt die Maus-Hand bei
Verlinkung konkret jeden einzelnen Button in seiner Form ab.
Fahren Sie mit der Maus die einzelnen Buttons der oberen
Menüleiste ab, dann sehen Sie am erscheinenden "alt"/"title"-Text,
die Abgrenzung der Links.
» Datum und Zeit:
Oben ist das Javascript-Datum-und Zeit schick auf dem grauen
Farbverlauf eingearbeitet. Da bei den "input-Feldern", welche das Datum
und die Uhrzeit anzeigen, die Umrahmung ausgeschaltet ist sowie der
Hintergrund transparent gesetzt ist, gibt es selbst bei ausgeschaltetem
Javascript keinerlei optische Nachteile.
Das Layout für die Datum-und Zeitanzeige wird gebildet, durch
folgenden Verweis auf die entsprechende css-Datei, welcher sich ganz
oben im Kopf-Bereich der Webseite befindet:
<link rel="stylesheet" href="datumstyle01.css" type="text/css">
Es gibt für Sie noch zwei weitere Layout-Formatierungen, welche
Sie leicht einschalten können (indem Sie einfach nur den o.g.
Verweis ändern) und die optisch auch etwas hermachen, wie folgt:
Dazu den Verweis ändern wie folgt:
<link rel="stylesheet" href="datumstyle01.css" type="text/css">
Dazu den Verweis ändern wie folgt:
<link rel="stylesheet" href="datumstyle03.css" type="text/css">
Einstellungen:
So sehen die allgemeinen Links (Links im Text) zur Zeit aus:
(Fahre mit der Maus über den Link)
|
| |
 |
 |
|
|
