Le dossier de conception ici.

Le site terminé est ici.

Dans notre carte (oui nous faisons une carte cliquable) il faut nommer les groupes pour chaque objets (ici département) si nous voulons styler ces objets, après dans le code.

• Dans fenêtre – Option d’objet, donner une url aux objets et définir la zone active( ex:polygone).
• Enregistrer sous au format SVG, le profils SVG: Basic 1.1 et Propriétés CSS: Élément de style.
• Copier / coller le code généré dans la page HTML (que la partie avec les balises svg).

(A noter une fenêtre propriétés CSS.)

Une fois le fichier HTML en place nous pouvons styler notre carte en CSS.

création d’une montre, l’intégrer dans une bannière, et reproduction d’une bannière, vous avez 3 heures.

10/10.

Astuce :

Pour la montre (tiret des minutes)

• Faire un trait à douze heure.
• Utiliser l’outils rotation et faire un clique au centre du cercle en maintenant enfoncé la touche alt (ce qui indique le centre de la rotation et fait apparaître une fenêtre).
• Dans la fenêtre qui apparaît écrire 360/60 et cliquer sur copier.
• Répéter la dernière opération avec le raccourci ctrl D.

Mise à l’échelle.

En additionnant les manœuvres.

Astuce :

Pour faire pivoter avec l’outil rotation une face, cliquer une première fois sur l’axe de rotation et faire tourner en accrochant l’angle désiré.

Pour une actinométrie :

• Choisir l’outil rotation et désigner l’axe de rotation de la face.
• Faire pivoter la face en accrochant l’angle désiré.
• Choisir l’outil mise à l’échelle,
• Désigner l’axe de rotation.
• Basculer ensuite en accrochant l’angle désiré.
• Pour les cotés une mise à l’échelle en désignant toujours le même axe de rotation.
• Faire pivoter en accrochant l’angle jusqu’à trouver le point d’intersection (l’impression que ça ne fonctionne pas est normale).
• Il faut répéter la même action avec l’outil déformation.

Pour une isométrie à 60 :

• Choisir l’outil mise à l’échelle, désigner l’axe de rotation de la face avec alt clique, une fenêtre apprêt.
• Choisir Différenciée.
• Horizontale 100%
• Verticale 86,603.
• Cliquer sur ok (la face se tasse).
• Prendre l’outil déformation et alt clique sur l’axe de rotation.
• Dans la fenêtre, cliquer Horizontal.
• Angle d’inclinaison (le premier) 30°.
• Angle de direction 0°.
• Cliquer sur ok
• Choisir l’outil rotation et désigner l’axe avec alt clique .
• Dans la fenêtre l’angle -30° et ok.
• Pour les cotés une mise à l’échelle en désignant toujours le même axe de rotation.
• Faire pivoter en accrochant l’angle jusqu’à trouver le point d’intersection (l’impression que ça ne fonctionne pas est normale).
• Il faut répéter la même action avec l’outil déformation.

De mieux en mieux….

Pas si évident!

Travail supplémentaire créatif:

La panthère rose, pas ci évidente.

Après ces exercice une évaluation bien sur!

On continue un peu plus compliqué.

Plus précis.

Pathfinder

Toujours dans les pictogrammes.

Encore plus de précision…