Con nuestro diseño para el pie de página listo para usar en Photoshop, podemos comenzar a construirlo en nuestra maqueta de HTML y CSS estático. El primer paso es darnos algo de HTML para trabajar. Ya tenemos una "parte" que incluimos en todas las páginas llamada "footer.php". Este es el lugar perfecto para incluir nuestro marcado de pie de página por ahora.
Como es de esperar, el pie de página es una etiqueta. Dentro de él, algunas listas de enlaces. Analizamos cómo podría no ser ideal poner una lista de enlaces en un
- etiqueta. No son realmente una lista, después de todo, son solo algunos enlaces. Después de leer este artículo, ya no he incluido la navegación en listas.
Usamos la función de codificación Zen en CodePen para obtener un montón de enlaces rápidamente para trabajar. Para probarlo, escriba un * 8 en el editor HTML de CodePen y luego presione Tab.
Terminamos escribiendo también el marcado para el pie de página inferior. Hablamos un poco sobre cuál es el mejor marcado para usar allí, pero lo mejor es elegir algo y seguirlo. Las cosas son fáciles de cambiar en la web, de todos modos.