E-Book Startseite Karteikarten-Programm
0
Inhalt dieser Seite
  1. Kopfzeile
  2. Fußzeile

Kopfzeile

Viele Webseiten haben eine Kopfzeile. In der Kopfzeile befindet sich oft ein Banner bzw. Logo oder ein kleiner Text (z. B. Keywords oder Domainname). Eine Kopfzeile ist also nicht immer nur eine Kopf-"Zeile". Von der Programmierung ist eine Kopfzeile nichts Besonderes. Wichtig ist es jedoch immer, kreativ zu sein und sich eine schöne gestalterische Kopfzeile zu entwickeln. Hier ein einfaches Beispiel mit Text:

#kopfzeile {
    background-color: #00FF00;
    color: #FF00FF;
    width: 600px;
    padding: 10px;
    text-align: center;
}
<div id="kopfzeile">HTML lernen, CSS lernen und JavaScript lernen - Homepage Webhilfe</div>
Anzeigebeispiel
Anzeigebeispiel



Fußzeile

Viele, wenn nicht sogar fast alle Webseiten haben eine Fußzeile. In der Fußzeile befinden sich oft Copyright-Hinweise, kleine Sitemaps, eine Adresse, Links oder viel mehr. Eine Fußzeile ist also nicht immer nur eine Fuß-"Zeile". Von der Programmierung ist eine Fußzeile nichts Besonderes. Es gibt noch eine Fußzeile mit dem Namen "Sticky Footer". Dies befindet sich immer automatisch am unteren Ende. Wir wollen darauf jedoch nicht weiter eingehen, da wir kein großer Fan von dieser Art von Fußzeilen sind. Wer sich damit beschäftigen möchte darf sich jedoch gerne per Mail oder im Forum an uns bzw. an andere Mitglieder wenden. Hier ein einfaches Beispiel mit Copyright-Hinweise und Links:

#fusszeile {
    background-color: gray;
    color: #FF0000;
    width: 600px;
    padding: 10px;
}
<div id="fusszeile">&copy; 2013 Benjamin Jung - <a href="/Kontakt/">Kontaktformular</a> - <a href="/Impressum/">Impressum</a></div>
Anzeigebeispiel
Anzeigebeispiel



Design:
 


Logo
Benjamin Jung
Krummstr. 9/3
73054 Eislingen

E-Mail: info@homepage-webhilfe.de
Webseite: www.homepage-webhilfe.de