Avec notre conception du pied de page prête à l'emploi dans Photoshop, nous pouvons commencer à l'intégrer dans notre maquette HTML et CSS statique. La première étape consiste à se donner du HTML avec lequel travailler. Nous avons déjà une «partie» que nous incluons sur toutes les pages appelée «footer.php». C'est l'endroit idéal pour inclure notre balisage de pied de page pour le moment.
Comme vous pouvez le faire, le pied de page est une balise. En son sein, quelques listes de liens. Nous discutons de la façon dont il n'est peut-être pas idéal de mettre une liste de liens dans un
- étiqueter. Ce ne sont pas vraiment une liste, après tout, ce ne sont que des liens. Après avoir lu cet article, je n'ai plus mis de navigation dans les listes.
Nous utilisons la fonction de codage Zen dans CodePen pour obtenir rapidement un tas de liens avec lesquels travailler. Pour l'essayer, tapez un * 8 dans l'éditeur HTML de CodePen, puis appuyez sur Tab.
Nous terminons en écrivant également le balisage du pied de page inférieur. Nous parlons un peu du meilleur balisage à utiliser là-bas, mais en fin de compte, choisissez quelque chose et allez-y. Les choses sont faciles à changer sur le Web, de toute façon.