Valeur de cette activité : 5 points
Compétence :
09- SVG Les images

A-Module 05 : SVG : 5 points - difficulté : 1

SVG Les Images

Présentation

Les formes et le texte SVG peuvent être remplis de différentes façons, avec des couleurs, des dégradés ou des motifs, des animations et des liens.

Nous allons voir ici que nous pouvons insérer une image dans un fichier SVG.

Consultez ce site : cliquez ici afin d'obtenir des informations détaillées concernant l'animation SVG.

Pour consulter des exemples SVG, cliquez ici.

Pour consulter un cours d'introduction au langage SVG : Cours ESI Montréal
ou
Cours SVG Euroclid



Description


Dans cette exercice, vous allez produire un lien web sur une image



  1. Ajoutez une page à votre portfolio en affichant la directive 13219.
    Complétez les informations suivantes :
  2. dans le champ titre : Les images SVG
  3. Dans le champ section : Module SVG
  4. un titre de niveau 1 : Les images SVG


  5. Cliquez le bouton SVG afin d'afficher les assistants SVG

  6. Affichez les assistants HTML et utilisez la boîte à liste déroulante INSÉRER UN MODÈLE et insérez le modèle SVG_Déclaration afin d'effectuer la déclaration XML.
    Notez que dans ce code vous devez spécifier la taille de l'affichage :
    <svg width="500" height="500"></svg>

  7. En vous servant de la boîte à liste déroulante Insérer un modèle / SVG_Images , Insérer un modèle / SVG_Liens et Insérer un modèle / SVG_Texte_Simple ou des boutons de votre barre de boutons SVG:

  8. Insérez ensuite le texte "Cliquez l'image pour afficher un site intéressant!" en utilisant le bouton SVG-TEXTE
    - Notez que le code ci-dessous permet d'afficher les caractères accentués.

    <?xml version="1.0" encoding="iso-8859-1" ?>

  9. Ajoutez une image de votre choix (en utilisant le bouton SVG-IMAGE)
  10. Ajoutez le code qui permettra de créer un lien web sur cette image vers un site de votre choix concernant le langage SVG (utilisez le moteur Google pour trouver un site intéressant) en utilisant le bouton SVG-LIEN

  11. Enregistrez cette page, visualisez votre travail et apportez les corrections au besoin.

    Cette page servira à la correction de votre travail et à transmettre mes commentaires concernant ton travail.