Als je net als ik, je begonnen met de bouw van webpagina's als de code is geschreven in blocnote en HTML was alles wat je moest weten. En als je net als ik, kom je terug naar de site ontwerp en vinden dat dankzij CSSeverything veranderd is - voor het beste. In lang vervlogen tijden, tafels waar het enige instrument moest je je pagina formatteren en het ontwerpen van een lay-out. Het klassieke ontwerp was een 1 rij, tabel 2 kolommen. Aan de ene cel zet je navigatie menu, aan de andere cel je je eigen content.
Vandaag is het gebruik van tabellen om een lay-out te ontwerpen wordt afgeraden: tafels zijn om alleen worden gebruikt voor hun oorspronkelijke omvang, de presentatie van gegevens in een tabel formaat. Cascading Style Sheets, of CSS: de lay-out is er een veel krachtiger en flexibel instrument te ontwerpen. Mensen die niet gebruikt voor het ontwerpen met CSS kan zich afvragen hoe de inhoud op de pagina te regelen, zonder het comfort van de cellen en tabellen. Maar de waarheid is: CSS kunt u lay-outs sneller te ontwerpen, met meer precisie en minder code dan tafels.
Complexe lay-outs die geneste tabellen die nodig zijn gemakkelijker te coderen en eenvoudiger te beheren. En het veranderen van een paar lijnen van codes op één stylesheet kunt u volledig veranderen de lay-out van alle pagina's van uw site. De logica van de website lay-out ontwerp met CSS is vrij eenvoudig. Mastering deze krachtige tool en het ontwerp zeer complex, bruikbaar, in het oog springende pagina's is moeilijk en vereist studie en de toepassing. Het toepassingsgebied van deze tutorial is zeer eenvoudig: een gids kunt u een eenvoudige twee kolommen pagina te ontwerpen.
Met een snelle zoektocht op Google vindt u tal van documenten, tutorials en gidsen die u zullen helpen te leren van de meer geavanceerde toepassingen van CSS te vinden. Let op: in deze tutorial zal ik schrijven over de CSS-code die nodig is om een voorbeeld lay-out te ontwerpen. Ik zal niet in detail uitleggen hoe CSS werkt, noch de vele andere mogelijkheden het geeft je te fine-tunen elk detail van elk element die zal verschijnen op uw pagina. Laten we beginnen. De populairste indelingen u kunt vinden op het web kunnen worden vertegenwoordigd door figuur 1.
In de lay-out van een 2 kolommen hebben we een kop (met het logo en de naam van de website), een Navigatie (met links naar de verschillende subpagina's van de website), een hoofdmenu en een Footer (met credits, auteursrecht en contactgegevens)
U