Slik bygger du HTML5 Template Framework for nettstedet ditt - dummies

Med et sidelayout på plass, kan du endelig begynne å skrive noen HTML5-koden. Begynn med det vanlige sidelayoutskjemaet ditt og opprett en HTML-mal for å implementere diagrammet i arbeidskoden. HTML-malen er ganske enkel fordi det meste av designet skal skje i CSS. Vær oppmerksom på disse retningslinjene:

• Husk at malen bare er et rammeverk. HTML er hovedsakelig tom. Det er ment å bli duplisert og fylt ut med live data.

• Den har en referanse til stilarket. Ekstern CSS er kritisk for store webprosjekter fordi mange sider refererer til det samme stilarket. Legg til en referanse til stilarket, selv om det ikke kan eksistere enda.

• Inkluder alle nødvendige elementer. Elementene selv kan være tomme, men hvis siden din trenger en liste for en meny, legger du til en tom liste. Hvis du trenger en innholdsdiv, sett den på plass.

• Lag en prototype fra malen. Du må prøve data for å kunne teste CSS. Bygg en prototypeside som inneholder typiske data. Mengden data skal være typisk for det aktuelle nettstedet, slik at du kan forutse formateringsproblemer.

Det er veldig mulig at du aldri vil legge inn innhold i malen manuelt. Det er flere alternativer for å automatisere denne prosessen.

HTML-malen skal være enkel å konstruere fordi alt du trenger er i sidemalerdiagrammet.

Her er HTML-koden for prototypen:

CS Standard Mal 
Overskrift

ett
to
tre


Innhold 1
En eller flere av disse vil inneholde innhold En eller flere av disse vil inneholde innhold En eller flere av disse vil inneholde innhold En eller flere av disse vil inneholde innhold En eller flere av disse vil inneholde innhold En eller flere av disse vil inneholde innhold En eller flere av disse vil inneholde innhold En eller flere av disse vil inneholde innhold 
innhold 2
En eller flere av disse vil inneholde innhold En eller flere av disse vil inneholde innhold En eller flere av disse vil inneholde innhold En eller flere av disse vil inneholde innhold En eller flere av disse vil inneholde innhold En eller flere av disse vil inneholde innhold En eller flere av disse vil inneholde innhold En eller flere av disse vil inneholde innhold 
Folk begynner vanligvis å skrive sider på dette punktet, men det er en farlig ide.Ikke bruk noen virkelige data før du er sikker på den generelle HTML-strukturen. Du kan alltid endre stilen senere, men hvis du lager 100 sider og deretter bestemmer at hver av dem trenger en annen tag, må du gå tilbake og legge til 100 divs.