32 : Utilisation d'un générateur en ligne de mise en page web

Description

L'utilisation d'outils en ligne permettant de créer une mise en page HTML et CSS facilite le travail de tout webmestre.
Cette activité vous permettra de découvrir ces outils.

1. Affichez le site http://www.cssportal.com/layout-generator/
   
   
2. Produisez et téléchargez votre modèle
   
   
3. Récupérez le code CSS, le code HTML et au besoin les images.
   
   
4. Téléchargez ces images dans votre espace de téléchargement.
   
   
5. Cliquez le bouton 4- Accès à mon espace de téléchargement de votre portfolio
   
   
6. Cliquez le bouton Ajouter une page avec directive en inscrivant le numéro 92057 dans le champ No de la directive
   
   
   
   
7. Dans cette page, collez le code html et css généré.
   
   
8. Modifiez le contenu de chacun des sections de votre page afin d'y insérer un contenu relatif à un sujet de votre choix.
   
   
9. Enregistrez votre page en utilisant le champ situé au bas de la page sous le nom matemplate.html
   
   
10. Visualisez votre page et apportez des modifications au besoin.
11. Ajoutez une page à votre portfolio en affichant l'assistant HTML ainsi que la directive 92057
    
    
12. Inscrivez dans le champ titre : 32 : Utilisation d'un générateur en ligne de mise en page web
    
    
13. Sélectionnez la section : MODULE CSS
    
    
14. Sélectionnez la matière : informatique
    
    
15. Inscrivez dans le champ no de la directive : 92057
    
    
16. Inscrivez dans votre page le titre de niveau 1 : 32 : Utilisation d'un générateur en ligne de mise en page web
    
    
17. Ajoutez un LIEN vers la page créée dans votre espace de téléchargement
    
    
18. Ajoutez un LIEN vers le site web utilisé
    
    
19. Visualisez votre page et apportez des modifications au besoin.