Hvis du er ligesom mig, du begyndte at bygge web-sider, hvor koden blev skrevet i notesblok og HTML var alt, hvad du havde at vide. Og hvis du er ligesom mig, kommer du tilbage til webdesign og finde, at takket være CSSeverything har ændret sig - for det bedste. I tider gået, borde, hvor det eneste værktøj, du var nødt til at formatere din side og designe et layout. Det klassiske design var en 1 række, 2 kolonner tabellen. På den ene celle, du sætte din navigationsmenu på den anden celle, du lægger dit indhold.
I dag er brugen af tabeller til at designe et layout er forældet: tabeller er kun anvendes til deres oprindelige anvendelsesområde, præsentere data i en tabel format. At designe layoutet der er en langt mere kraftfuld og fleksibelt værktøj: Cascading Style Sheets, eller CSS. Folk, der ikke anvendes til at designe med CSS kan spekulerer på, hvordan at arrangere indholdet på siden uden komforten af celler og tabeller. Men sandheden er: CSS giver dig mulighed for at designe layouts hurtigere, med mere præcision og mindre kode end borde.
Komplekse layout, der krævede indlejrede tabeller er lettere at kode og lettere at administrere. Og ændre et par linjer af koder på et enkelt stylesheet kan du helt ændre layoutet af alle siderne på dit websted. Logikken i hjemmesiden layout design med CSS er ganske let. Mastering denne kraftfulde værktøj og design meget kompleks, anvendelige, iøjnefaldende sider er vanskelig og kræver undersøgelse og anvendelse. Omfanget af denne tutorial er meget grundlæggende: en guide dig med at designe en simpel to kolonner side.
Med en hurtig søgning på Google, vil du finde masser af dokumenter, tutorials og vejledninger, som vil hjælpe dig med at lære de mere avancerede anvendelser af CSS. OBS: I denne tutorial vil jeg skrive om CSS kode er nødvendig for at designe et eksempel layout. Jeg vil ikke forklare i detaljer, hvordan CSS fungerer, eller de mange andre muligheder det giver dig mulighed for at finjustere alle detaljer af hvert element, der vises på din side. Lad os begynde. De mest populære layouts du kan finde på nettet kan være repræsenteret ved figur 1.
I en 2 kolonner layout vi har en Header (med logo og navn på hjemmesiden), en Navigation område (med links til de forskellige undersider af hjemmesiden), en hovedindhold område og en sidefod område (med kreditter, ophavsret og kontaktoplysninger)
Du bruges til at generere layout ved hjælp af følgende kode:.
Hvis du ønsker at