Kun alatunnisteen suunnittelu on valmis menemään Photoshopiin, voimme aloittaa sen rakentamisen staattiseen HTML- ja CSS-mallineeseemme. Ensimmäinen askel on antaa itsellemme jonkin verran HTML: ää työskennellä. Meillä on jo "osa", jonka sisällytämme kaikille sivuille nimeltä "footer.php". Tämä on täydellinen paikka sisällyttää alatunnisteiden merkinnät toistaiseksi.
Kuten saatat lukea, alatunniste on tunniste. Sen sisällä joitain linkkiluetteloita. Keskustelemme siitä, miten ei ehkä ole ihanteellista laittaa linkkiluettelo todelliseen
- tag. Ne eivät ole oikeastaan luettelo, onhan vain joitain linkkejä. Kun olen lukenut tämän artikkelin, en ole asettanut navigointia luetteloihin enää.
Käytämme CodePen Zen Coding -ominaisuutta saadaksemme joukon linkkejä nopeasti työskentelemään. Kokeile kirjoittamalla a * 8 CodePenin HTML-editoriin ja painamalla sitten sarkainta.
Viimeistelemme kirjoittamalla myös alatunnisteen merkinnät. Me helme ja haw vähän parhaasta merkinnästä käytettäväksi siellä, mutta lopulta vain valita jotain ja mennä sen kanssa. Asiat on joka tapauksessa helppo muuttaa verkossa.