« Découvrir le SVG/Le SVG pour l'enseignement des mathématiques et de la programmation » : différence entre les versions
Contenu supprimé Contenu ajouté
→Généralités : +gedit |
→1. Découvrir le SVG et premier exemple : fin de la 1re activité |
||
Ligne 172 :
'''Activité 1 : créer une image SVG avec un logiciel graphique et l'afficher dans un explorateur Web'''
#
#: ''Détailler la procédure selon le système d'exploitation et l'installation, par exemple : double-cliquez sur l'icône Inkscape sur le bureau.''
# Cliquez sur le « stylo » [[Fichier:Inkscape icons draw path.svg|Bouton « stylo »]]. Le pointeur prend la forme d'une croix avec un stylo-plume.
# Placez le pointeur à un endroit de la fenêtre et cliquez puis relâchez le clic. Recommencez plusieurs fois à plusieurs endroits : cela crée une ligne brisée (avec éventuellement des arcs courbes si la souris bouge pendant que le bouton de clic est enfoncé).
# Appuyez sur le touche « Entrée » du clavier : cela termine le tracé.
# Cliquez sur le bouton « Sélection » [[Fichier:Inkscape icons tool pointer.svg|Bouton « Sélection »]].
# Appuyez sur la touche « Ctrl » du clavier, puis faites bouger la molette de la souris en maintenant la touche enfoncer. Selon la direction de rotation de la molette, cela agrandit (zoom) ou rapetisse (dé-zoom) l'image ; si vous n'y arrivez pas, utilisez la boîte de zoom située en bas à droite de la fenêtre. Vérifiez que même si on agrandit fortement l'image, les traits restent lisses.
# Enregistrez l'image sous le nom <code>premierEssai</code> :
Ligne 185 :
## Dans la zone de texte « nom du fichier », tapez « <code>premierEssai</code> ».
## Cliquez sur le bouton « Enregistrer ».
## Fermez Inkscape [[Fichier:Gnome-window-close.svg|26px|Icônes « fermer »]].
# Ouvrez le navigateur Web [[fichier:Mozilla Firefox logo 2013.svg|26px|logo Firefox]].
#: ''Détailler la procédure selon le système d'exploitation et l'installation, par exemple : double-cliquez sur l'icône Firefox sur le bureau.''
# Ouvrez le répertoire de travail. Positionnez la fenêtre du répertoire de travail à côté de celle du navigateur Web.
#: ''Détailler la procédure selon le système d'exploitation et l'installation, par exemple : double-cliquez sur l'icône Fichiers SVG sur le bureau.''
# Faite un « glisser-lâcher » du fichier <code>premierEssai.svg</code> que vous venez de créer du répertoire de travail ans la fenêtre du navigateur Web :
## Dans la fenêtre du répertoire de travail, cliquez sur le fichier <code>premierEssai.svg</code>.
## En maintenant le bouton de la souris enfoncé, déplacez le pointeur dans la fenêtre du navigateur Web et relâchez le clic.
# Vérifiez que le dessin qui s'affiche est identique à ce que vous avez dessiné.
# Faite un agrandissement (zoom : touche « Ctrl » du clavier et molette de la souris) pour vérifier que les traits restent lisses.
<center>'''Fin de l'activité'''<br />***<br />**<br/>*
</center>
== Notes ==
| |||