Hvis du er som meg, begynte du å bygge websider når koden ble skrevet i notepad og HTML var alt du måtte vite. Og hvis du er som meg, kommer du tilbake til site design og finne at takket være CSSeverything har endret seg - til det beste. I tider borte, bord hvor det eneste verktøyet du måtte formatere siden din og designe en layout. Den klassiske design var en en rad, 2 kolonner tabellen. På den ene cellen du sette navigasjonsmenyen, på den andre cellen du setter ditt innhold.
I dag bruk av tabeller for å designe en layout er foreldet, tabeller skal kun brukes til sitt opprinnelige omfang, presentere data i en tabell format. Å designe layout det er en mye mer kraftig og fleksibelt verktøy: Cascading Style Sheets, eller CSS. Folk som ikke brukes til å designe med CSS kan lure på hvordan å ordne innhold på siden uten at komforten av celler og tabeller. Men sannheten er: CSS lar deg designe oppsett raskere, med mer presisjon og mindre kode enn tabeller. Kompliserte oppsett som krevde nestede tabeller er enklere å kode og lettere å administrere.
Og endre noen få linjer med koder på en enkelt stilark kan du helt endre utformingen av alle sidene på nettstedet ditt. Logikken av nettstedet layout design med CSS er ganske enkelt. Maste dette kraftige verktøyet og design svært komplekse, brukbare, oppsiktsvekkende sider er vanskelig og krever studiet og anvendelse. Omfanget av denne opplæringen er veldig enkel: en guide deg til å lage en enkel to kolonner side. Med et raskt søk på Google vil du finne massevis av dokumenter, tutorials og guider som vil hjelpe deg å lære mer avansert bruk av CSS.
Oppmerksomhet: i denne opplæringen jeg skal skrive om CSS koden som trengs for å utforme et eksempel layout. Jeg vil ikke forklare i detalj hvordan CSS fungerer, eller de mange andre alternativene det gir deg finjustere alle detaljene i hvert element som skal vises på siden din. La oss begynne. De mest populære oppsett du kan finne på nettet kan være representert ved figur 1.
I en 2 søyler layout vi har en Header område (med logo og navn på nettsiden), en navigasjonsområdet (med linker til de forskjellige undersidene på nettsiden), et hovedinnhold område og et bunnområde (med studiepoeng, opphavsrett og kontaktopplysninger)
Du brukes til å generere layout ved hjelp av følgende kode:.
Hvis du ønsker å endre noe i din layout, sier endring fra vertikal navigering på siden av siden for å horisontal nav bar under overskriften, måtte du end