Le navigateur web

A quoi sert il?
Vous en connaissez?

Internet? Web?

A votre avis, quelle est la différence?

HTML

Structurer et afficher notre contenu

Introduction

Activité : Hello world en papier

Installons Brackets.

Un environnement de dévellopement est un ensemble d'outils pour augmenter la productivité des programmeurs .

(parce qu'on est flemmard)

Apprendre par la pratique

A partir des textes, arriver aux résultats souhaités

• Identifier la structure des pages
• Identifier les balises existantes dans la référence
• Reproduire pour arriver au résultat souhaité

Hackons 20minutes.com

Text

Votre fake news

Grace à la console de développement web (F12)

Modifiez un article en ligne

Prendre une capture d'écran en souvenir :]

Sous le capot

Afficher un site: google.com

Simulation

Découverte via jeu de rôle

Crédit: Vlad Gerasimov

Simplement retenir ceci:

CSS

Du style... avec classe!

Super, on y va!

Exercices de découverte

Les classes