PSD till HTML5 konvertering: lägga till en HTML5 reglaget på en webbsida - Del1 (5 / 6 steg)
Steg 5: Sidfoten
< div class = "wrapper" >
< avsnitt id = "meny" >
< ul class = "footer_nav" >
< li klass = "aktiv" >< en href = "#" > Hem/< a >< /li >
< li >< en href = "#" > om oss < /a >< /li >
< li >< en href = "#" > Nyheter/< a >< /li >
< li >< en href = "#" > Kontakta oss < /a >< /li >
< li >< en href = "#" > produkter < /a >< /li >
< li >< en href = "#" > tjänster < /a >< /li >
< li >< en href = "#" > testimonials < /a >< /li >
Slutligen har vi nära till slutet av HTML, och vi kan nu koden sidfoten. Skapa en sidfot tagg om du foten, och inuti som gör en div-tagg med en klass av wrapper. Sedan göra en avsnitt tagg med ett id för menyn som vi behöver för att göra en nav bar i sidfoten också.
Nu skapa en oordnad lista med en klass av sidfoten nav, och göra 7 lista eller li Taggar, placera menyalternativen inuti dem, göra dem kopplas samman med hjälp av ankare Taggar och stänga taggen ul.
Lägg till sociala ikoner
< ul class = "social_icon" >
< li >< en href = "#" class = "facebook" >< /a >< /li >
< li >< en href = "#" class = "google" >< /a >< /li >
< li klass = "senast" >< en href = "#" class = "twitter" >< /a >< /li >
< /ul >
< / avsnitt >
I sidfoten måste vi också placera tre sociala ikoner, som du kan länka med respektive profiler via CSS3. Nu i HTML5 kommer vi inte att placera sina bilder, kommer istället vi bara definiera dem. Så gör en ny oordnad lista med en klass av sociala ikoner. I denna ul-taggen, gör tre lista eller li-Taggar och sätta tre ankare Taggar, en insidan li tag och ge dem alla en klass av facebook, google och twitter i kronologisk ordning och stäng taggarna ul och avsnitt.
Sidfot slutet
< ul class = "bottom_nav" >
< li klass = "första" > COPYRIGHT © < /li >
< li >< en href = "www.Projectsigns.com" > WWW.ProjectSIGNS.COM < /a >< /li >
< li klass = "senast" > alla rättigheter reserverade < /li >
< /ul >
< / div >
< / sidfot >
< / body >
< / html >
För att göra sidfoten slut, skapa en ny tagg oordnad lista, och ge det en klass av bottom_nav. I denna ul-taggen, göra tre lista eller li Stäng Taggar och plats det lämpligt innehållet inuti dem i en sekvens, sedan ul, div, sidfot, kropp och HTML-taggar respektive.