Mit unserem Design für die Fußzeile, das in Photoshop einsatzbereit ist, können wir es in unser statisches HTML- und CSS-Modell integrieren. Der erste Schritt besteht darin, uns HTML zu geben, mit dem wir arbeiten können. Wir haben bereits einen "Teil", den wir auf allen Seiten mit dem Namen "footer.php" einfügen. Dies ist der perfekte Ort, um vorerst unser Fußzeilen-Markup aufzunehmen.
Wie Sie vielleicht ausnehmen, ist die Fußzeile ein Tag. Darin einige Listen von Links. Wir diskutieren, wie es möglicherweise nicht ideal ist, eine Liste von Links in eine tatsächliche zu setzen
- Etikett. Sie sind nicht wirklich eine Liste, schließlich sind es nur einige Links. Nachdem ich diesen Artikel gelesen habe, habe ich keine Navigation mehr in Listen aufgenommen.
Wir verwenden die Zen-Codierungsfunktion in CodePen, um eine Reihe von Links schnell zum Arbeiten zu bringen. Geben Sie zum Ausprobieren im HTML-Editor von CodePen eine * 8 ein und drücken Sie die Tabulatortaste.
Zum Abschluss schreiben wir auch das Markup für die untere Fußzeile. Wir säumen und hauen ein bisschen über das beste Markup, das wir dort unten verwenden können, aber letztendlich wählen Sie einfach etwas aus und machen Sie mit. Im Web sind die Dinge sowieso leicht zu ändern.