SNT - Seconde - le web avec HTML

Travail demandé

Partie 1

Dans cette partie vous allez créer un site web sur un sujet quelconque que vous choisirez. Le sujet peut être un sport, un sportif, un artiste, un animal, une passion, etc..
Vous utiliserez le logiciel Netbeans que vous trouverez dans le dossier Logiciels par discipline partie Logiciels de SNT-NSI (voir image ci dessous). Regardez la vidéo de mise en place d'un projet: cliquez-ici .

Question 1: Le HTML

Remplacer le texte « TODO supply a title » par votre nom et votre prénom.
Effacer les deux balises div avec "TODO write content"
Tester le rendu avec Firefox.

Question 2: Titres et paragraphes

Ce n'est pas le plus amusant mais c'est incontournable, toutes les pages web contiennent du texte. On peut faire afficher des textes très décorés en HTML.

Regarder la vidéo créer des paragraphes-titres-saut-de ligne: cliquez-ici .
créer un titre de niveau h1 puis un paragraphe p avec quelques mots sur le sujet de votre site.

Question 3: couleurs

Regarder la vidéo sur les "Couleurs, attributs, propriétés": cliquez-ici .

Question 4: liens vers un autre site web

Comme vous le savez, un site web est composé de plusieurs pages. On navigue d'une page à l'autre en utilisant des hyperliens aussi appelés des liens hypertextes. De même, on peut naviguer d'un site web vers un autre site web avec des liens hypertextes.

Regarder la vidéo sur les "liens vers un autre site": cliquez-ici .
Ajouter un lien vers un site qui a un rapport avec votre sujet et si vous n'en imaginez pas: ajouter un lien vers le moteur de recherche "Qwant".

Question 5: liens vers une autre page du même site

Regarder la vidéo sur comment créer une seconde page à votre site web: cliquez-ici .
Créer une page 2 nommée page_2.html.
Créer un lien depuis index.html (la première page de votre site) vers la page 2: page_2.html. Créer un lien de retour de la page 2 vers la première page.

Question 6: les images

Regarder la vidéo sur comment ajouter une image à votre site web: cliquez-ici .
Ajouter une image centrée à votre page index.html de votre site. REMARQUE: dans cette partie il ne s'agit pas de réaliser un site web abouti, vous verrez dans la partie web avec CSS comment mettre plusieurs images et comment les positionner précisemment.

Question 7: l'audio

Regarder la vidéo sur comment ajouter un fichier son à votre site web: cliquez-ici .
Ajouter un fichier son à votre page index.html de votre site. Si vous n'avez pas de fichier son, ajouter celui-ci: cliquez-ici .

Question 8: les vidéos

Regarder la vidéo sur comment ajouter une vidéo depuis youtube à votre site web: cliquez-ici .
Ajouter une vidéo centrée à votre page index.html de votre site.

Question 9: votre page 2

Ajouter du contenu à votre page 2 en gardant une relation avec le sujet de votre page 1.

Partie 2

Dans cette partie vous allez étudier les échanges entre le serveur web et le client web. Vous pourrez consulter la partie Ressources pour vous aider à répondre à certaines questions

Question 10: lire une URL

En vous aidant de la partie URL du dossier ressources,

Tester l'URL: https://fr.wikipedia.org/wiki/Climat?printable=yes
Décrire l'URL: https://fr.wikipedia.org/wiki/Climat?printable=yes
Aide: vous préciserez: quel est le protocole? Quel est le nom du serveur? Quel est l'annuaire à consulter pour avoir l'adresse IP du serveur ? Quel est le mot-clé est envoyé au site ?

Question 11: sécuriser la navigation

Rappeler les réglages de sécurité qui sont souhaitables pour une navigation "sure".
Pouvez-vous accéder aux paramètres de sécurité de votre navigateur? Si oui, décrire les réglages de sécurité de votre navigateur. Si non, à votre avis pourquoi ?

Question 12: les cookies

Rappeler ce qu'est un cookie et quelle est sa fonctionnalité. Avec le navigateur Firefox, saisir l'URL: https://www.lemonde.fr . Vous n'êtes pas abonné, cliquer sur Accepter et continuer ( dépot de cookies tiers).

Pour voir les cookies avec Firefox:

Appuyer sur la touche F12.
Aller dans l’onglet Stockage (ou Storage), si vous voyez pas Stockage, cliquez sur >> pour afficher les onglets cachés.
Cliquer sur Cookies et vous verrez la liste des sites qui ont déposés des cookies.

Effectuer une capture d'écran qui montre que les entreprises google et Amazon sont présentes parmi les partenaires du site Le Monde (observer l'URL des sites partenaires dans la rubrique Cookies).

Pour voir les dépendances entre sites, vous pouvez utilisez le logiciel CookieViz ( s'il n'est pas dans la liste des logiciels par discipline SNT-NSI, demandez au prof):

Lancer le logiciel CookieViz.

Saisir l'URL: https://www.lemonde.fr , cliquer sur Accepter et continuer.
Ouvrir la fenêtre de visualisation de CookieViz.

Vous pouvez voir les sites partenaires du monde qui déposent des cookies publicitaires et pistent votre navigation si autorisé par votre navigateur.

Noter sur votre compte rendu combien de sites partenaires sont actifs (ne pas compter les cercles, vous avez l'information dans la fenêtre de CookieViz).