Thème 2-Le WEB

Chronologie

https://www.lemonde.fr/pixels/visuel/2019/03/13/trente-ans-d-innovations-de-scandales-et-de-memes-une-chronologie-du-web_5435444_4408996.html

S1 Création, Analyse et modification d'une page Web

S1 Page Web, HTML et CSS

Fichiers à décharger dans votre espace perso

Pagevide.html

pagesommaire1.html

https://drive.google.com/file/d/1OXWydzOxBnIAfEMYxuKYIlUVj3uaBGdO/view?usp=sharing

JSBIN

-Créer un dossier WEB dans lequel un Dossier images sera crée regroupant toues vos images -Penser à enregistrer toute modification ( Save as Snapshot) puis à décharger ( download ) votre page

S2 Evaluation

Création de pages WEB

1. -Dans votre espace personnel, créer un dossier « WEB » dans lequel un Dossier « images »

2. -Vous enregistrerez vos pages HTML dans le dossier WEB et vos images dans le dossier « images »

3. -Votre première page web sera crée à l’aide de JSBIN, éditeur en ligne

4. -Votre page portera sur un personnage qui a bouleversé le monde informatique ( carte à tirer ) à l’aide de JSBIN

5. -Penser à enregistrer toute modification ( Save as Snapshot) puis à décharger ( download ) votre page dans le dossier WEB

6. –Une fois terminé et validé par l’enseignant, vous déposerez dans le dossier « WEB » , votre page nom-prenom-du-personnage.html et dans le dossier « images » vos images sur le réseau de l'établissement Echange(P:) > Tous> WEB_2XX

1er Objectif

https://jsbin.com/cecikoruna/edit?html

https://www.w3schools.com/css/css_image_gallery.asp

https://www.w3schools.com/css/css_navbar.asp

Principales balises

https://www.hannahemilylane.com/digital/coding-for-bloggers-html-and-css

Code hexa couleur

Tout sur le code HTML

2ème Objectif

Site WEB

1. Enregistrer le contenu de votre dossier WEB ( une seule page …html et votre dossier image ) dans le dossier de la classe ( ex : P :>Echange>208>web )

Les pages de chaque élève apparaissent

2. Votre objectif est de créer une page sommaire pointant vers ces différentes pages en utilisant les liens relatifs <a href= activite1.html >Exercice1</a>

https://www.w3schools.com/howto/howto_js_hover_tabs.asp

et en choisissant comment ouvrir ces pages (target ) (https://www.w3schools.com/html/html_links.asp

3. Vous créez aussi un menu de votre choix et/ou des fenêtres : https://www.w3schools.com/html/html_layout.asp

Les Outils en ligne

JSBIN

-Créer un dossier WEB dans lequel un Dossier images sera crée regroupant toues vos images -Penser à enregistrer toute modification ( Save as Snapshot) puis à décharger ( download ) votre page