Med vår design för sidfoten redo att gå i Photoshop kan vi börja bygga ut den i vår statiska HTML- och CSS-mockup. Det första steget är att ge oss lite HTML att arbeta med. Vi har redan en "del" som vi inkluderar på alla sidor som heter "footer.php". Detta är det perfekta stället att inkludera vår sidfotmarkering för nu.
Som du kanske undantar är sidfoten en tagg. Inom det, några listor med länkar. Vi diskuterar hur det faktiskt inte är perfekt att lägga en lista över länkar i ett faktiskt
- märka. De är egentligen inte en lista, det är ju bara några länkar. När jag har läst den här artikeln har jag inte lagt in navigering i listor längre.
Vi använder Zen Coding-funktionen i CodePen för att snabbt få en massa länkar att arbeta med. För att prova det, skriv a * 8 i HTML-redigeraren i CodePen och tryck sedan på Tab.
Vi avslutar med att skriva markeringen för bottenfoten också. Vi hämmar och har lite om den bästa markeringen att använda där nere, men ultimat, välj bara något och gå med det. Det är ändå lätt att ändra saker på webben.