Projet d'intégration 01 : Les billets de spectacle

Description

1. Un numéro de billet (numéro avec incrémentation automatique)
2. Le titre du spectacle.
3. La ou les dates du spectacle.
4. L'adresse de votre site web (site de publicité pour votre spectacle).
5. Le lieu du spectacle.
6. L'heure du spectacle
7. Une image
8. Votre billet doit avoir les dimensions relativement standard d'un billet de spectacle (environ 6 cm x 18 cm).
9. Une bordure

1. IMPORTANT : Produisez votre page dans votre espace de téléchargement en utilisant le bouton AJOUTER UNE PAGE de votre espace de téléchargement.

   Étapes de réalisation des billets numérotés

   1. Insérez dans votre page en utilisant le bouton JAVASCRIPT le code identifiant le langage javascript
   2. Dans ce code, insérez en utilisant le bouton BOUCLE (en utilisant la variable i, un nombre de répétition de 10 et une incrémentation de 1).
      Notez que vous pourrez ensuite modifier ce nombre de répétition afin d'imprimer la quantité de billets désirés.
   3. Dans cette boucle, insérez en utilisant le bouton ÉCRIRE le code javascript qui écrira temporairement le texte "BILLET"
   4. Validez votre code en prévisualisant votre page.
   5. Supprimez maintenant le mot BILLET en le remplacant par le code HTML de votre billet.
      Votre billet devra OBLIGATOIREMENT contenir :
      1. Les balises de tableau
      2. Un numéro de billet
      3. Le titre du spectacle
      4. La ou les dates du spectacle
      5. L'adresse de votre site web (site de publicité pour votre spectacle)
      6. Le lieu du spectacle
      7. L'heure du spectacle
      8. Votre billet doit avoir les dimensions relativement standard d'un billet de spectacle (environ 6 cm x 18 cm).
      9. Une bordure
      Votre billet devra AU BESOIN contenir :
      1. Du code de feuille de style
      2. Une ou des images
   6. Maintenant, il faut s'assurer qu'au moment de l'impression, un billet ne chevauche pas deux pages. Afin d'éviter cette situation, placez le curseur avant la ligne document.write et utilisez le bouton SI afin de placer le code d'une structure conditionnelle.
   7. Cette structure permettra d'insérer un saut de page après un certain nombre de billet.
      Vous avez donc le code suivant :
      
      if ()
      {
      
      }
      else
      {
      
      }
      
      
      
   8. Entre les parenthèses, inscrivez eval(i % 3)== 0 , c'est à dire, si le no de billet est un multiple de 3 (on imprimera donc 3 billets par page).
   9. Entre la première série d'accollades, inscrivez le code suivant (il s'agit du code CSS qui permet d'insérer un saut de page)
      document.write("<p style=page-break-before:always></p>")
   10. Prévisualisez cette page et apportez les corrections au besoin.
   11. Enregistrez cette page sous le nom billet.html
2. Ajoutez ensuite une page à votre portfolio en affichant l'assistant HTML ainsi que la directive 33933
   
3. Inscrivez dans le champ titre : Projet d'intégration 01 : Les billets de spectacle
   
4. Sélectionnez la matière : informatique
   
5. Inscrivez dans le champ no de la directive : 33933
   
6. Inscrivez dans votre page le titre de niveau 1 : Projet d'intégration 01 : Les billets de spectacle
   
7. Ajoutez un lien vers la page billet.html située dans votre espace de téléchargement.