SNT-continuite

Affiche séance 01

Cacher Séance 01


Bilan sur le langage HTML

  • lire le cours récapitulatif disponible : cliquez ici
  • Terminer de modifier le fichier page_CV.zip pour en faire le site de ^résentation d'une série ou d'un film :
    • Une page d'accueil "index.html" où le titre de la série est présente avec au moins une image et 2 liens vers :
    • une page de présentation du scénario
    • une page de présentation des personnages
    • éventuellement d'autres pages (distinctions, autres...) concernant la série
    • des boutons permettant de revenir à l'accueil, comme montré dans la vidéo
  • Mettre le projet en
  • Le cours sur le HTML
    Pour ceux n'ayant pas suivi le cours sur le HTML et la présentation que j'en ai faite sur le fichier page_cv.zip, voici une vidéo récapitulative :
    Mettre son site en ligne
    Voici une vidéo vous expliquant comment mettre votre site en ligne : une fois cette étape réalisée, il vous suffit de m'envoyer par mail l'adresse à laquelle je pourrai trouver votre site ! Si vous avez des difficultés, quelles qu'elles soient, n'hésitez pas à me contacter par mail en me décrivant clairement votre problème, je pourrai ainsi vous aider.
    Compresser un ensemble de fichiers/dossier en archive ZIP
    Pour éviter des problèmes, merci de m'envoyer votre site web zippé par mail. Vous ne savez pas comment compresser un ensemble de fichiers ? La vidéo suivante est pour vous !
    Pour aller plus loin
    Le javascript est un langage permettant de rendre une page web dynamique, en permettant au visiteur d'interagir avec elle.
    C'est avec ce langage que j'ai par exemple écrit cette animation sur les ordres de grandeur ou bien ce jeu. Si vous souhaitez ajouter un peu d'interactivité à votre projet, regardez la vidéo suivante ! Spoiler : j'ai complètement oublié de parler d'iframe...

    Affiche seance 02

    Cacher Seance 02

    Affiche séance 05

    Cacher Séance 03


    Intégrer une carte dans une page web : affichage de la distance de sortie autorisée durant le confinement
    Remarque : Cette année le cercle est un peu plus grand, mais il n'est pas encore levé !
    Je vous propose de refaire cet exercice avec les contraintes de l'année dernière, le rayon de 10km ne s'y prétant pas vraiment

    • Le document maCarte2.html est ici : cliquer pour télécharger.
      Comme les fichiers html sont automatiquement ouverts par votre navigateur, j'ai compressé le fichier en zip.
      Décompressez-le préalablement en suivant le tutoriel précédent si besoin.

    Objectifs:
    1. éditer la page pour faire apparaître un cercle d'1 km de côté centré sur un point de votre choix (indiquer quel point)
    2. modifier la page pour faire apparaître 2 cercles proches (couleurs différentes)(imaginez que vous voulez retrouver un ami(e), est-il possible de définir une zone où vous pouvez vous trouver tous les 2
    3. Inclure ce travail à la suite de page_cv.html ou (mieux) de votre site internet
    4. M'envoyer votre travail par mail
    Le cours :

    Previous page: Objets connectés Next page: Couleur, vision et image