PARTIE 2 : L’INTÉGRATION GRÂCE AU COUPLE HTML / CSS
1. CRÉATION DES FICHIERS DE BASE
Rendez-vous sur Dreamweaver. Sur l’écran d’accueil, dans la colonne «Créer», cliquez sur «HTML» afin de créer une nouvelle page HTML puis enregistrez la dans le même dossier que celui contenant votre dossier «img» sous le nom «index.html».
Maintenant, via le menu «Fichier > Nouveau», créez un fichier de type CSS (Onglé «Page vierge» de la colonne de gauche, puis «CSS» dans la colonne «Type de page»). Enregistrez ce fichier CSS sous le nom «style.css» dans le même dossier que celui ou vous avez mis votre page HTML.

2. LIAISON DE LA PAGE HTML AVEC LA PAGE CSS
Afin que les class et les id que nous allons paramétrer dans notre fi chier CSS puissent fonctionner dans le fi chier HTML, nous devons lier ces deux pages. Pour effectuer cela, rendez vous dans le panneau présent à droite de l’interface de Dreamweaver nommé «Styles CSS». Si vous ne le trouvez pas, passez par le menu «Fenêtre > Style CSS». Dans ce panneau, tout en bas se trouve un petit icone représentant un maillon de chaîne. Cliquez dessus et dans la fenêtre qui vient de s’ouvrir écrivez «style.css» dans la case «Fichier / URL». Avant de cliquer sur le bouton OK, assurez-vous bien que le bouton radio «Ajouter sous», se trouve bien sur «lien» et non «importer». Validez. Vos pages sont à présent liées.