Animer une page html

Réalisons notre dessin

1. Démarrer Inkscape.
2. Dessiner un Cercle (raccourci : F5), fixer un fond bleu et pas de contour.
3. Dessiner un Rectangle à droite du cercle (raccourci : F4), fixer le fond rouge et un contour noir.
4. Prenez l'outil de sélection (raccourci : F1).
5. Sélectionner les deux éléments.
6. Aligner les deux éléments : menu Objet >> Aligner et distribuer... >> Centrer selon axe horizontal.
7. Ajouter un texte au dessus du cercle : "Hello world !".
8. Sélectionner le texte et le cercle.
9. Aligner les deux éléments : Aligner les bords gauche.
10. Sélectionner tous les éléments de votre dessin.
11. Adapter la taille du document à votre dessin :
    • menu Fichier >> Propriétés du document...
    • Dans le cadre "Dimensions personnalisés" cliquer sur "+Redimensionner la page au contenu"
    • Régler une marge de 10 pixels
    • puis cliquer sur "Ajuster la page au dessin ou à la sélection"
12. Enfin... Enregister votre dessin sous le format SVG (Scalable Vector Graphics) dans votre répertoire de travail : Fichier >> Enregistrer sous... >> premier_dessin.svg

Vous devriez arrivez à quelque chose comme ça :

Valider cette partie