Les modèles de mise en page web

Description

L'utilisation de modèles de mise en page web permettent de créer facilement une mise en page HTML et CSS facilitant ainsi le travail de tout webmestre.

Cette activité vous permettra de découvrir quelques modèles.

1. Affichez un des sites suivants :
   http://www.dynamicdrive.com/style/layouts/category/C11/
   http://www.w3schools.com/htmL/html_layout.asp
   http://purecss.io/layouts/
   http://csslayoutgenerator.com/
   http://www.maxdesign.com.au/articles/css-layouts/
   http://www.cssportal.com/layout-generator/
   
   
   
   
2. Sélectionnez un modèle de votre choix
   
   
3. Récupérez le code CSS, le code HTML.
   
   
4. Cliquez le bouton 4- Accès à mon espace de téléchargement de votre portfolio
   
   
5. Cliquez le bouton Ajouter une page avec directive en inscrivant le numéro 106177 dans le champ No de la directive
   
   
   
   
6. Dans cette page, collez le code html et css généré.
   
   
7. Insérez un contenu sur un thème de votre choix (textes et images) dans les différentes sections de la page
   
   
8. Enregistrez votre page en utilisant le champ situé au bas de la page sous le nom modelecss.html
   
   
9. Visualisez votre page et apportez des modifications au besoin.
10. Ajoutez une page à votre portfolio en affichant l'assistant HTML ainsi que la directive 106177
    
    
11. Inscrivez dans le champ titre : Les modèles de mise en page web
    
    
12. Sélectionnez la section : MODULE CSS
    
    
13. Sélectionnez la matière : informatique
    
    
14. Inscrivez dans le champ no de la directive : 106177
    
    
15. Inscrivez dans votre page le titre de niveau 1 : Les modèles de mise en page web
    
    
16. Ajoutez un LIEN vers la page modelecss.html créée dans votre espace de téléchargement
    
    
17. Ajoutez un LIEN vers le site modèle utilisé
    
    
18. Visualisez votre page et apportez des modifications au besoin.