Séances ISN 2016/2017

Lundi 5 septembre

1. Séance

• Présentations.
• Première page web.

2. Pour la prochaine fois (lundi)

• Chercher des informations avec des caractères lisibles dans un fichier binaire.
• Avancer son CV (images, lien vers une page et lien de retour)

Lundi 12 septembre

1. Séance

• Exemples de contenus lisibles dans des fichiers binaires.
• Un élève vient montrer son CV.
• Ajout des entêtes HTML, introduction à CSS.

2. Pour la prochaine fois (lundi)

• Styler son site grâce à CSS.

Lundi 19 septembre

1. Séance

• Mise en ligne via ftp.

2. Pour la prochaine fois (lundi)

• Faire une critique des site des deux « prochains » camarades.
• Lire les critiques que les deux camarades « précédents » on faites.

Lundi 26 septembre

1. Séance

• Utilisation exclusive de <div> (de type bloc) et de <span> (de type en ligne).
  • Faire une copie de cv.html vers cv2.html, ainsi que
    style.css vers style2.css.
  • Ouvrir les .html dans un navigateur, et les quatre fichiers dans un éditeur.
  • Dans cv2.html :
    • déclarer style2.css comme fichier de style ;
    • remplacer toutes les balises (sauf a, img, html et d’autres) par des <div> ou des <span>.
  • Utiliser les attributs id (un seul élément) et class (groupe d’éléments) pour sélectionner les éléments à styler (avec un croisillon ou octothorpe en anglais pour les id et un point pour les class.
• Introduction à JavaScript.
  • On se sert de JS principalement dans le navigateur.
    • Faire apparaître le panneau de déboguage, et surtout la console JS.
    • Y taper 2+2 puis appuyer sur Entrée,
      puis alert("bonjour"), puis dans une page au hasard :
      • var logo = document.getElementById('logo') (penser à TAB)
      • logo (on voit le contenu de la variable, et l’élément est mis en valeur)
      • logo.innerHTML = '' (on vide l’élément)
  • Dans un fichier test_js.html :
    • <script> et </script>
    • console.log("message"); s’affiche dans le journal (log, web log)
    • // commentaire
    • function nom(param1, param2) {
    • // code
    • }

2. Pour la prochaine fois (lundi)

• Faire une critique des site des deux « prochains » camarades.
• Lire les critiques que les deux camarades « précédents » on faites.
• Se documenter sur les couleurs d’une page web.

Lundi 3 octobre

1. Séance

• Rappels de la semaine dernière.
• Finir le programme « Bonjour prénom ! ».
• Faire un convertisseur de monnaie à double sens.
• Réfléchir (papier/crayon + recherches internet (existant et documentation)) à :
  • un convertisseur double sens pour plusieurs monnaies ;
  • un testeur de couleurs.

Notes sur les couleurs :

• noms en anglais
• RVB ou RGB
• #xxxxxx ou #xxx avec des chiffres ou des lettres (hexadécimal)
• rgb(x,x,x) avec des valeurs décimales entre 0 et 255

2. Pour la prochaine fois (lundi)

• Commencer le testeur de couleurs.

Lundi 10 octobre

1. Séance

• Debriefing sortie au LINA.
• Suite du convertisseur de monnaie à double sens (trop long, des difficultés et pas de questions par email).
• Petit cours sur le binaire et l'hexadécimal, et activité quartets et octets célèbres.

2. Pour la prochaine fois (lundi)

• Hexadecimal Test (sur Purpose Games).

Lundi 17 octobre

1. Séance

• Cours sur les conversions (décimal, binaire et hexadécimal, en tout six conversions possibles).

2. Pour la prochaine fois (lundi)

• Hexadecimal Test (sur Purpose Games).