Si vous êtes comme moi, vous avez commencé la construction de pages Web lorsque le code a été écrit dans le bloc-notes et HTML était tout ce que vous aviez à connaître. Et si vous êtes comme moi, vous revenez à la conception du site et de trouver que grâce à CSSeverything a changé - pour le mieux. Autrefois, des tables où le seul outil que vous deviez formater votre page et la conception d'un modèle. Le design classique était une rangée 1, table 2 colonnes. Sur une cellule vous mettez votre menu de navigation, de l'autre cellule que vous mettez votre contenu.
Aujourd'hui, l'utilisation de tableaux pour concevoir une mise en page est obsolète: tables doivent être utilisés seulement pour leur portée initiale, présenter les données dans un format de table. Pour concevoir la mise en page, il ya un outil beaucoup plus puissant et flexible: Cascading Style Sheets ou CSS. Les gens ne sont pas utilisés pour concevoir avec CSS peuvent se demander comment organiser le contenu dans la page sans le confort de cellules et de tableaux.
Mais la vérité est: CSS vous permet de concevoir plus rapidement mises en page, avec plus de précision et moins de code que les tables. Mises en page complexes qui nécessitaient des tableaux imbriqués sont plus faciles à coder et plus facile à gérer. Et de changer quelques lignes de codes sur une seule feuille de style, vous pouvez entièrement modifier la mise en page de toutes les pages de votre site. La logique de la conception site web de mise en page avec CSS est assez facile.
Maîtriser cet outil puissant et très design, pages, accrocheur utilisables complexes est difficile et nécessite une étude et d'application. La portée de ce tutoriel est très basique: vous un guide pour concevoir une simple page de deux colonnes. Avec une recherche rapide sur Google vous trouverez beaucoup de documents, des tutoriels et des guides qui vous aideront à apprendre les utilisations plus avancées du CSS. Attention: dans ce tutoriel, je vais écrire sur le code CSS nécessaires à la conception d'un exemple de schéma.
Je ne vais pas expliquer en détail comment fonctionne CSS, ni les nombreuses autres options, il vous donne de peaufiner chaque détail de chaque élément qui apparaîtra sur votre page. Commençons. Les raccordements les plus populaires que vous pouvez trouver sur le web peuvent être représentés par la figure 1.
Dans une mise en page 2 colonnes nous avons une zone d'en-tête (avec le logo et le nom du site), une zone de nav